:root{--bg:#090c0a;--panel:#121613;--line:#293129;--text:#f1f5ed;--muted:#8c998e;--green:#caff49}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:system-ui,sans-serif}main{max-width:1200px;margin:auto;padding:28px}#login{max-width:520px;margin:10vh auto;padding:42px;border:1px solid var(--line);background:var(--panel)}.logo,header i{display:inline-grid;place-items:center;width:42px;height:42px;background:var(--green);color:#111;font-style:normal;font-weight:900}h1{font-size:56px;line-height:1;letter-spacing:-3px}em{color:var(--green);font-style:normal}p,small,label{color:var(--muted)}input{width:100%;padding:14px;margin-top:10px;background:#0d100e;border:1px solid var(--line);color:white;outline:0}input:focus{border-color:var(--green)}button{padding:12px 18px;border:0;background:var(--green);font-weight:800;cursor:pointer}form input{margin:8px 0}form button{width:100%;margin-top:12px}#err{color:#ff6b65}header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:22px}header span{color:var(--green);font-size:12px}header button,footer button,.tools button{background:transparent;color:var(--muted);border:1px solid var(--line);margin-left:12px}.hero{display:grid;grid-template-columns:1.5fr .7fr;gap:60px;align-items:end;padding:55px 0}.hero h1{margin:15px 0}.vault{border-left:2px solid var(--green);padding:20px;background:var(--panel)}.vault button{width:100%;margin-top:10px}.grid{display:grid;grid-template-columns:1fr 1.2fr;border:1px solid var(--line)}.panel{min-height:400px}.panel+.panel{border-left:1px solid var(--line)}.head{padding:20px;border-bottom:1px solid var(--line);font:12px monospace;color:var(--green)}.head span{float:right;color:var(--muted)}#drop{margin:20px;height:260px;border:1px dashed #4a554b;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer}#drop input{display:none}#drop strong{font-size:40px;color:var(--green)}#drop b{margin:14px}#drop span{font-size:12px}.tools{display:flex;padding:10px;gap:8px}.tools input{margin:0}.file{display:grid;grid-template-columns:42px 1fr auto;gap:12px;align-items:center;padding:14px;border-top:1px solid #202620}.icon{height:42px;border:1px solid var(--line);display:grid;place-items:center;color:var(--green);font:10px monospace}.meta{font:10px monospace;color:var(--muted);margin-top:5px}.file button{padding:8px;margin-left:4px}.empty{text-align:center;padding:70px}.job{padding:8px 20px;font-size:12px}.bar{height:3px;background:#283028}.bar i{display:block;height:100%;background:var(--green)}footer{display:flex;justify-content:space-between;padding:20px;color:var(--muted);font:11px monospace}dialog{width:min(600px,90vw);background:var(--panel);color:white;border:1px solid var(--line)}dialog #close{float:right}.log{padding:12px;border-top:1px solid var(--line);font:11px monospace}#toast{position:fixed;right:20px;bottom:20px;background:white;color:#111;padding:12px;display:none}#toast.show{display:block}@media(max-width:750px){.hero,.grid{grid-template-columns:1fr}.panel+.panel{border-left:0;border-top:1px solid var(--line)}.hero{gap:25px}h1{font-size:44px}main{padding:15px}}