:root{--bg:#0b0e13;--surface:#11151c;--card:#151a22;--card2:#1a202a;--line:#252c37;--text:#f5f7fa;--muted:#8993a2;--accent:#7868ff;--cyan:#3dd9c5;--red:#ff6f78}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px Inter,Segoe UI,Arial,sans-serif}.shell{min-height:100vh;display:grid;grid-template-columns:270px 1fr}aside{position:fixed;inset:0 auto 0 0;width:270px;padding:28px 20px;display:flex;flex-direction:column;background:#0e1218;border-right:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;padding:0 8px 36px}.brand>span,.big-v{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:linear-gradient(145deg,var(--accent),#4d42c7);font-weight:900;box-shadow:0 8px 25px #7667ff40}.brand div{display:grid}.brand b{font-size:17px;letter-spacing:2px}.brand small{color:var(--muted);font-size:9px;letter-spacing:4px}.side-label{padding:0 10px;color:#626c7a;font-size:9px;font-weight:800;letter-spacing:1.5px}.vault-list{display:grid;gap:6px;overflow:auto}.vault-row{display:flex;align-items:center;gap:11px;width:100%;padding:12px;border:1px solid transparent;border-radius:11px;color:#aeb6c2;background:transparent;text-align:left}.vault-row:hover{background:#151a22}.vault-row.active{color:#fff;background:#1b2030;border-color:#302c59}.vault-row>span{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:#242a35;color:var(--cyan);font-weight:800}.vault-row.active>span{background:#302c59;color:#a99fff}.vault-row div{display:grid;gap:3px;min-width:0}.vault-row b{overflow:hidden;text-overflow:ellipsis;font-size:12px}.vault-row small{color:#697483;font-size:9px}.add{margin-top:10px;padding:12px;border:1px dashed #333b48;border-radius:10px;color:#8993a2;background:transparent}.add:hover{border-color:var(--accent);color:#b9b1ff}.bot{display:flex;align-items:center;gap:11px;margin-top:auto;padding:14px;background:#151a22;border:1px solid var(--line);border-radius:12px}.bot i{width:9px;height:9px;border-radius:50%;background:#525b67}.bot.online i{background:#31d59c;box-shadow:0 0 0 5px #31d59c18}.bot div{display:grid;gap:3px}.bot b{font-size:11px}.bot small{color:var(--muted);font-size:9px}main{grid-column:2;padding:38px clamp(28px,5vw,72px)}header{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:28px}.eyebrow{margin:0;color:var(--accent);font-size:9px;font-weight:900;letter-spacing:1.7px}h1{margin:7px 0 5px;font-size:34px;letter-spacing:-1.2px}header p:last-child{margin:0;color:var(--muted)}button,input{font:inherit}button{cursor:pointer}.actions{display:flex;gap:9px}.actions button,.modal-actions button{padding:11px 14px;border:1px solid var(--line);border-radius:9px;color:#abb4c0;background:#151a22;font-size:11px;font-weight:700}.primary{border-color:transparent!important;color:#fff!important;background:linear-gradient(135deg,var(--accent),#5c50d5)!important}.actions button:disabled{opacity:.35;cursor:not-allowed}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:17px}.metrics article{padding:21px;background:linear-gradient(145deg,#151a22,#12171e);border:1px solid var(--line);border-radius:14px}.metrics small{display:block;color:#687383;font-size:8px;font-weight:900;letter-spacing:1px}.metrics strong{display:block;margin:12px 0 5px;font-size:29px}.metrics span{color:var(--muted);font-size:9px}.metrics .latest strong{overflow:hidden;font-size:16px;white-space:nowrap;text-overflow:ellipsis}.workspace{display:grid;grid-template-columns:1.15fr .85fr;gap:17px}.card{overflow:hidden;min-height:430px;background:var(--surface);border:1px solid var(--line);border-radius:15px}.card-head{height:78px;padding:18px 21px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}h2{margin:0;font-size:15px}.card-head p{margin:5px 0 0;color:var(--muted);font-size:9px}.card-head input{width:180px;padding:9px 11px;border:1px solid var(--line);border-radius:8px;color:#fff;background:#0e1218;outline:none;font-size:10px}.live{padding:7px 9px;color:#40d5ac;background:#163129;border-radius:7px;font-size:8px;font-weight:900}.inventory,.movements{padding:5px 21px}.item,.move{display:flex;align-items:center;gap:13px;min-height:70px;border-bottom:1px solid #202630}.item-icon,.move-icon{display:grid;place-items:center;width:39px;height:39px;border-radius:10px;background:#202735;color:var(--cyan);font-weight:800}.item div,.move div{display:grid;gap:4px}.item b,.move b{font-size:11px}.item code,.move small{color:var(--muted);font-size:9px}.item strong{margin-left:auto;font-size:17px}.item strong small{color:var(--muted);font-size:9px}.move{align-items:flex-start;padding:15px 0}.move.removed .move-icon{color:var(--red);background:#321d25}.move.added .move-icon{color:#43dfae;background:#163129}.move div{flex:1}.move time{color:#697382;font-size:8px}.empty-list{padding:70px 20px;text-align:center;color:#606b79}.welcome{max-width:620px;margin:13vh auto;padding:65px;text-align:center;background:radial-gradient(circle at 50% 0,#29264b,#12171e 55%);border:1px solid var(--line);border-radius:24px}.welcome .big-v{margin:auto}.welcome h2{margin:25px 0 10px;font-size:24px}.welcome p{max-width:420px;margin:0 auto 25px;color:var(--muted);line-height:1.7}.welcome button{padding:13px 18px;border-radius:10px}.toast{position:fixed;z-index:50;top:22px;right:25px;max-width:400px;padding:15px 18px;color:#fff;background:#242a36;border:1px solid #3a4352;border-radius:11px;box-shadow:0 18px 50px #0008}.modal-bg{position:fixed;inset:0;z-index:40;display:grid;place-items:center;padding:20px;background:#07090dbd;backdrop-filter:blur(7px)}.modal{position:relative;width:min(550px,100%);padding:30px;background:#151a22;border:1px solid #303744;border-radius:18px;box-shadow:0 30px 90px #000a}.close{position:absolute;right:20px;top:17px;border:0;color:#87919e;background:transparent;font-size:25px}.modal-icon{display:grid;place-items:center;width:40px;height:40px;color:#b4acff;background:#2c2851;border-radius:10px}.modal h2{margin:18px 0 6px;font-size:22px}.modal>p{margin:0 0 22px;color:var(--muted)}.modal label{display:grid;gap:7px;margin-top:13px;color:#aeb6c2;font-size:10px;font-weight:700}.modal input{width:100%;padding:12px;border:1px solid var(--line);border-radius:9px;color:#fff;background:#0e1218;outline:none}.modal input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #7868ff20}.two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-state{min-height:19px;margin-top:13px;color:#b0a8ff;font-size:10px}.modal-actions{display:grid;grid-template-columns:auto 1fr auto auto;gap:9px;margin-top:8px}.danger{color:#ff8b92!important}.modal-actions span{display:block}[hidden]{display:none!important}@media(max-width:1000px){.metrics{grid-template-columns:1fr 1fr}.workspace{grid-template-columns:1fr}}@media(max-width:720px){.shell{display:block}aside{position:static;width:auto;padding:15px}.brand{padding-bottom:15px}.bot{display:none}main{padding:22px 14px}header{align-items:flex-start;flex-direction:column}.actions{width:100%;overflow:auto}.metrics{grid-template-columns:1fr 1fr}.two{grid-template-columns:1fr}.welcome{padding:40px 20px}}