:root{
  --bg:#08111f;--surface:#0f1b2d;--surface2:#132239;--surface3:#182b46;--line:#223855;
  --text:#eef6ff;--muted:#8fa5bd;--primary:#20c7ff;--primary2:#3478ff;--green:#32d296;--orange:#ff9f43;--purple:#9c7cff;--danger:#ff5f74;
  --shadow:0 18px 50px rgba(0,0,0,.25);--radius:18px;
}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--text)}body{background:radial-gradient(circle at 85% 0,#0d2b48 0,transparent 28%),var(--bg)}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}.muted{color:var(--muted)}
.app-shell{display:flex;min-height:100vh}.sidebar{width:250px;background:rgba(10,20,35,.95);border-right:1px solid var(--line);padding:24px 18px;display:flex;flex-direction:column;position:fixed;inset:0 auto 0 0;z-index:50;backdrop-filter:blur(18px)}.brand{display:flex;align-items:center;gap:12px;padding:0 8px 24px}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:linear-gradient(135deg,var(--primary),var(--primary2));font-weight:800;color:#02111e;box-shadow:0 8px 24px rgba(32,199,255,.25)}.brand-mark.large{width:52px;height:52px;border-radius:16px;font-size:23px}.brand strong{display:block;font-size:18px}.brand small{display:block;color:var(--muted);margin-top:2px}.nav{display:flex;flex-direction:column;gap:7px}.nav-item{display:flex;align-items:center;gap:11px;padding:11px 12px;color:#9bb0c6;border-radius:12px;font-weight:600;font-size:14px;transition:.2s}.nav-item:hover{background:#12243c;color:#fff}.nav-item.active{background:linear-gradient(90deg,rgba(32,199,255,.18),rgba(52,120,255,.09));color:#fff;border:1px solid rgba(32,199,255,.22)}.nav-item span{width:20px;text-align:center;color:#67d9ff}.sidebar-bottom{margin-top:auto}.user-chip{display:flex;align-items:center;gap:10px;padding:14px 8px 0;border-top:1px solid var(--line);margin-top:14px}.avatar{width:38px;height:38px;border-radius:12px;background:#1e3552;display:grid;place-items:center;font-weight:800;color:#8ce5ff;flex:0 0 auto}.user-meta{min-width:0;flex:1}.user-meta strong,.user-meta small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-meta strong{font-size:13px}.user-meta small{font-size:11px;color:var(--muted);margin-top:3px}.main{margin-left:250px;min-width:0;flex:1}.topbar{height:94px;padding:22px 32px;display:flex;align-items:center;gap:18px;border-bottom:1px solid rgba(34,56,85,.65);position:sticky;top:0;background:rgba(8,17,31,.82);backdrop-filter:blur(18px);z-index:40}.topbar h1{margin:0;font-size:23px}.topbar p{margin:5px 0 0;color:var(--muted);font-size:12px}.top-actions{margin-left:auto;display:flex;align-items:center;gap:10px}.status-dot{font-size:12px;color:#b8c8d8;padding:8px 11px;border:1px solid var(--line);border-radius:999px}.status-dot i{width:7px;height:7px;background:var(--green);border-radius:50%;display:inline-block;margin-right:6px;box-shadow:0 0 10px var(--green)}.menu-btn{display:none;background:none;border:0;color:#fff;font-size:22px}.content{padding:28px 32px 50px;max-width:1700px;margin:0 auto}.hero-panel{padding:30px;border-radius:24px;background:linear-gradient(120deg,#0c96cc 0,#1767d8 54%,#5742c7 100%);display:flex;align-items:flex-end;justify-content:space-between;gap:25px;box-shadow:0 24px 70px rgba(23,103,216,.28);position:relative;overflow:hidden}.hero-panel:after{content:"";position:absolute;width:320px;height:320px;border:1px solid rgba(255,255,255,.12);border-radius:50%;right:-80px;top:-140px;box-shadow:0 0 0 50px rgba(255,255,255,.025),0 0 0 100px rgba(255,255,255,.02)}.hero-panel>*{position:relative;z-index:1}.eyebrow{font-size:11px;font-weight:800;letter-spacing:1.4px;color:#bfefff}.hero-panel h2{font-size:30px;margin:8px 0}.hero-panel p{max-width:730px;margin:0;color:#d9f4ff;line-height:1.6}.hero-actions{display:flex;gap:9px;white-space:nowrap}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin:18px 0}.metric-card{background:linear-gradient(180deg,#101f33,#0d192a);border:1px solid var(--line);border-radius:var(--radius);padding:18px;display:flex;align-items:center;gap:14px;box-shadow:var(--shadow)}.metric-icon{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;font-size:20px;font-weight:800}.metric-icon.cyan{background:rgba(32,199,255,.13);color:var(--primary)}.metric-icon.purple{background:rgba(156,124,255,.14);color:var(--purple)}.metric-icon.green{background:rgba(50,210,150,.14);color:var(--green)}.metric-icon.orange{background:rgba(255,159,67,.14);color:var(--orange)}.metric-card span,.metric-card small{display:block;color:var(--muted);font-size:12px}.metric-card strong{font-size:24px;display:block;margin:4px 0}.panel{background:linear-gradient(180deg,#0f1c2f,#0b1727);border:1px solid var(--line);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow);margin-bottom:18px}.panel.narrow{max-width:680px}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:18px}.panel-head h3{margin:0;font-size:17px}.panel-head p{margin:5px 0 0;color:var(--muted);font-size:12px}.chip,.tag{display:inline-flex;align-items:center;border:1px solid var(--line);background:#122239;color:#a9bfd4;padding:6px 9px;border-radius:999px;font-size:11px}.tag.success{color:#5ee9b4;border-color:rgba(50,210,150,.3);background:rgba(50,210,150,.08)}.muted-tag{opacity:.65}.server-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.server-card{background:#0b1626;border:1px solid #1c304a;border-radius:15px;padding:15px}.server-card>small{color:var(--muted);display:block;margin-top:10px;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.row-between{display:flex;justify-content:space-between;gap:10px;align-items:center}.row-inline{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.progress{height:7px;background:#172a42;border-radius:99px;overflow:hidden;margin-top:10px}.progress i{display:block;height:100%;background:linear-gradient(90deg,var(--primary),var(--primary2));border-radius:99px;transition:width .4s}.progress.big{height:10px}.network-lines{display:flex;justify-content:space-between;margin-top:13px;color:#a9dfff;font-size:12px}.two-col{display:grid;grid-template-columns:1.2fr .8fr;gap:18px}.links-layout,.users-layout{grid-template-columns:.8fr 1.2fr}.mini-list,.timeline,.link-list,.user-list{display:flex;flex-direction:column}.mini-file{display:flex;align-items:center;gap:12px;padding:11px 0;border-top:1px solid rgba(34,56,85,.6)}.mini-file:first-child{border-top:0}.file-badge{width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,#142c47,#1c3f63);display:grid;place-items:center;color:#78dcff;font-size:10px;font-weight:800;flex:0 0 auto}.grow{min-width:0;flex:1}.mini-file strong,.mini-file small,.file-row strong,.file-row small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mini-file strong,.file-row strong{font-size:13px}.mini-file small,.file-row small,.block{font-size:11px;color:var(--muted);margin-top:4px}.block{display:block}.timeline-item{display:flex;gap:11px;padding:10px 0;border-top:1px solid rgba(34,56,85,.6)}.timeline-item:first-child{border:0}.timeline-item>i{width:8px;height:8px;margin-top:5px;border-radius:50%;background:var(--primary);box-shadow:0 0 12px rgba(32,199,255,.6)}.timeline-item strong{font-size:12px;display:block}.timeline-item small{font-size:10px;color:var(--muted);display:block;margin-top:4px}.text-link{color:#72ddff;font-size:12px;font-weight:700}.btn{border:1px solid transparent;border-radius:11px;padding:10px 14px;font-weight:700;font-size:13px;display:inline-flex;justify-content:center;align-items:center;gap:7px;transition:.2s}.btn:hover{transform:translateY(-1px)}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--primary2));color:#03121e;box-shadow:0 8px 22px rgba(32,199,255,.17)}.btn-secondary{background:#13243a;color:#d8e7f6;border-color:#29415f}.btn-danger{background:rgba(255,95,116,.12);color:#ff8b9a;border-color:rgba(255,95,116,.25)}.btn-light{background:white;color:#0b4881}.btn-ghost-light{border-color:rgba(255,255,255,.35);color:#fff;background:rgba(255,255,255,.07)}.btn-block{width:100%}.btn.small{padding:7px 10px;font-size:11px}.icon-btn{width:34px;height:34px;display:inline-grid;place-items:center;border-radius:10px;border:1px solid var(--line);background:#112036;color:#b6c9dc;flex:0 0 auto}.icon-btn:hover{color:#fff;border-color:#3b5d83}.icon-btn.danger{color:#ff8b9a}.icon-btn:disabled,.btn:disabled{opacity:.4;cursor:not-allowed}.stack-form{display:flex;flex-direction:column;gap:14px}.stack-form.compact{padding:14px 0 2px}.stack-form label,.form-grid label{display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:700;color:#c6d6e6}.stack-form input,.stack-form select,.form-grid input,.filters input,.filters select,.link-cell input,.link-big input{width:100%;background:#0a1626;color:#edf7ff;border:1px solid #263e5b;border-radius:11px;padding:11px 12px;outline:none}.stack-form input:focus,.stack-form select:focus,.form-grid input:focus,.filters input:focus,.filters select:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(32,199,255,.08)}.hint{color:var(--muted);font-weight:500;font-size:10px}.alert{padding:12px 14px;border-radius:11px;margin-bottom:15px;font-size:12px}.alert.danger{background:rgba(255,95,116,.1);border:1px solid rgba(255,95,116,.25);color:#ffabb6}.alert.success{background:rgba(50,210,150,.1);border:1px solid rgba(50,210,150,.25);color:#7ff0c5}.login-page{min-height:100vh;display:grid;place-items:center;position:relative;overflow:hidden;padding:24px;background:#07111e}.login-glow{position:absolute;border-radius:50%;filter:blur(10px);opacity:.6}.login-glow.one{width:500px;height:500px;background:radial-gradient(circle,#0a7398,transparent 68%);left:-220px;top:-180px}.login-glow.two{width:500px;height:500px;background:radial-gradient(circle,#3531a4,transparent 68%);right:-230px;bottom:-220px}.login-card{width:min(430px,100%);background:rgba(13,27,45,.86);border:1px solid #24405f;padding:30px;border-radius:24px;box-shadow:0 30px 90px rgba(0,0,0,.5);backdrop-filter:blur(20px);position:relative}.login-brand{display:flex;align-items:center;gap:12px}.login-brand strong,.login-brand small{display:block}.login-brand small{color:var(--muted);font-size:11px;margin-top:3px}.login-card h1{font-size:26px;margin:28px 0 7px}.login-foot{color:var(--muted);font-size:10px;text-align:center;margin-top:20px}.dropzone{display:grid;place-items:center;text-align:center;border:1.5px dashed #315373;border-radius:18px;padding:44px 22px;background:linear-gradient(180deg,rgba(32,199,255,.035),rgba(52,120,255,.02));transition:.2s}.dropzone.drag{border-color:var(--primary);background:rgba(32,199,255,.08)}.dropzone h3{margin:10px 0 5px}.dropzone p{margin:0;color:var(--muted)}.dropzone span{font-size:10px;color:#6f89a4;margin-top:12px;max-width:850px}.drop-icon{font-size:32px;width:62px;height:62px;border-radius:20px;background:#142c47;display:grid;place-items:center;color:var(--primary)}.selected-files{margin-top:14px;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.selected-item{display:flex;gap:9px;align-items:center;padding:10px;background:#0b1727;border:1px solid var(--line);border-radius:12px;min-width:0}.selected-item strong,.selected-item small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.selected-item strong{font-size:11px}.selected-item small{font-size:9px;color:var(--muted);margin-top:3px}.upload-actions{display:flex;gap:9px;margin-top:14px}.upload-progress{margin-top:16px;padding:14px;border:1px solid var(--line);border-radius:14px;background:#0b1727}.hidden{display:none!important}.upload-result{margin-top:14px}.filters{display:grid;grid-template-columns:1fr 220px auto;gap:9px;margin-bottom:14px}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:14px}.data-table{width:100%;border-collapse:collapse;min-width:900px}.data-table th{font-size:10px;text-transform:uppercase;letter-spacing:.5px;color:#7f98b2;background:#0b1727;text-align:left;padding:12px;border-bottom:1px solid var(--line)}.data-table td{padding:12px;border-bottom:1px solid rgba(34,56,85,.55);font-size:11px;vertical-align:middle}.data-table tr:last-child td{border-bottom:0}.data-table tr:hover td{background:rgba(32,199,255,.025)}.file-row{display:flex;align-items:center;gap:10px;max-width:340px}.link-cell{display:flex;align-items:center;gap:6px;min-width:230px}.link-cell input{padding:8px;font-size:10px}.actions{display:flex;gap:5px;justify-content:flex-end}.actions form{margin:0}.pagination{display:flex;gap:6px;justify-content:center;margin-top:16px}.pagination a{min-width:34px;height:34px;border:1px solid var(--line);border-radius:9px;display:grid;place-items:center;font-size:11px}.pagination a.active{background:var(--primary);color:#061522;border-color:var(--primary)}.preview-box{min-height:360px;background:#07121f;border:1px solid var(--line);border-radius:16px;display:grid;place-items:center;padding:20px;overflow:hidden}.preview-image{max-width:100%;max-height:70vh;border-radius:12px}.media-player{width:100%;max-height:70vh}.link-big{display:flex;gap:8px;margin-top:14px}.managed-link{display:flex;gap:12px;padding:13px 0;border-top:1px solid var(--line)}.managed-link:first-child{border-top:0}.vertical-actions{display:flex;flex-direction:column;gap:6px}.input-prefix{display:flex;align-items:center;border:1px solid #263e5b;border-radius:11px;background:#0a1626;overflow:hidden}.input-prefix span{padding:0 0 0 12px;color:var(--muted);font-size:12px}.input-prefix input{border:0!important}.check-row{flex-direction:row!important;align-items:flex-start!important;gap:10px!important}.check-row input{width:auto!important;margin-top:2px}.check-row span{display:block}.check-row small{display:block;color:var(--muted);font-weight:500;margin-top:3px}.permission-box{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:12px;border:1px solid var(--line);border-radius:12px;background:#0b1727}.user-item{border-top:1px solid var(--line)}.user-item:first-child{border-top:0}.user-item summary{display:flex;align-items:center;gap:10px;padding:13px 0;cursor:pointer;list-style:none}.user-item summary::-webkit-details-marker{display:none}.inline{display:inline}.detail-code{font-size:9px;white-space:pre-wrap;color:#9ab1c6}.empty{padding:35px;text-align:center;color:var(--muted);font-size:12px}.modal{position:fixed;inset:0;background:rgba(0,0,0,.65);display:none;place-items:center;z-index:100;padding:20px}.modal.open{display:grid}.modal-card{width:min(450px,100%);background:#0f1d31;border:1px solid var(--line);border-radius:18px;padding:20px;box-shadow:var(--shadow)}.modal-card h3{margin-top:0}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:15px}.error-page{min-height:70vh;display:grid;place-items:center;align-content:center;text-align:center}.error-code{font-size:90px;font-weight:800;background:linear-gradient(135deg,var(--primary),var(--purple));-webkit-background-clip:text;color:transparent}.error-page h2{margin:0}.error-page p{color:var(--muted);max-width:600px;line-height:1.6}.form-grid.one{display:grid;grid-template-columns:1fr;margin-bottom:14px}.toast{position:fixed;right:22px;bottom:22px;background:#10243a;border:1px solid #2a4a6a;color:white;padding:12px 16px;border-radius:12px;box-shadow:var(--shadow);transform:translateY(100px);opacity:0;transition:.25s;z-index:200;font-size:12px}.toast.show{transform:translateY(0);opacity:1}
@media(max-width:1200px){.metric-grid,.server-grid{grid-template-columns:repeat(2,1fr)}.two-col,.links-layout,.users-layout{grid-template-columns:1fr}.selected-files{grid-template-columns:repeat(2,1fr)}}
@media(max-width:860px){.sidebar{transform:translateX(-100%);transition:.25s}.sidebar.open{transform:translateX(0)}.main{margin-left:0}.menu-btn{display:block}.topbar{padding:18px;height:84px}.topbar p,.status-dot{display:none}.content{padding:20px}.hero-panel{align-items:flex-start;flex-direction:column}.metric-grid{grid-template-columns:1fr 1fr}.selected-files{grid-template-columns:1fr}.filters{grid-template-columns:1fr}.permission-box{grid-template-columns:1fr}}
@media(max-width:560px){.metric-grid,.server-grid{grid-template-columns:1fr}.top-actions .btn{display:none}.hero-panel h2{font-size:24px}.hero-actions{width:100%;flex-wrap:wrap}.content{padding:14px}.panel{padding:14px;border-radius:14px}.topbar h1{font-size:18px}.link-big{flex-direction:column}}
.user-delete-form{padding:0 0 14px;margin-top:8px}.user-delete-form .btn{width:100%}
.server-meta-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:13px}.server-meta-row span{font-size:10px;color:var(--muted);padding:7px 9px;background:#0a1626;border:1px solid var(--line);border-radius:9px}.server-meta-row strong{color:#dff6ff}