@tailwind base;@tailwind components;@tailwind utilities;.registerForm{display:flex;justify-content:center;align-items:center;flex-direction:column;background-color:#0d0c0e;border-radius:12px;width:360px}.registerForm form{display:flex;align-items:center;justify-content:center;flex-direction:column}.registerForm h1{color:#fff;text-align:center;margin-bottom:25px}.registerForm button{margin-top:10px;padding:7px;border:none;border-radius:4px;background:#735686;color:azure;transition:transform .18s ease}.registerForm button:hover{transform:scale(1.01);background:#523e5f;box-shadow:0 0 10px #b69b9b66}.registerForm input{margin-top:5px;padding:8px;min-width:260px;border-radius:4px;border:none}body{margin:0;background-color:#1f1b22;font-family:sans-serif;display:flex;justify-content:center;align-items:center;height:100vh}.loginForm{display:flex;justify-content:center;align-items:center;flex-direction:column;background-color:#0d0c0e;border-radius:12px;width:360px}.loginForm h1{color:#fff;text-align:center;margin-bottom:25px}.loginForm button{margin-top:10px;padding:7px;border:none;border-radius:4px;background:#735686;color:azure;transition:transform .18s ease}.loginForm button:hover{transform:scale(1.01);background:#523e5f;box-shadow:0 0 10px #b69b9b66}.loginForm input{margin-top:5px;padding:8px;min-width:260px;border-radius:4px;border:none}.createUrlForm{display:flex;flex-direction:column;text-align:center;align-items:center;padding:20px 30px 0;border-radius:10px;background-color:#0d0c0e;border:1px solid rgba(255,255,255,.3);color:#fff;width:100%;width:500px}.expiryDate{display:flex;justify-content:center;width:140px;padding:7px;margin-bottom:50px}.createUrlForm h2{margin:45px 0 5px}.createUrlBtn{padding:10px;width:500px}.longUrl{padding:10px;width:480px;border-radius:5px}.dashboard{display:flex;flex-direction:column;min-height:80vh;justify-content:flex-start;padding:40px 20px}.urlList{transform:translate(20px)}.tableAndActions{display:flex;align-items:flex-start;justify-content:center;min-height:520px}.deleteColumn{width:64px;flex:0 0 64px;display:flex;flex-direction:column;padding:0 0 0 10px;transform:translateY(52px)}.deleteRow{height:43px;display:flex;align-items:center;opacity:0;pointer-events:none;transition:opacity .12s ease}.deleteRow.show{opacity:1;pointer-events:auto}.deleteRow ul{display:flex;flex-direction:row;gap:4px;list-style:none;margin:0;padding:0}.tableWrap{margin-top:12px;overflow:auto;width:100%;max-width:1000px;border-radius:10px;border:1px solid rgba(255,255,255,.12)}.deleteBtn{background:#ff000014;border:1px solid rgba(255,0,0,.062);padding:5px;border-radius:25px;cursor:pointer;transition:all .18s ease}.deleteBtn img{width:18px;height:18px;filter:invert(1);transform:translateY(1.9px);transition:transform .18s ease}.deleteBtn:hover{background:#ff00002e;box-shadow:0 0 10px #f006;transform:scale(1.08)}.deleteBtn:hover img{transform:rotate(-15deg) scale(1.1)}.patchBtn{background:#81707014;border:1px solid rgba(201,161,161,.062);padding:5px;border-radius:25px;cursor:pointer;transition:all .18s ease}.patchBtn img{width:18px;height:18px;filter:invert(1);transform:translateY(1.9px);transition:transform .18s ease}.patchBtn:hover{background:#7467672e;box-shadow:0 0 10px #b69b9b66;transform:scale(1.08)}.patchBtn:hover img{transform:rotate(-15deg) scale(1.1)}.searchBar{display:flex;flex-direction:row;color:#fff;gap:24px;margin-bottom:10px}.stringSearch{padding:5px;border-radius:3px;border:none;background-color:#3b373e}.isExpiredCheck{display:flex;align-items:center}.isExpiredInput{appearance:none;width:22px;height:22px;border:none;border-radius:6px;background-color:#3b373e;cursor:pointer;position:relative}.isExpiredInput:checked:after{content:"✔";color:azure;position:absolute;font-size:14px;left:3px;top:-1px}.tableWrap{margin-top:12px;overflow:auto;border-radius:10px;border:1px solid rgba(255,255,255,.12)}.table{width:100%;border-collapse:collapse;min-width:1000px;color:#fff}.table th,.table td{padding:12px 14px;border-bottom:1px solid rgba(255,255,255,.08);text-align:left;vertical-align:top}.table a{color:azure}.table thead th{font-weight:700;background:#735686}.table tbody tr:hover{background:#ffffff08}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:13px}.num{text-align:right;white-space:nowrap}.cellLong{width:220px;word-break:break-word}.paginationBar{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:16px;padding-bottom:10px}.pageBtn{background:#735686;border:1px solid rgba(255,255,255,.25);color:azure;border-radius:10px;padding:8px 12px;cursor:pointer}.pageBtn:disabled{opacity:.4;cursor:not-allowed}.pageBtn.active{border-color:#ffffffb3;transform:translateY(-2px)}.dots{color:#fff9;padding:0 4px}.dashboard{min-height:80vh;display:flex;justify-content:center;padding:40px 20px}.dashboardInner{width:100%;max-width:1200px}.dashboardHeader{display:flex;flex-direction:column;align-items:center;justify-content:space-between;margin-bottom:20px}.dashboardButtons{margin-top:10px;display:flex;gap:7px}.h1Dashboard{color:#fff;font-size:50px;margin:0}.createBtn{padding:8px 16px;background-color:#735686;border:none;border-radius:5px;cursor:pointer;font-weight:700;color:#fff;transform:none}.navbar{position:fixed;top:0;left:0;width:100%;height:60px;display:flex;align-items:center;padding-left:20px;gap:30px;background:#00000059;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;font-size:14px;z-index:9999}.navRight{display:flex;gap:30px}.navbar a{text-decoration:none;color:#fff;font-weight:700;transition:.1s}.navbar a:hover{transform:scale(1.1)}.logo img{width:50px;height:50px;transform:translateY(3px)}.sideBar{position:fixed;right:36px}.sideBar img{filter:invert(1);width:33px;height:41px;transition:.1s}.sideBar img:hover{transform:scale(1.1)}.sidebar{position:fixed;top:0;right:0;width:290px;height:100vh;display:flex;flex-direction:column;background:#000000bf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;text-align:right;font-weight:bolder;font-size:42px;padding:20px;box-sizing:border-box;transform:translate(100%);transition:transform .35s ease;z-index:9999}.menuWrapper{transform:translateY(-46px)}.sidebar.open{transform:translate(0)}.menu{list-style:none;font-size:30px}.menu li{padding-bottom:10px;transition:.3s}.menu li:hover{transform:translate(-10px)}.menu a{text-decoration:none;color:#fff}.overlay{position:fixed;inset:0;background:#0006;z-index:9998}.logoutBtn{margin-top:auto;font-weight:700;font-size:16px;padding:5px;color:azure;background-color:#ff000063;border:none;border-radius:5px;cursor:pointer;transition:.2s}.logoutBtn:hover{transform:scale(1.01);background-color:red}.siteWrapper{display:flex;justify-content:center;align-items:center;position:fixed}.resultBox{display:flex;flex-direction:column;align-items:center;margin-top:40px}.resultBox h2{color:azure;font-size:30px}.resultInnerBox{display:flex;align-items:center;justify-content:center;flex-direction:row;padding:10px;background-color:#0d0c0e;border:1px solid rgba(255,255,255,.3);border-radius:12px;gap:10px;width:540px}.resultInnerBox a{text-decoration:none;font-size:24px;color:azure}.copyBtn{background:none;border:none;cursor:pointer;padding:0}.copyBtn img{filter:invert(1);width:20px;height:20px;opacity:.8;transition:.15s}.copyBtn img:hover{opacity:1;transform:scale(1.1)}.settingsWrap{display:flex;justify-content:center;align-items:center;flex-direction:column}.overlay{position:fixed;inset:0;background:#5a595933;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center}.deleteAccountForm{display:flex;flex-direction:column;text-align:center;align-items:center;padding:20px 30px 0;border-radius:10px;background-color:#0d0c0e;border:1px solid rgba(255,255,255,.3);color:#fff;width:100%;width:500px}.password{padding:10px;width:480px;border-radius:5px}h1{color:azure;font-size:50px}.settingsList{display:flex;justify-content:center;align-items:center;flex-direction:column;transform:translate(-10px)}.settingsList li{display:flex;align-items:center;flex-direction:row}.settingsList li a{margin-right:10px;color:azure}.deleteAccountBtn{background:#ff000014;border:1px solid rgba(255,0,0,.062);padding:5px;border-radius:25px;cursor:pointer;transition:all .18s ease}.deleteAccountBtn img{width:18px;height:18px;filter:invert(1);transform:translateY(1.9px);transition:transform .18s ease}.deleteAccountBtn:hover{background:#ff00002e;box-shadow:0 0 10px #f006;transform:scale(1.08)}.deleteAccountBtn:hover img{transform:rotate(-15deg) scale(1.1)}.confirmDeleteAccountBtn{padding:10px;margin:10px 0}
