:root{--bg:#11151c;--panel:#1b212b;--panel2:#232b38;--border:#36404f;--text:#e6ebf2;--dim:#93a0b3;--accent:#4f8cff;--green:#2f9e54;font-family:Segoe UI,system-ui,sans-serif}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0}button{cursor:pointer;font-family:inherit}input,select{font-family:inherit}.center{justify-content:center;align-items:center;min-height:100vh;display:flex}.center-box{background:var(--panel);border:1px solid var(--border);text-align:center;border-radius:12px;flex-direction:column;align-items:center;gap:14px;min-width:320px;padding:28px;display:flex}.title{color:var(--accent);margin:0}.muted{color:var(--dim);font-size:13px}.login-form{flex-direction:column;gap:10px;width:240px;display:flex}.login-form .txt{width:100%;padding:9px 10px}.err{color:#ff6b6b;font-size:13px}.btn{background:var(--panel2);color:var(--text);border:1px solid var(--border);border-radius:7px;padding:8px 12px;font-size:13px;font-weight:600}.btn:hover{border-color:var(--accent)}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn.small{padding:5px 8px;font-size:12px}.bar{z-index:10;background:var(--panel);border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:16px;padding:10px 16px;display:flex;position:sticky;top:0}.brand{color:var(--accent);font-weight:800}.tabs{gap:6px;display:flex}.tabs button{color:var(--dim);background:0 0;border:1px solid #0000;border-radius:7px;padding:6px 12px;font-weight:700}.tabs button.on{background:var(--panel2);color:var(--text);border-color:var(--border)}.actions{flex-wrap:wrap;align-items:center;gap:8px;margin-left:auto;display:flex}.status{color:var(--green);font-size:12px}.who{color:var(--dim);font-size:12px}main{padding:16px}.grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:14px;display:grid}.card{background:var(--panel);border:1px solid var(--border);border-radius:10px;flex-direction:column;gap:8px;padding:12px;display:flex}.card-h{align-items:center;gap:8px;display:flex}.key{color:var(--dim);background:var(--bg);border-radius:5px;margin-left:auto;padding:2px 6px;font-size:11px}.thumb{background:var(--bg);border-radius:6px;flex:none;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;display:flex;overflow:hidden}.thumb img{object-fit:cover;width:100%;height:100%}.lbl{color:var(--dim);text-transform:uppercase;letter-spacing:.5px;margin-top:2px;font-size:11px}.row{flex-wrap:wrap;align-items:flex-end;gap:8px;display:flex}.mini{color:var(--dim);flex-direction:column;gap:2px;font-size:11px;display:flex}.mini.chk{flex-direction:row;align-items:center;gap:5px}.num,.txt,select{background:var(--bg);border:1px solid var(--border);color:var(--text);border-radius:6px;padding:5px 7px;font-size:13px}.num:focus,.txt:focus,select:focus{border-color:var(--accent);outline:none}.add-row{margin-bottom:12px}.del{border:1px solid var(--border);color:#ff6b6b;background:0 0;border-radius:6px;width:24px;height:24px;margin-left:6px;font-size:12px}.del:hover{border-color:#ff6b6b}.modal-bg{z-index:50;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--panel);border:1px solid var(--border);border-radius:12px;width:min(520px,92vw);max-height:80vh;padding:20px;overflow:auto}.modal h3{color:var(--accent);margin:0 0 12px}.hist{flex-direction:column;gap:6px;margin:0 0 12px;padding:0;list-style:none;display:flex}.hist li{background:var(--bg);border:1px solid var(--border);border-radius:7px;justify-content:space-between;align-items:center;gap:10px;padding:8px 10px;font-size:12px;display:flex}