@import url('https://fonts.googleapis.com/css2?family=Press+Start+2P&family=VT323&display=swap');
:root{--ink:#11141c;--panel:#171b25;--panel2:#1d2230;--line:#333b4c;--muted:#79849a;--paper:#d7e2dc;--cyan:#6ef4d2;--amber:#ffd166;--coral:#ff7185;--violet:#9b8cff;--shadow:0 12px 0 rgba(0,0,0,.22)}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--ink);color:var(--paper);font-family:'VT323','Courier New',monospace;font-size:20px}body{overflow-x:hidden}button,input{font:inherit}button{cursor:pointer}.hidden{display:none!important}.crt-noise{position:fixed;inset:0;pointer-events:none;z-index:20;opacity:.12;background:repeating-linear-gradient(0deg,transparent 0 3px,#fff 4px,transparent 5px),radial-gradient(circle at 20% 0%,rgba(110,244,210,.11),transparent 37%);mix-blend-mode:screen}.screen{min-height:100vh;position:relative}.login-screen{display:grid;place-items:center;padding:7vw;background:radial-gradient(circle at 50% 38%,#293244 0,#11141c 52%);overflow:hidden}.login-card{width:min(520px,92vw);padding:42px 44px 34px;background:rgba(23,27,37,.9);border:2px solid var(--cyan);box-shadow:10px 10px 0 rgba(110,244,210,.1),var(--shadow);position:relative;z-index:1}.brand-mark{font-family:'Press Start 2P',monospace;font-size:12px;letter-spacing:2px;color:var(--cyan)}.brand-mark span{color:var(--coral);margin:0 5px}.eyebrow,.micro-label,.nav-label{font-family:'Press Start 2P',monospace;font-size:9px;letter-spacing:1.5px;color:var(--muted)}.login-card .eyebrow{margin:34px 0 18px}.login-card h1{font-family:'Press Start 2P',monospace;font-size:clamp(30px,7vw,55px);line-height:1.28;margin:0;color:var(--paper);text-shadow:5px 5px 0 rgba(110,244,210,.13)}.login-card h1 span{color:var(--cyan)}.login-copy{color:var(--muted);line-height:1.25;margin:28px 0 35px}.login-card label,form label{display:block;font-family:'Press Start 2P',monospace;font-size:9px;color:var(--amber);margin-bottom:10px}.input-row{display:flex;align-items:center;border:2px solid var(--line);background:#10131a;padding:4px 6px 4px 13px}.input-row>span{color:var(--cyan);margin-right:10px}.input-row input{flex:1;min-width:0;border:0;outline:0;background:transparent;color:var(--paper);padding:10px 0;text-transform:uppercase}.input-row input::placeholder{color:#4d586d}.input-row button,.primary-btn{background:var(--cyan);border:0;color:var(--ink);font-family:'Press Start 2P',monospace;font-size:9px;padding:15px 16px;box-shadow:4px 4px 0 rgba(0,0,0,.32)}.input-row button:hover,.primary-btn:hover{background:#b1ffe9;transform:translate(-1px,-1px)}.form-error{height:17px;color:var(--coral);font-size:16px;margin:9px 0 0}.status-line{margin-top:38px;color:var(--muted);font-size:16px;letter-spacing:1px}.status-line i,.live-pill i{display:inline-block;width:7px;height:7px;background:var(--cyan);box-shadow:0 0 10px var(--cyan);margin-right:7px}.login-orbit{position:absolute;border:1px solid rgba(110,244,210,.18);border-radius:50%;width:55vw;height:55vw}.orbit-a{transform:rotate(24deg) scaleY(.45);top:-22vw;right:-10vw}.orbit-b{transform:rotate(-26deg) scaleY(.34);bottom:-28vw;left:-12vw;border-color:rgba(255,209,102,.16)}.app-shell{display:flex;min-height:100vh;background:linear-gradient(112deg,#11141c 0%,#151a24 48%,#131720 100%)}.sidebar{width:275px;flex:none;border-right:1px solid var(--line);padding:27px 22px 21px;display:flex;flex-direction:column;background:#141821}.sidebar-head{display:flex;gap:12px;align-items:center}.logo-tile{width:42px;height:42px;display:grid;place-items:center;border:2px solid var(--cyan);color:var(--cyan);font-family:'Press Start 2P';font-size:10px;box-shadow:4px 4px 0 rgba(110,244,210,.14)}.sidebar-title{font-family:'Press Start 2P';font-size:11px;margin-top:6px}.node-card{display:flex;align-items:center;gap:10px;border:1px solid var(--line);margin:36px 0 30px;padding:13px 11px;color:var(--cyan)}.node-card strong{font-family:'Press Start 2P';font-size:10px;font-weight:400;display:block;color:var(--paper);margin-top:6px}.node-pulse{width:10px;height:10px;background:var(--coral);box-shadow:0 0 0 4px rgba(255,113,133,.12)}.online-dot{color:var(--cyan);font-size:12px;margin-left:auto}.nav-label{font-size:8px;margin-bottom:12px}.nav-item{display:flex;align-items:center;width:100%;border:0;background:transparent;color:var(--muted);padding:11px 8px;text-align:left;letter-spacing:.6px}.nav-item:hover,.nav-item.active{background:var(--panel2);color:var(--paper)}.nav-item.active{border-left:3px solid var(--cyan);color:var(--cyan)}.nav-icon{font-size:18px;width:28px;color:var(--amber)}.nav-count{margin-left:auto;font-size:16px;color:var(--muted)}.side-meter{margin-top:auto;padding:16px 5px 25px}.meter{height:8px;border:1px solid var(--line);padding:1px;margin-top:12px}.meter span{display:block;height:100%;background:var(--cyan);box-shadow:0 0 9px rgba(110,244,210,.5)}.meter-meta{display:flex;justify-content:space-between;font-size:14px;color:var(--muted);margin-top:7px}.sidebar-foot{display:flex;justify-content:space-between;color:var(--muted);font-size:14px;border-top:1px solid var(--line);padding-top:17px}.sidebar-foot button{border:0;background:transparent;color:var(--coral);font-size:14px}.main-panel{flex:1;min-width:0;padding:0 5vw 46px}.topbar{height:86px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.crumbs{font-family:'Press Start 2P';font-size:10px}.crumb-root{color:var(--muted)}.crumb-arrow{color:var(--coral);margin:0 10px}.crumb-current{color:var(--cyan)}.top-actions{display:flex;align-items:center;gap:12px}.live-pill{font-family:'Press Start 2P';font-size:8px;color:var(--cyan);margin-right:10px}.ghost-btn,.icon-btn,.sort-btn,.view-btn{border:1px solid var(--line);background:transparent;color:var(--muted);padding:10px 13px;font-size:16px}.ghost-btn:hover,.icon-btn:hover,.sort-btn:hover{color:var(--paper);border-color:var(--muted)}.hero-strip{display:flex;justify-content:space-between;align-items:flex-end;padding:50px 0 35px}.hero-strip .eyebrow{margin:0 0 16px}.hero-strip h2{font-family:'Press Start 2P';font-size:clamp(19px,3vw,32px);margin:0;color:var(--paper)}.cursor{color:var(--coral);animation:blink 1s steps(2,start) infinite}.hero-stat{border-left:2px solid var(--amber);padding:0 0 2px 16px;color:var(--amber)}.hero-stat span{font-family:'Press Start 2P';font-size:27px;display:block}.hero-stat small{font-family:'Press Start 2P';font-size:8px;color:var(--muted)}.toolbar{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:11px 0;margin-bottom:18px}.toolbar-left,.toolbar-right{display:flex;align-items:center;gap:8px}.icon-btn{width:36px;height:36px;padding:0}.path-readout{font-size:17px;color:var(--muted);padding-left:8px}.view-toggle{display:flex}.view-btn{width:33px;height:34px;padding:0;border-right:0}.view-btn:last-child{border-right:1px solid var(--line)}.view-btn.active{background:var(--cyan);color:var(--ink);border-color:var(--cyan)}.sort-btn{padding:7px 10px;font-size:13px}.sort-btn span{color:var(--cyan);margin-left:8px}.drop-zone{border:1px dashed #536078;padding:15px;text-align:center;color:var(--cyan);display:flex;align-items:center;justify-content:center;gap:13px;margin-bottom:26px;transition:.2s}.drop-zone small{color:var(--muted);font-size:14px}.drop-zone.dragging{border-color:var(--amber);background:rgba(255,209,102,.07);transform:scale(1.01)}.drop-glyph{color:var(--amber)}.file-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(185px,1fr));gap:15px}.file-card{position:relative;min-height:156px;border:1px solid var(--line);background:linear-gradient(135deg,#1b202b,#171b25);padding:15px;box-shadow:4px 4px 0 rgba(0,0,0,.16);transition:.18s}.file-card:hover{border-color:var(--cyan);transform:translateY(-3px);box-shadow:5px 7px 0 rgba(110,244,210,.12)}.file-card.dir{border-top:3px solid var(--amber)}.file-top{display:flex;justify-content:space-between;align-items:flex-start}.file-icon{height:47px;width:54px;display:grid;place-items:center;font-size:29px;color:var(--cyan);background:rgba(110,244,210,.1);border:1px solid rgba(110,244,210,.2)}.file-card.dir .file-icon{color:var(--amber);background:rgba(255,209,102,.1);border-color:rgba(255,209,102,.2)}.file-icon.type-image{color:var(--violet)}.file-icon.type-archive{color:var(--coral)}.more-btn{border:0;background:transparent;color:var(--muted);padding:2px;font-size:15px;letter-spacing:2px}.more-btn:hover{color:var(--paper)}.file-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:17px;color:var(--paper)}.file-meta{display:flex;justify-content:space-between;gap:6px;color:var(--muted);font-size:14px;margin-top:7px}.action-menu{position:absolute;right:11px;top:39px;z-index:2;background:#11141c;border:1px solid var(--cyan);box-shadow:4px 4px 0 rgba(0,0,0,.4);width:145px}.action-menu button{display:block;width:100%;text-align:left;background:transparent;border:0;color:var(--paper);font-size:16px;padding:8px 10px}.action-menu button:hover{background:var(--panel2);color:var(--cyan)}.list-view{display:block}.list-view .file-card{min-height:0;display:flex;align-items:center;gap:15px;margin-bottom:8px;padding:9px 14px}.list-view .file-top{width:50px}.list-view .file-icon{height:35px;width:40px;font-size:21px}.list-view .file-name{margin:0;flex:1}.list-view .file-meta{margin:0;width:180px}.list-view .more-btn{margin-left:auto}.empty-state{text-align:center;padding:70px 20px;color:var(--muted)}.empty-illustration{font-size:70px;color:var(--amber);line-height:1}.empty-state h3,.modal-card h3{font-family:'Press Start 2P';font-size:16px;color:var(--paper)}.empty-state p{font-size:18px}.modal{position:fixed;inset:0;background:rgba(9,11,16,.78);display:grid;place-items:center;z-index:15}.modal-card{width:min(430px,90vw);background:var(--panel);border:2px solid var(--cyan);padding:28px 30px;box-shadow:8px 8px 0 rgba(110,244,210,.1);position:relative}.modal-close{position:absolute;right:12px;top:8px;background:transparent;border:0;color:var(--muted);font-size:28px}.modal-card h3{margin:19px 0 28px}.modal-card input{width:100%;border:1px solid var(--line);background:var(--ink);color:var(--paper);padding:12px;outline:0;margin-bottom:20px}.modal-card input:focus{border-color:var(--cyan)}.toast{position:fixed;right:25px;bottom:25px;background:var(--panel);border:1px solid var(--cyan);color:var(--cyan);padding:12px 17px;transform:translateY(20px);opacity:0;pointer-events:none;transition:.2s;z-index:30}.toast.show{opacity:1;transform:translateY(0)}.toast[data-type=error]{border-color:var(--coral);color:var(--coral)}@keyframes blink{50%{opacity:0}}@media(max-width:850px){.sidebar{width:215px;padding:20px 14px}.main-panel{padding:0 22px 35px}.top-actions .live-pill,.ghost-btn{display:none}.drop-zone small{display:none}}@media(max-width:650px){.app-shell{display:block}.sidebar{width:auto;border-right:0;border-bottom:1px solid var(--line);min-height:0}.sidebar .node-card,.nav-block,.side-meter,.sidebar-foot{display:none}.sidebar-head{padding-bottom:5px}.topbar{height:auto;padding:18px 0;gap:14px;align-items:flex-start}.crumbs{padding-top:10px}.top-actions{gap:5px}.primary-btn{font-size:8px;padding:13px 10px}.hero-strip{padding:35px 0 25px}.hero-stat{display:none}.toolbar{gap:8px}.toolbar-right{margin-left:auto}.file-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.file-card{min-height:145px;padding:11px}.file-meta{font-size:12px}.list-view .file-meta{display:none}}