:root{--bg:#07100e;--panel:#0b1714;--line:#19372e;--green:#35f28d;--text:#effff6;--muted:#83a095;--mono:'IBM Plex Mono',monospace;--display:'Space Grotesk',sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--display)}body:before{content:'';position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(#14332a44 1px,transparent 1px),linear-gradient(90deg,#14332a44 1px,transparent 1px);background-size:56px 56px;z-index:-1}.hidden{display:none!important}.logo{font:700 20px var(--mono);letter-spacing:2px;color:var(--text);text-decoration:none}.logo span,.tag,em{color:var(--green);font-style:normal}.primary{border:0;background:var(--green);color:#04120b;padding:14px 18px;font:600 11px var(--mono);text-transform:uppercase;cursor:pointer}.auth{min-height:100vh;display:grid;place-items:center}.auth>.logo{position:absolute;top:30px;left:35px}.auth-card{width:min(440px,calc(100% - 32px));padding:42px;border:1px solid var(--line);background:#091411ee;box-shadow:0 30px 100px #000}.tag{font:500 10px var(--mono);letter-spacing:1.8px}.auth-card h1{font-size:48px;line-height:.98;margin:20px 0 35px}.auth label,dialog label{display:block;color:var(--muted);font:11px var(--mono);margin:18px 0}.auth input,dialog input{display:block;width:100%;margin-top:8px;background:#07100e;border:1px solid var(--line);padding:14px;color:var(--text);font:13px var(--mono);outline:none}.auth input:focus,dialog input:focus{border-color:var(--green)}.auth .primary{width:100%;margin-top:10px}.text-btn{border:0;background:none;color:var(--muted);width:100%;margin-top:20px;font:11px var(--mono);cursor:pointer}.app{display:grid;grid-template-columns:235px 1fr;min-height:100vh}aside{position:fixed;width:235px;height:100vh;border-right:1px solid var(--line);background:#07100ef2;padding:30px 20px;display:flex;flex-direction:column}aside nav{margin-top:70px;display:grid;gap:8px}aside nav button{border:0;background:transparent;color:var(--muted);text-align:left;padding:13px;font:12px var(--mono)}aside nav button.active{background:#10231c;color:var(--green);border-left:2px solid var(--green)}aside nav small{float:right;font-size:8px}.profile{margin-top:auto;border-top:1px solid var(--line);padding-top:18px;display:flex;align-items:center;gap:9px;min-width:0}.profile>span{display:grid;place-items:center;width:32px;height:32px;background:var(--green);color:#06120d;font:bold 12px var(--mono)}.profile div{min-width:0;display:grid;gap:3px}.profile b{font:10px var(--mono);overflow:hidden;text-overflow:ellipsis}.profile small{font:8px var(--mono);color:var(--green)}.profile button{margin-left:auto;background:none;border:0;color:var(--muted);cursor:pointer}.app main{grid-column:2;padding:55px clamp(25px,5vw,75px)}main header{display:flex;justify-content:space-between;align-items:end}main h1{font-size:46px;margin:9px 0 0}.metrics{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);margin:42px 0}.metrics div{padding:20px 24px;border-right:1px solid var(--line)}.metrics div:last-child{border:0}.metrics small{display:block;color:var(--muted);font:9px var(--mono);letter-spacing:1px}.metrics b{display:block;margin-top:10px;font:28px var(--mono)}.metrics .online{font-size:12px;color:var(--green);margin-top:16px}.toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.toolbar label{display:flex;align-items:center;gap:10px;width:min(520px,70%);border:1px solid var(--line);padding:0 15px;color:var(--green)}.toolbar input{width:100%;padding:13px 0;background:transparent;border:0;outline:0;color:var(--text);font:11px var(--mono)}.toolbar span{font:9px var(--mono);color:var(--muted)}#suggestions{position:absolute;background:#0d1d18;border:1px solid var(--line);z-index:2}.suggestion{display:block;width:100%;background:none;border:0;color:var(--text);font:11px var(--mono);padding:10px 18px;text-align:left;cursor:pointer}.suggestion:hover{color:var(--green)}.category-grid{display:grid;grid-template-columns:repeat(3,minmax(220px,1fr));gap:14px}.category{background:var(--panel);border:1px solid var(--line);padding:22px;min-height:180px;cursor:pointer;transition:.2s}.category:hover{border-color:#37725e;transform:translateY(-2px)}.category-top{display:flex;justify-content:space-between}.category-top span{font:9px var(--mono);color:var(--muted)}.delete{background:none;border:0;color:#607c70;cursor:pointer}.delete:hover{color:#ff7d7d}.category h3{font-size:22px;margin:35px 0 25px}.category footer{display:flex;justify-content:space-between;color:var(--muted);font:9px var(--mono)}.empty{text-align:center;padding:80px;border:1px dashed var(--line);color:var(--muted)}.empty>b{font:50px var(--mono);color:var(--green)}dialog{border:1px solid var(--line);background:#0a1713;color:var(--text);width:min(480px,calc(100% - 30px));padding:0;box-shadow:0 20px 100px #000}dialog::backdrop{background:#020806d9}dialog form,.files-panel{padding:35px;position:relative}dialog h2{font-size:30px}.close{position:absolute;right:20px;top:15px;border:0;background:none;color:var(--muted);font-size:25px;cursor:pointer}.drop{border:1px dashed #356452;padding:25px;text-align:center}.drop input{font-size:10px}.drop small{display:block;margin-top:8px}.files-panel{max-height:80vh;overflow:auto}.file-row{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding:13px 0;font:10px var(--mono)}.file-row a{color:var(--green)}#toast{position:fixed;right:25px;top:25px;z-index:10;background:#10251e;border:1px solid var(--green);padding:13px 18px;font:10px var(--mono);opacity:0;transform:translateY(-10px);transition:.2s;pointer-events:none}#toast.show{opacity:1;transform:none}@media(max-width:850px){.app{display:block}aside{position:static;width:100%;height:auto;flex-direction:row;align-items:center;padding:18px}aside nav{display:none}.profile{margin:0 0 0 auto;border:0;padding:0}.profile div{display:none}.app main{padding:30px 18px}.category-grid{grid-template-columns:1fr 1fr}.metrics{grid-template-columns:1fr}.metrics div{border-right:0;border-bottom:1px solid var(--line)}main header{align-items:start;gap:20px}main h1{font-size:35px}}@media(max-width:540px){.category-grid{grid-template-columns:1fr}.metrics{margin:28px 0}.auth-card{padding:28px}main header{display:block}main header .primary{margin-top:20px}}