*{box-sizing:border-box}html{background:#0b1120;color:#e5e7eb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}body{margin:0;min-height:100vh;background:radial-gradient(circle at 12% 0%,#1e293b 0,transparent 32%),#0b1120}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.55;cursor:not-allowed}[hidden]{display:none!important}.muted{color:#94a3b8}.eyebrow{letter-spacing:.17em;font-size:10px;color:#94a3b8;font-weight:800}.brand-mark{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(145deg,#d7b46a,#8d6830);color:#111827;font-weight:900;letter-spacing:.08em}.brand-mark.small{width:30px;height:30px;border-radius:9px;font-size:11px}.login-shell{min-height:100vh;display:grid;place-items:center;padding:20px}.login-card{width:min(100%,420px);padding:32px;border:1px solid #334155;border-radius:24px;background:#111827eF;box-shadow:0 24px 80px #0008}.login-card .brand-mark{margin-bottom:24px}.login-card h1{font-size:27px;margin:6px 0}.login-card>p{line-height:1.6}.login-card label,.form-grid label{display:grid;gap:8px;color:#cbd5e1;font-size:13px;margin:18px 0}.login-card input,.form-grid input,.form-grid textarea,.form-grid select{width:100%;background:#0b1220;color:#f8fafc;border:1px solid #334155;border-radius:10px;padding:12px;outline:none;min-width:0}.login-card input:focus,.form-grid input:focus,.form-grid textarea:focus,.form-grid select:focus{border-color:#c6a15b;box-shadow:0 0 0 3px #c6a15b22}.primary,.ghost,.danger{border:1px solid transparent;border-radius:10px;padding:11px 15px;font-weight:700}.primary{background:#c6a15b;color:#161616}.primary:hover{background:#dfc17d}.wide{width:100%;margin-top:8px}.ghost{background:#1e293b;color:#dbeafe;border-color:#334155}.danger{background:#3b1e25;color:#fecaca;border-color:#71313e}.small-button{padding:8px 11px}.error{color:#fca5a5;min-height:20px;font-size:13px}.app-shell{min-height:100vh}.topbar{height:auto;min-height:72px;padding:14px clamp(16px,4vw,56px);border-bottom:1px solid #263449;background:#0b1220dd;display:flex;align-items:center;justify-content:space-between;gap:16px;position:sticky;top:0;z-index:5;backdrop-filter:blur(16px)}.brand-line{display:flex;align-items:center;gap:10px}.top-subtitle{display:block;margin-left:40px;font-size:11px;color:#94a3b8;margin-top:3px}.account{display:flex;align-items:center;gap:12px;color:#cbd5e1;font-size:13px}.content{max-width:1120px;margin:auto;padding:34px clamp(14px,4vw,42px) 30px}.welcome{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:26px}.welcome h1{font-size:clamp(26px,4vw,36px);margin:5px 0}.welcome p{margin:6px 0}.secure-label{font-size:11px;border:1px solid #365b50;color:#86efac;background:#12352c;border-radius:999px;padding:8px 12px;white-space:nowrap}.tabs{display:flex;gap:8px;border-bottom:1px solid #334155;margin-bottom:24px;overflow:auto}.tab{background:none;border:0;color:#94a3b8;padding:12px 16px;border-bottom:2px solid transparent;white-space:nowrap}.tab.active{color:#f3d89e;border-color:#c6a15b}.panel{min-height:300px}.section-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px}.section-head h2{font-size:19px;margin:0 0 6px}.section-head p{font-size:12px;margin:0;line-height:1.5}.record-list{display:grid;gap:12px}.record{display:flex;align-items:center;gap:14px;padding:15px;border:1px solid #29384d;border-radius:15px;background:#111c2d}.record-thumb{width:60px;height:60px;border-radius:12px;object-fit:cover;background:#263449;flex:0 0 auto}.record-main{flex:1;min-width:0}.record-main strong{display:block;overflow-wrap:anywhere}.record-main p{font-size:12px;color:#94a3b8;margin:5px 0 0;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere}.record-meta{display:flex;gap:7px;flex-wrap:wrap;margin-top:7px}.pill{font-size:10px;padding:4px 7px;border-radius:99px;background:#243247;color:#cbd5e1}.pill.good{background:#123a2d;color:#86efac}.pill.warn{background:#49351a;color:#fcd34d}.record-actions{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.record-actions button{font-size:12px;padding:8px 10px}.editor{border:1px solid #6b5734;background:#172235;border-radius:16px;padding:18px;margin:18px 0}.editor-head{display:flex;justify-content:space-between;align-items:center}.editor-head h3{margin:0;font-size:17px}.icon-button{background:transparent;border:0;color:#cbd5e1;font-size:26px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.form-grid label{margin:12px 0}.span-two{grid-column:1/-1}.form-grid .check-label{display:flex;align-items:center;gap:10px}.check-label input{width:18px;height:18px;accent-color:#c6a15b}.form-actions{display:flex;gap:9px;margin-top:8px}.loading{padding:24px;text-align:center;color:#94a3b8}.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,16px);opacity:0;pointer-events:none;background:#e2c17b;color:#151515;padding:11px 17px;border-radius:999px;font-size:13px;font-weight:700;transition:.2s;z-index:9;max-width:calc(100vw - 30px)}.toast.show{opacity:1;transform:translate(-50%,0)}footer{text-align:center;color:#64748b;font-size:11px;padding:34px 0 8px}@media(max-width:650px){.login-card{padding:25px 21px}.topbar{padding:12px 14px}.content{padding-top:24px}.welcome{align-items:flex-start}.secure-label{font-size:10px;padding:7px 9px}.section-head{align-items:flex-start;flex-direction:column}.section-head>.primary{width:100%}.record{align-items:flex-start;flex-wrap:wrap;padding:12px}.record-thumb{width:52px;height:52px}.record-main{width:calc(100% - 68px);flex:1}.record-actions{width:100%;justify-content:flex-start;padding-left:66px}.form-grid{grid-template-columns:1fr}.span-two{grid-column:auto}.account{gap:7px}.account span{max-width:90px;overflow:hidden;text-overflow:ellipsis}.record-actions button{flex:1}.tabs{margin-right:-14px;margin-left:-14px;padding-left:14px}.welcome h1{font-size:27px}}