:root{--navy:#101a2e;--navy2:#16243c;--ink:#162033;--muted:#6c778b;--line:#e5e9f0;--canvas:#f5f7fb;--white:#fff;--blue:#2f6fec;--blue2:#245bc3;--green:#16896b;--green-bg:#e8f7f1;--amber:#a46713;--amber-bg:#fff4dc;--red:#bd3d42;--red-bg:#fff0f0;--shadow:0 15px 40px rgba(23,35,58,.08);--radius:16px}*{box-sizing:border-box}body{margin:0;background:var(--canvas);color:var(--ink);font-family:'DM Sans',sans-serif;font-size:15px}button,input,select,textarea{font:inherit}button,a{transition:.18s ease}.app-shell{min-height:100vh;display:grid;grid-template-columns:244px 1fr}.sidebar{position:sticky;top:0;height:100vh;background:var(--navy);color:#dfe7f4;padding:28px 18px 20px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none;font-family:Manrope,sans-serif;font-weight:800;font-size:17px;padding:0 10px 28px}.brand small{display:block;color:#8ea0ba;font-family:'DM Sans';font-size:11px;font-weight:500;margin-top:2px;letter-spacing:.04em}.brand-mark{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:11px;background:linear-gradient(145deg,#4d8bff,#275bc6);color:#fff;box-shadow:0 8px 20px rgba(32,102,230,.35);font:bold 20px Manrope}.nav-link{display:flex;align-items:center;gap:12px;color:#9eacc0;text-decoration:none;padding:11px 13px;border-radius:10px;margin:3px 0;font-weight:500}.nav-link span{font-size:20px;width:22px;text-align:center}.nav-link:hover,.nav-link.active{color:#fff;background:#20304c}.nav-link.active{box-shadow:inset 3px 0 #5e91ff}.nav-label{color:#60728d;font-size:11px;font-weight:700;letter-spacing:.12em;margin:27px 13px 8px;text-transform:uppercase}.sidebar-footer{margin-top:auto;border-top:1px solid #273650;padding:18px 4px 0;display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:9px}.sidebar-footer strong,.sidebar-footer small{display:block;max-width:125px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-footer strong{font-size:13px}.sidebar-footer small{color:#8798af;font-size:11px;margin-top:2px}.avatar{width:38px;height:38px;border-radius:11px;background:#293d5d;display:grid;place-items:center;font-weight:700}.icon-button{border:0;background:none;color:#8292a9;cursor:pointer;font-size:18px}.main{min-width:0}.topbar{height:106px;background:#fff;border-bottom:1px solid var(--line);padding:22px 34px;display:flex;align-items:center;gap:30px}.topbar h1{font:800 24px/1.15 Manrope;margin:3px 0}.eyebrow{margin:0;color:#6a7890;font-size:10px;font-weight:800;letter-spacing:.14em}.search{height:44px;background:#f2f5f9;border:1px solid transparent;border-radius:11px;display:flex;align-items:center;gap:8px;flex:1;max-width:460px;margin-left:auto;padding:0 13px}.search:focus-within{border-color:#94b4f5;background:#fff}.search span{font-size:21px;color:#77869b}.search input{border:0;outline:0;background:none;width:100%;color:var(--ink)}.top-actions{display:flex;gap:10px}.button{border:0;border-radius:10px;padding:11px 16px;font-weight:700;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:10px}.button.primary{background:var(--blue);color:#fff;box-shadow:0 7px 15px rgba(47,111,236,.2)}.button.primary:hover{background:var(--blue2);transform:translateY(-1px)}.button.secondary{background:#fff;color:#344158;border:1px solid #dce2eb}.button.danger{background:var(--red-bg);color:var(--red);border:1px solid #f1c9ca}.button.light{background:#fff;color:var(--red)}.button.wide{width:100%;padding:14px 18px}.content{padding:28px 34px 42px;max-width:1600px;margin:auto}.alert{padding:13px 16px;border-radius:11px;margin-bottom:18px;font-weight:600}.alert.success{background:var(--green-bg);color:#14775e}.alert.danger{background:var(--red-bg);color:#a53137}.summary-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:22px}.summary-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:17px 20px;display:flex;align-items:center;gap:14px}.summary-card small,.summary-card strong{display:block}.summary-card small{color:var(--muted);margin-bottom:4px}.summary-card strong{font:700 17px Manrope}.summary-icon{width:42px;height:42px;border-radius:11px;display:grid;place-items:center;font-size:21px}.summary-icon.blue{color:var(--blue);background:#edf3ff}.summary-icon.green{color:var(--green);background:var(--green-bg)}.summary-card.safety{background:linear-gradient(120deg,#12213a,#1a3152);color:#fff;border:0}.summary-card.safety small{color:#9fb0c8}.pulse{width:12px;height:12px;border-radius:50%;background:#44d5a7;box-shadow:0 0 0 7px rgba(68,213,167,.12);margin:0 8px}.panel{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 2px 7px rgba(30,44,70,.025)}.panel-head{padding:21px 23px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.panel h2,.section-title h2{font:700 17px Manrope;margin:0}.panel-head p,.section-title p{color:var(--muted);margin:5px 0 0;font-size:13px}.view-toggle{border:1px solid var(--line);border-radius:8px;overflow:hidden}.view-toggle button{border:0;background:#fff;padding:7px 10px;color:#778398}.view-toggle button.active{background:#edf3ff;color:var(--blue)}.file-row{display:grid;grid-template-columns:minmax(260px,2fr) .7fr 1.15fr .85fr .65fr 60px;align-items:center;gap:15px;min-height:66px;padding:9px 23px;border-bottom:1px solid #edf0f4;color:#556176;text-decoration:none}.file-row:not(.file-header):hover{background:#f9fbfe}.file-header{min-height:42px;color:#8792a4;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;background:#fafbfd}.file-name{display:flex;align-items:center;gap:12px;color:var(--ink);min-width:0}.file-name b{display:block;overflow:hidden;text-overflow:ellipsis}.file-name small{display:block;color:#8994a6;margin-top:3px}.file-icon{width:37px;height:37px;border-radius:9px;background:#edf3ff;color:var(--blue);display:grid;place-items:center;font-style:normal}.file-icon.folder{background:#fff2d8;color:#d39428}.status{border-radius:50px;padding:5px 9px;font-style:normal;font-size:11px;font-weight:700;text-transform:capitalize;white-space:nowrap}.status.healthy{background:var(--green-bg);color:var(--green)}.status.warning{background:var(--amber-bg);color:var(--amber)}.status.critical{background:var(--red-bg);color:var(--red)}.row-actions{display:flex;justify-content:flex-end;gap:4px}.row-actions a,.row-actions button{border:0;background:none;color:#657188;text-decoration:none;font-size:19px;cursor:pointer;padding:7px}.row-actions form{display:inline}.empty{text-align:center;padding:60px 25px;color:var(--muted)}.empty>div{width:58px;height:58px;border-radius:18px;background:#edf3ff;color:var(--blue);display:grid;place-items:center;margin:0 auto;font-size:25px}.empty h3{font:700 19px Manrope;color:var(--ink);margin:15px 0 7px}.empty p{max-width:450px;margin:0 auto 20px}.pagination{padding:15px}.pagination nav>div:first-child{display:none}.pagination nav>div:last-child{display:flex;justify-content:space-between;align-items:center;color:var(--muted)}.pagination svg{width:18px}.pagination a,.pagination span{padding:4px 7px}dialog{border:0;border-radius:18px;padding:0;width:min(600px,calc(100vw - 32px));box-shadow:0 30px 90px rgba(8,18,37,.28)}dialog::backdrop{background:rgba(10,18,32,.54);backdrop-filter:blur(3px)}dialog form{padding:25px}.dialog-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:21px}.dialog-head h2{font:750 21px Manrope;margin:5px 0}.dialog-head>button{border:0;background:#f1f4f8;color:#69768a;border-radius:8px;width:32px;height:32px;font-size:21px;cursor:pointer}.dialog-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:22px}.dropzone{height:190px;border:1.5px dashed #aab8cc;border-radius:14px;background:#f8fafe;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer}.dropzone input{position:absolute;opacity:0;width:1px}.dropzone span{font-size:28px;color:var(--blue)}.dropzone b{margin:8px 0}.dropzone small{color:var(--muted)}.field{display:block;color:#4e5a6d;font-size:13px;font-weight:700;margin:13px 0}.field input,.field select,.field textarea{display:block;width:100%;border:1px solid #dce2eb;border-radius:9px;padding:10px 11px;margin-top:6px;outline:0;background:#fff;color:var(--ink)}.field input:focus,.field select:focus,.field textarea:focus{border-color:#6c9af4;box-shadow:0 0 0 3px #eaf1ff}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field-row.three{grid-template-columns:1fr 1fr .65fr}.notice{background:#fff6e6;border:1px solid #f2dfba;color:#795b25;padding:11px 13px;border-radius:10px;font-size:12px}.notice.safe{background:var(--green-bg);border-color:#bfe9da;color:#176d58}.direction{display:grid;grid-template-columns:1fr 30px 1fr;align-items:center;gap:7px}.direction>span{text-align:center;color:var(--blue);font-size:22px}.admin-content{max-width:1480px}.health-overview{background:linear-gradient(125deg,#14233e,#1e385c);color:#fff;border-radius:18px;padding:25px 28px;display:flex;align-items:center;justify-content:space-between;box-shadow:var(--shadow)}.health-overview h2{font:750 23px Manrope;margin:6px 0}.health-overview p{margin:0;color:#aebdd1}.health-actions{display:flex;gap:10px}.section-title{margin:28px 2px 15px}.pool-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.pool-card{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden}.pool-card>header{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid var(--line)}.pool-card>header>div{display:flex;align-items:center;gap:11px}.pool-card h3{font:700 16px Manrope;margin:0}.pool-card header p{color:var(--muted);margin:4px 0 0;font-size:12px}.status-dot{width:11px;height:11px;border-radius:50%;background:#9aa6b5;box-shadow:0 0 0 5px #f0f2f5}.status-dot.active{background:#20ad81;box-shadow:0 0 0 5px #e6f8f2}.status-dot.degraded,.status-dot.nearly_full{background:#e7a63b;box-shadow:0 0 0 5px #fff6e6}.status-dot.offline{background:#d84d53;box-shadow:0 0 0 5px #fff0f0}.pool-badge{font-size:11px;color:#637086;background:#f2f5f8;padding:6px 9px;border-radius:20px}.drives{padding:10px}.drive{border:1px solid #e5e9ef;border-radius:12px;padding:14px;margin:8px 0}.drive-top{display:grid;grid-template-columns:37px 1fr auto;gap:10px;align-items:center}.drive-top small{display:block;color:var(--muted);font-size:11px;margin-top:3px}.drive-icon{width:37px;height:37px;border-radius:9px;background:#eef3fb;color:#4c6d9e;display:grid;place-items:center}.capacity{height:6px;border-radius:10px;background:#edf0f4;margin-top:13px;overflow:hidden}.capacity span{display:block;height:100%;background:linear-gradient(90deg,#3476ec,#46a5ed);border-radius:10px}.drive-meta{display:flex;justify-content:space-between;color:#8792a2;font-size:10px;margin-top:7px}.drive-error{font-size:11px;color:var(--red);background:var(--red-bg);padding:8px;border-radius:7px}.drive-buttons{display:flex;gap:7px;margin-top:10px}.drive-buttons button,.text-button{border:0;background:none;color:var(--blue);font-size:11px;font-weight:700;padding:4px;cursor:pointer}.mini-empty{text-align:center;color:var(--muted);padding:27px;font-size:13px}.admin-columns{display:grid;grid-template-columns:1.15fr .85fr;gap:17px;margin-top:18px}.count-badge{background:var(--red-bg);color:var(--red);padding:4px 8px;border-radius:20px;font-weight:700}.event{display:grid;grid-template-columns:32px 1fr auto;gap:11px;padding:14px 18px;border-bottom:1px solid var(--line);align-items:start}.event-icon{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;font-weight:800}.event-icon.critical{background:var(--red-bg);color:var(--red)}.event-icon.warning{background:var(--amber-bg);color:var(--amber)}.event-icon.info{background:#edf3ff;color:var(--blue)}.event b{font-size:13px}.event p{margin:4px 0;color:#657186;font-size:12px}.event small{color:#96a0af}.operation{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--line)}.operation b,.operation small{display:block}.operation small{color:var(--muted);font-size:11px;margin-top:4px}.incident-banner{display:flex;align-items:center;gap:14px;background:#a92f37;color:#fff;padding:16px 20px;border-radius:14px;margin-bottom:18px}.incident-banner>span{font-size:27px}.incident-banner div{flex:1}.incident-banner p{margin:4px 0 0;color:#ffd9dc}.login-page{min-height:100vh;display:grid;grid-template-columns:1.1fr .9fr;background:#fff}.login-story{background:radial-gradient(circle at 20% 20%,#284d7b 0,transparent 32%),linear-gradient(145deg,#0e182b,#182d4d);color:#fff;padding:48px 7vw;display:flex;flex-direction:column;position:relative;overflow:hidden}.story-brand{font:700 18px Manrope;display:flex;align-items:center;gap:12px}.story-copy{margin:auto 0;max-width:620px}.story-copy h1{font:800 clamp(42px,5vw,70px)/1.03 Manrope;letter-spacing:-.04em;margin:14px 0 22px}.story-copy>p:last-child{font-size:18px;line-height:1.7;color:#b7c4d7;max-width:560px}.storage-visual{display:flex;align-items:center;margin:5vh 0}.node{width:145px;padding:18px;background:rgba(255,255,255,.075);border:1px solid rgba(255,255,255,.14);border-radius:15px;color:#91a5c1}.node b{display:block;color:#fff;font-size:18px;margin-top:5px}.node.replica{background:rgba(55,199,155,.1);border-color:rgba(72,221,176,.35)}.flow{width:120px;text-align:center;color:#68d7b4;font-size:10px}.flow i{display:block;height:1px;background:linear-gradient(90deg,#4775b2,#54d8b1);position:relative}.flow i:after{content:'›';position:absolute;right:-3px;top:-12px;font-size:20px}.flow span{display:block;margin-top:6px}.story-foot{color:#8192aa;font-size:12px}.login-panel{display:grid;place-items:center;padding:35px;background:#f8fafc}.login-card{width:min(410px,100%);background:#fff;border:1px solid var(--line);border-radius:20px;padding:40px;box-shadow:var(--shadow)}.security-icon{width:52px;height:52px;border-radius:15px;background:#eaf1ff;color:var(--blue);display:grid;place-items:center;font-size:29px;margin-bottom:24px}.login-card h2{font:800 29px Manrope;margin:7px 0 12px}.login-card>p:not(.eyebrow){color:var(--muted);line-height:1.6;margin:0 0 24px}.login-detail{display:flex;gap:11px;border-top:1px solid var(--line);padding-top:21px;margin-top:24px;color:#68758a}.login-detail span{color:var(--green);font-size:20px}.login-detail p{margin:0;font-size:12px;line-height:1.5}.login-detail b{color:#354158}@media(max-width:1050px){.app-shell{grid-template-columns:80px 1fr}.sidebar{padding:25px 12px}.brand>span:last-child,.nav-link:not(.active){font-size:0}.brand{padding-left:8px}.nav-link{justify-content:center}.nav-link span{font-size:21px}.nav-label,.sidebar-footer>div:not(.avatar),.sidebar-footer form{display:none}.sidebar-footer{display:block}.summary-row{grid-template-columns:1fr 1fr}.summary-card.safety{grid-column:span 2}.pool-grid,.admin-columns{grid-template-columns:1fr}.file-row{grid-template-columns:minmax(220px,2fr) 1fr .8fr 55px}.file-row>:nth-child(2),.file-row>:nth-child(4){display:none}.login-page{grid-template-columns:1fr}.login-story{display:none}}@media(max-width:720px){.app-shell{display:block}.sidebar{height:auto;position:static;flex-direction:row;align-items:center;padding:12px 15px}.brand{padding:0;margin-right:auto}.sidebar nav{display:flex}.sidebar .nav-link{display:none}.sidebar .nav-link.active,.sidebar .nav-link:last-child{display:flex}.sidebar-footer{margin:0;border:0}.topbar{height:auto;flex-wrap:wrap;padding:18px}.topbar .search{order:3;min-width:100%;max-width:none}.topbar>div:first-child{margin-right:auto}.top-actions .button.secondary{display:none}.content{padding:18px}.summary-row{grid-template-columns:1fr}.summary-card.safety{grid-column:auto}.file-row{grid-template-columns:minmax(180px,1fr) 55px;padding:10px 14px}.file-row>:nth-child(2),.file-row>:nth-child(3),.file-row>:nth-child(4),.file-row>:nth-child(5){display:none}.health-overview{align-items:flex-start;gap:18px;flex-direction:column}.field-row,.field-row.three,.direction{grid-template-columns:1fr}.direction>span{transform:rotate(90deg)}.pool-card>header{align-items:flex-start}.pool-badge{display:none}.login-panel{min-height:100vh;padding:18px}.login-card{padding:28px}}
.nav-link.unavailable{opacity:.55;cursor:default}.nav-link.unavailable:hover{background:none;color:#9eacc0}.button:disabled{opacity:.5;cursor:not-allowed;transform:none}.folder-navigation{margin:0 0 18px}.folder-navigation a{color:var(--blue);text-decoration:none}.file-name>span{min-width:0}.file-name b{white-space:nowrap}.file-icon{flex-shrink:0}.dropzone:focus-within{outline:3px solid #a7c5ff;outline-offset:3px}.dropzone b{max-width:90%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropzone small{text-align:center;padding:0 12px}.grid-view .file-table{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px;padding:18px}.grid-view .file-header{display:none}.grid-view .file-row{grid-template-columns:minmax(0,1fr) auto;min-width:0;border:1px solid var(--line);border-radius:12px;padding:16px;gap:12px}.grid-view .file-row>:first-child,.grid-view .row-actions{grid-column:1/-1}.grid-view .file-row>:nth-child(2),.grid-view .file-row>:nth-child(4){display:none}.grid-view .file-row>:nth-child(3),.grid-view .file-row>:nth-child(5){display:block;font-size:12px}.grid-view .file-row>:nth-child(5){text-align:right}.grid-view .file-table>.empty{grid-column:1/-1}
@media(max-width:1050px){.sidebar .nav-link{font-size:0}.sidebar-footer form{display:block}.sidebar-footer{display:flex;flex-direction:column;gap:12px}.file-row{grid-template-columns:minmax(0,2fr) minmax(0,1.2fr) .8fr 64px}}
@media(max-width:720px){.sidebar{flex-wrap:wrap}.sidebar nav{order:3;width:100%;overflow-x:auto;gap:3px;margin-top:9px}.sidebar .nav-link{display:flex;flex:0 0 auto}.sidebar-footer{flex-direction:row}.top-actions{flex-wrap:wrap}.top-actions .button.secondary{display:inline-flex}.file-row{grid-template-columns:minmax(0,1fr) 64px}.grid-view .file-table{grid-template-columns:minmax(0,1fr)}.health-actions{flex-wrap:wrap}.event{grid-template-columns:32px minmax(0,1fr)}.event form{grid-column:2}.incident-banner{flex-wrap:wrap}.incident-banner form{margin-left:41px}.drive-top{grid-template-columns:37px minmax(0,1fr)}.drive-top .status{grid-column:2;justify-self:start}.drive-top b,.event p{overflow-wrap:anywhere}.dialog-actions{flex-wrap:wrap}}

.sidebar .nav-link .nav-icon{width:22px;height:22px;flex:0 0 22px;display:inline-flex;align-items:center;justify-content:center;line-height:0}.nav-icon svg{width:22px;height:22px;display:block}.nav-link.unavailable .nav-icon{opacity:1}