:root{--bg:#080b12;--sidebar:#0d111a;--surface:#111722;--surface2:#161e2c;--line:#232c3d;--text:#f4f7fb;--muted:#8490a5;--blue:#4f7cff;--violet:#8d67ff;--cyan:#26c7df;--green:#3fd29f;--orange:#ff9b52;--red:#ff6678;--shadow:0 20px 70px rgba(0,0,0,.28)}
*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.5 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button{color:inherit}.app-shell{min-height:100vh;display:grid;grid-template-columns:245px 1fr}.sidebar{position:sticky;top:0;height:100vh;background:linear-gradient(180deg,#0e131e,#090d15);border-right:1px solid var(--line);padding:24px 15px;display:flex;flex-direction:column}.logo{display:flex;align-items:center;gap:11px;font-size:17px;font-weight:800;padding:0 10px 27px;letter-spacing:-.02em}.logo small{display:block;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.13em;font-weight:700}.logo-mark{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;color:#fff;background:linear-gradient(145deg,var(--violet),var(--blue));box-shadow:0 10px 25px rgba(79,124,255,.25);font-weight:900}.logo-mark.large{width:58px;height:58px;border-radius:18px;font-size:27px}.sidebar nav{display:grid;gap:5px}.sidebar nav a{display:flex;align-items:center;gap:11px;padding:11px 12px;border-radius:10px;color:#98a4b8;font-weight:650}.sidebar nav a:hover{background:rgba(255,255,255,.04);color:#dce2ed}.sidebar nav a.active{color:white;background:linear-gradient(90deg,rgba(79,124,255,.2),rgba(79,124,255,.07));box-shadow:inset 3px 0 var(--blue)}.nav-icon{width:23px;color:#8390a7;font-size:17px;text-align:center}.sidebar nav a.active .nav-icon{color:#87a5ff}.sidebar-foot{margin-top:auto;padding:13px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.025);display:flex;align-items:center;gap:9px}.sidebar-foot strong,.sidebar-foot small{display:block}.sidebar-foot strong{font-size:12px}.sidebar-foot small{font-size:10px;color:var(--muted)}.edge-dot{width:9px;height:9px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px rgba(63,210,159,.1)}.workspace{min-width:0}.topbar{height:74px;border-bottom:1px solid var(--line);background:rgba(10,14,22,.86);backdrop-filter:blur(14px);display:flex;align-items:center;justify-content:space-between;padding:0 28px;position:sticky;top:0;z-index:10}.topbar>div:first-of-type{display:flex;align-items:center;gap:10px}.topbar strong{font-size:14px}.crumb-muted{color:var(--muted)}.crumb-muted::after{content:"/";margin-left:10px;color:#3b4558}.top-actions{display:flex;align-items:center;gap:12px}.top-actions form{margin:0}.quick{color:#b8c7ff;font-weight:700;font-size:12px}.avatar{border:0;width:35px;height:35px;border-radius:10px;background:linear-gradient(145deg,#29344d,#171f30);font-size:11px;font-weight:800;cursor:pointer}.mobile-menu{display:none;border:0;background:none;font-size:20px}.content{padding:30px;max-width:1550px;margin:auto}.welcome,.page-title,.editor-head{display:flex;align-items:flex-end;justify-content:space-between;gap:22px;margin-bottom:25px}.welcome h1,.page-title h1,.editor-head h1{font-size:32px;line-height:1.1;letter-spacing:-.04em;margin:5px 0}.welcome p,.page-title p,.editor-head p{color:var(--muted);margin:0}.kicker{font-size:10px;font-weight:850;letter-spacing:.16em;text-transform:uppercase;color:#7f9dff}.welcome-actions,.toolbar,.editor-head>div:last-child{display:flex;align-items:center;gap:9px}.button{border:1px solid var(--line);background:#151c29;padding:9px 13px;border-radius:9px;cursor:pointer;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:7px}.button:hover{filter:brightness(1.14)}.button.primary,.primary{border-color:transparent;background:linear-gradient(135deg,var(--blue),#6b5cff);box-shadow:0 8px 24px rgba(79,124,255,.22);color:white}.button.secondary{background:#111721}.button.danger{color:#ff91a0}.button.tiny{font-size:11px;padding:6px 9px}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:17px}.metric,.card{border:1px solid var(--line);background:linear-gradient(145deg,#111722,#0e141e);border-radius:14px;box-shadow:0 10px 36px rgba(0,0,0,.12)}.metric{padding:18px;display:flex;align-items:center;gap:14px}.metric-icon{width:43px;height:43px;border-radius:12px;display:grid;place-items:center;font-size:20px}.metric-icon.violet{background:rgba(141,103,255,.13);color:#a88cff}.metric-icon.cyan{background:rgba(38,199,223,.13);color:#54d9ed}.metric-icon.green{background:rgba(63,210,159,.13);color:#63dfb1}.metric-icon.orange{background:rgba(255,155,82,.13);color:#ffad72}.metric small,.metric strong,.metric em{display:block}.metric small{color:var(--muted);font-size:11px}.metric strong{font-size:25px;letter-spacing:-.035em}.metric em{font-style:normal;font-size:10px;color:#68758b}.dashboard-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:17px}.stack{display:grid;gap:17px}.card{padding:19px}.card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;margin-bottom:16px}.card-head h2{margin:0;font-size:16px}.card-head p{color:var(--muted);font-size:11px;margin:2px 0 0}.text-link{font-size:11px;color:#9bb0ff}.site-list{display:grid}.site-list>a{display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:11px;padding:12px 4px;border-bottom:1px solid rgba(255,255,255,.05)}.site-list>a:last-child{border-bottom:0}.site-list>a:hover em{color:white}.site-avatar{width:36px;height:36px;display:grid;place-items:center;border-radius:9px;background:#1a2435;color:#9eb2d3;font-size:11px;font-weight:800}.site-list strong,.site-list small{display:block}.site-list strong{font-size:13px}.site-list small,.site-list em{color:var(--muted);font-size:10px;font-style:normal}.status{display:inline-flex;padding:4px 8px;border-radius:99px;font-size:9px;font-weight:800}.status.good{color:#70e5b8;background:rgba(63,210,159,.1)}.status.danger{color:#ff8b99;background:rgba(255,102,120,.1)}.system-row{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.05);font-size:11px;color:var(--muted)}.system-row strong{color:#d9deea}.system-row i{display:inline-block;width:6px;height:6px;background:var(--green);border-radius:50%;margin-right:6px}.disk{margin-top:14px}.disk>div:first-child{display:flex;justify-content:space-between;font-size:10px;color:var(--muted)}.progress{height:6px;background:#080c13;border-radius:99px;margin-top:7px;overflow:hidden}.progress i{display:block;height:100%;background:linear-gradient(90deg,var(--blue),var(--violet));border-radius:inherit}.mini-activity{display:grid;gap:12px}.mini-activity>div{display:flex;gap:10px}.activity-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--blue);box-shadow:0 0 0 4px rgba(79,124,255,.1);margin-top:6px}.mini-activity p{margin:0}.mini-activity strong,.mini-activity small{display:block}.mini-activity strong{font-size:11px}.mini-activity small{color:var(--muted);font-size:9px}.notice{border:1px solid;border-radius:10px;padding:10px 12px;margin-bottom:16px;display:flex;align-items:center;gap:9px}.notice>span{width:20px;height:20px;display:grid;place-items:center;border-radius:50%;font-weight:900}.notice button{margin-left:auto;border:0;background:none;cursor:pointer}.notice.success{color:#8ce8c1;border-color:rgba(63,210,159,.25);background:rgba(63,210,159,.07)}.notice.error{color:#ff9aa6;border-color:rgba(255,102,120,.25);background:rgba(255,102,120,.07)}.notice.warning{color:#ffc189;border-color:rgba(255,155,82,.25);background:rgba(255,155,82,.07)}.file-card{padding:0;overflow:hidden}.file-toolbar{height:58px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.breadcrumbs{display:flex;align-items:center;gap:8px;font-size:11px}.breadcrumbs a{color:#b4c1d7}.breadcrumbs span{color:#59667b}.view-tools{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:10px}.icon-button{width:29px;height:29px;border:1px solid var(--line);border-radius:7px;background:#101621;cursor:pointer}.file-table{min-width:750px}.file-row{display:grid;grid-template-columns:minmax(300px,1fr) 110px 170px 60px;align-items:center;min-height:60px;padding:0 16px;border-bottom:1px solid rgba(255,255,255,.045);color:#aeb8c9;font-size:11px}.file-row:not(.file-header):not(.storage-header):hover{background:rgba(79,124,255,.035)}.file-header,.storage-header{min-height:39px;color:#66748a;text-transform:uppercase;font-size:9px;font-weight:800;letter-spacing:.08em}.file-name{display:flex;align-items:center;gap:11px;min-width:0}.file-name>span{min-width:0}.file-name strong,.file-name small{display:block}.file-name strong{color:#e8ecf3;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-name small{font-size:9px;color:#647187}.file-icon{width:34px;height:34px;border-radius:8px;display:grid;place-items:center;font-style:normal;font-weight:800}.file-icon.folder{background:rgba(255,175,81,.12);color:#ffb866}.file-icon.code{background:rgba(79,124,255,.12);color:#88a5ff}.file-icon.image{background:rgba(141,103,255,.12);color:#ad91ff}.file-icon.archive{background:rgba(38,199,223,.12);color:#63d8e9}.file-icon.pdf{background:rgba(255,102,120,.12);color:#ff8b99}.file-icon.file{background:rgba(255,255,255,.06);color:#9ba7b9}.row-actions{text-align:right}.more{width:30px;height:28px;border:1px solid var(--line);border-radius:7px;background:#131a26;cursor:pointer}.empty{text-align:center;color:var(--muted);padding:20px}.empty.large{padding:55px}.storage-header,.file-row:has(.storage-actions){grid-template-columns:minmax(300px,1fr) 110px 190px 190px}.storage-actions{display:flex;justify-content:flex-end;gap:6px}.storage-actions form{margin:0}dialog{width:min(480px,calc(100% - 30px));padding:0;border:1px solid var(--line);border-radius:15px;background:#111722;color:var(--text);box-shadow:0 30px 100px #000}dialog::backdrop{background:rgba(3,5,9,.78);backdrop-filter:blur(5px)}dialog:has(.wide){width:min(620px,calc(100% - 30px))}.modal{padding:21px}.modal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.modal-head h2{margin:3px 0 0}.modal-head>button{border:0;background:none;font-size:22px;cursor:pointer}.modal label,.form-card label{display:grid;gap:6px;color:#aab5c8;font-size:11px;font-weight:700;margin-bottom:14px}.modal input,.form-card input{width:100%;border:1px solid var(--line);background:#090e16;color:white;border-radius:9px;padding:11px;outline:none}.modal input:focus,.form-card input:focus{border-color:#587fff;box-shadow:0 0 0 3px rgba(79,124,255,.11)}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}.dropzone{border:1px dashed #34415a;border-radius:12px;min-height:165px;display:flex!important;align-items:center;justify-content:center;text-align:center;background:rgba(79,124,255,.025);cursor:pointer}.dropzone input{display:none}.dropzone strong,.dropzone span{display:block}.dropzone strong{color:#dfe5ef;font-size:14px}.dropzone span{font-weight:400;color:var(--muted);font-size:10px}.check{display:flex!important;grid-template-columns:16px 1fr!important;align-items:center;margin-top:13px}.check input{width:auto}.action-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.action-grid form{margin:0}.action-tile{width:100%;border:1px solid var(--line);background:#0d131d;border-radius:10px;padding:13px 8px;display:grid;gap:5px;place-items:center;cursor:pointer;font-size:10px}.action-tile b{font-size:18px;color:#95a8c8}.action-tile:hover{border-color:#405071;background:#131c2a}.action-tile.danger{color:#ff909d}.action-tile.disabled{opacity:.3;pointer-events:none}.editor-head{align-items:center}.back{color:#8da7ff;font-size:10px}.save-state{font-size:10px;color:var(--muted)}.editor-card{border:1px solid var(--line);background:#090d14;border-radius:13px;overflow:hidden}.editor-bar{height:40px;padding:0 14px;display:flex;align-items:center;justify-content:space-between;background:#101722;border-bottom:1px solid var(--line);color:#728097;font-size:9px}.editor-card textarea{display:block;width:100%;height:calc(100vh - 245px);min-height:500px;border:0;outline:0;resize:vertical;padding:18px;background:#090d14;color:#d7e0ef;font:13px/1.65 "Cascadia Code",Consolas,monospace;tab-size:2}.activity-table{min-width:850px}.activity-row{display:grid;grid-template-columns:180px minmax(230px,1fr) minmax(160px,1fr) 150px;gap:15px;align-items:center;min-height:52px;border-bottom:1px solid rgba(255,255,255,.05);color:#8e9aaf;font-size:10px}.activity-row.header{min-height:35px;text-transform:uppercase;letter-spacing:.08em;color:#607087;font-size:9px}.activity-row>span:first-child{display:flex;align-items:center;gap:10px;color:#e0e5ee}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.form-card form{max-width:520px}.form-card label small{font-weight:400;color:var(--muted)}.form-card .button{margin-top:5px}.security-list>div{display:flex;gap:11px;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.05)}.security-list>div:last-child{border-bottom:0}.security-list i{width:23px;height:23px;display:grid;place-items:center;border-radius:50%;background:rgba(63,210,159,.1);color:var(--green);font-style:normal}.security-list strong,.security-list small{display:block}.security-list strong{font-size:11px}.security-list small{color:var(--muted);font-size:9px}.empty-state{min-height:65vh;display:grid;place-items:center;align-content:center;text-align:center}.empty-state>strong{font-size:75px;color:#222d40}.login-page{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 20% 20%,rgba(79,124,255,.15),transparent 35%),#070a10}.login-card{width:min(980px,calc(100% - 30px));min-height:590px;display:grid;grid-template-columns:1.08fr .92fr;border:1px solid var(--line);background:#0e141e;border-radius:22px;overflow:hidden;box-shadow:0 35px 100px rgba(0,0,0,.45)}.login-visual{position:relative;overflow:hidden;padding:58px;display:flex;flex-direction:column;justify-content:center;background:linear-gradient(145deg,rgba(79,124,255,.25),rgba(20,26,42,.8)),#11182a}.visual-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:34px 34px;mask-image:linear-gradient(to bottom,black,transparent)}.login-visual>*:not(.visual-grid){position:relative}.login-visual h1{font-size:49px;line-height:1;letter-spacing:-.055em;margin:25px 0 18px}.login-visual p{color:#b3bed2;max-width:430px}.trust-row{display:flex;gap:13px;margin-top:55px;flex-wrap:wrap}.trust-row span{font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:#9cadca}.login-form{padding:55px;display:flex;flex-direction:column;justify-content:center}.login-brand{display:flex;align-items:center;gap:9px;font-size:16px;font-weight:800;margin-bottom:55px}.login-form h2{font-size:30px;letter-spacing:-.04em;margin:5px 0}.login-form p{color:var(--muted);margin:0 0 25px}.login-form label{display:grid;gap:7px;color:#aab5c8;font-size:11px;font-weight:700}.login-form input{border:1px solid var(--line);background:#090d14;color:white;border-radius:10px;padding:13px;outline:none}.login-form input:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(79,124,255,.12)}.login-form .primary{width:100%;border:0;border-radius:10px;padding:12px;margin-top:14px;display:flex;justify-content:space-between;cursor:pointer}.login-note{color:#58657a;text-align:center;margin-top:18px}
@media(max-width:1050px){.metric-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid,.settings-grid{grid-template-columns:1fr}.login-card{grid-template-columns:1fr}.login-visual{display:none}}
@media(max-width:780px){.app-shell{grid-template-columns:1fr}.sidebar{position:fixed;left:-260px;z-index:30;width:245px;transition:.25s}.sidebar.open{left:0}.mobile-menu{display:block}.topbar{padding:0 15px}.content{padding:20px 13px}.welcome,.page-title,.editor-head{align-items:flex-start;flex-direction:column}.metric-grid{grid-template-columns:1fr 1fr}.toolbar{flex-wrap:wrap}.file-card,.card:has(.activity-table){overflow:auto}.login-form{padding:32px}}
@media(max-width:500px){.metric-grid{grid-template-columns:1fr}.quick,.crumb-muted{display:none}.action-grid{grid-template-columns:repeat(2,1fr)}.login-form{padding:25px}.login-card{min-height:520px}}
.domain-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.domain-card{border:1px solid var(--line);background:linear-gradient(145deg,#111722,#0d131c);border-radius:14px;padding:19px}.domain-top{display:flex;justify-content:space-between;align-items:center}.domain-favicon{width:39px;height:39px;display:grid;place-items:center;border-radius:11px;background:linear-gradient(145deg,rgba(79,124,255,.25),rgba(141,103,255,.13));color:#aabaff;font-weight:900}.domain-card h2{margin:15px 0 2px;font-size:18px;letter-spacing:-.025em}.domain-card>p{color:var(--muted);font:10px/1.4 "Cascadia Code",monospace;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.domain-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:16px 0}.domain-stats>span{border:1px solid rgba(255,255,255,.05);background:rgba(255,255,255,.02);border-radius:9px;padding:10px}.domain-stats small,.domain-stats b{display:block}.domain-stats small{color:var(--muted);font-size:8px}.domain-stats b{font-size:14px;margin-top:2px}.domain-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.domain-actions form{margin:0}.domain-filter select,.modal select{border:1px solid var(--line);background:#111824;color:#dfe5ee;border-radius:9px;padding:10px 32px 10px 11px;outline:none}.visitor-card,.blocked-card,.short-card{margin-top:16px;overflow:auto}.visitor-table{min-width:1050px}.visitor-row{display:grid;grid-template-columns:210px 80px 80px minmax(220px,1fr) 120px 80px;align-items:center;gap:12px;min-height:58px;border-bottom:1px solid rgba(255,255,255,.05);color:#98a4b7;font-size:10px}.visitor-row.header{min-height:35px;text-transform:uppercase;letter-spacing:.08em;color:#607087;font-size:8px}.visitor-id{display:flex;align-items:center;gap:9px}.visitor-id>i{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:rgba(79,124,255,.1);color:#8ca7ff;font-style:normal;font-weight:900}.visitor-id strong,.visitor-id small{display:block}.visitor-id strong{color:#dfe4ed;font:11px "Cascadia Code",monospace}.visitor-id small{font-size:8px}.visitor-row form{margin:0}.blocked-list{display:grid}.blocked-list>div{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.05)}.blocked-list>div:last-child{border-bottom:0}.blocked-list strong,.blocked-list small{display:block}.blocked-list strong{font:11px "Cascadia Code",monospace}.blocked-list small{color:var(--muted);font-size:9px}.short-table{min-width:1100px}.short-row{display:grid;grid-template-columns:210px minmax(250px,1fr) 80px 70px 70px 300px;align-items:center;gap:12px;min-height:62px;border-bottom:1px solid rgba(255,255,255,.05);color:#96a2b5;font-size:10px}.short-row.header{min-height:35px;text-transform:uppercase;letter-spacing:.08em;color:#607087;font-size:8px}.short-row>span:first-child strong,.short-row>span:first-child small{display:block}.short-row>span:first-child strong{color:#a8bbff}.short-row>span:first-child small{color:var(--muted);font-size:8px}.short-actions{display:flex;gap:5px;justify-content:flex-end}.short-actions form{margin:0}.modal select{width:100%}
@media(max-width:1000px){.domain-grid{grid-template-columns:1fr}.visitor-card,.short-card{overflow:auto}}