:root{color:#272021;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#f7f7f6;--brand-red: #e52522;--brand-red-dark: #b91618;--brand-black: #171112;--brand-line: #e8dedb;--brand-soft: #fff4f3}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select,textarea{font:inherit}button{cursor:pointer}.loginShell,.appShell{min-height:100vh;background:radial-gradient(circle at 8% 0%,rgba(229,37,34,.13),transparent 28rem),radial-gradient(circle at 96% 6%,rgba(23,17,18,.08),transparent 24rem),linear-gradient(145deg,#fff,#f5f2f1 52%,#fafafa)}.loginShell{display:grid;place-items:center;padding:clamp(20px,5vw,56px)}.loginPanel,.contentPanel,.summaryPanel,.recordList,.modal{border:1px solid rgba(232,222,219,.92);border-radius:8px;background:#ffffffe6;box-shadow:0 18px 52px #1711121a}.loginPanel{width:min(100%,460px);padding:clamp(24px,4vw,38px)}.loginMark{width:152px;height:72px;display:flex;align-items:center;justify-content:flex-start;border-radius:8px;margin-bottom:18px;background:transparent;box-shadow:none}.loginMark img{display:block;width:100%;height:auto}.loginMark.compact{width:48px;height:48px;padding:10px;color:#fff;background:linear-gradient(135deg,var(--brand-red),var(--brand-black));box-shadow:0 16px 34px #e5252238}.kicker{display:block;color:var(--brand-red);font-size:.78rem;font-weight:900;letter-spacing:0;text-transform:uppercase}h1,h2,p{margin-top:0}.loginPanel h1,.summaryPanel h1{margin:6px 0 10px}.loginPanel p,.summaryPanel p,.detailTop p,.modal p{color:#647286;line-height:1.6}label{display:block;margin-top:16px}label span{display:block;color:#405066;font-size:.83rem;font-weight:850;margin-bottom:7px}input,select,textarea{width:100%;min-height:46px;border:1px solid #d9cfcc;border-radius:8px;color:#272021;background:#fff;outline:none;padding:0 13px}textarea{min-height:110px;padding:12px 13px;resize:vertical}input:focus,select:focus,textarea:focus{border-color:var(--brand-red);box-shadow:0 0 0 4px #e525221f}.inputIcon{display:flex;align-items:center;gap:10px;border:1px solid #d9cfcc;border-radius:8px;background:#fff;padding-left:12px}.inputIcon svg{color:#6b7789;flex:0 0 auto}.inputIcon input{border:0;box-shadow:none}.primary,.ghost{min-height:46px;border:0;border-radius:8px;padding:0 16px;display:inline-flex;align-items:center;justify-content:center;gap:9px;font-weight:850}.primary{margin-top:18px;color:#fff;background:linear-gradient(135deg,var(--brand-red),var(--brand-black));box-shadow:0 14px 28px #e5252233}.primary.small{margin-top:0}.primary:disabled{opacity:.5;cursor:not-allowed}.ghost{color:var(--brand-red-dark);background:var(--brand-soft)}.notice{border-radius:8px;padding:12px 14px;margin:16px 0;font-weight:800}.notice.error{color:#9b1c1c;background:#fff0f0}.notice.info{color:var(--brand-red-dark);background:var(--brand-soft)}.topbar{height:76px;padding:0 clamp(18px,4vw,56px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(23,17,18,.1);background:#ffffffd6;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);position:sticky;top:0;z-index:5}.brand,.session{display:flex;align-items:center;gap:12px}.brand>span{width:78px;height:48px;display:grid;place-items:center;border-radius:8px;background:#fff;border:1px solid var(--brand-line);box-shadow:0 10px 24px #17111214;overflow:hidden}.brand>span img{width:70px;height:auto;display:block}.brand strong,.brand small{display:block}.brand small{color:#647286;margin-top:2px}.session span,.session button{min-height:42px;border:1px solid #dce5ee;border-radius:8px;padding:0 12px;display:inline-flex;align-items:center;gap:8px;color:var(--brand-red-dark);background:#fff;font-weight:850}.session button{color:#516073}.workspace{max-width:1500px;margin:0 auto;padding:clamp(18px,4vw,44px);display:grid;grid-template-columns:minmax(280px,.34fr) minmax(680px,1fr);gap:18px;align-items:start}.summaryPanel,.contentPanel{padding:22px}.statsGrid{display:grid;gap:10px;margin-top:22px}.stat{border:1px solid #dde7ee;border-radius:8px;padding:14px;display:grid;grid-template-columns:26px 1fr auto;align-items:center;gap:10px;background:#fbfdff}.stat svg{color:var(--brand-red)}.stat span{color:#637083;font-weight:850}.stat strong{font-size:1.35rem}.toolbar{display:grid;grid-template-columns:1fr auto;gap:10px}.searchBox input{min-width:0}.filters{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:12px 0 16px}.filters label{margin-top:0}.workbench{display:block}.recordList{min-height:600px}.recordList{padding:12px}.listHeader{display:flex;align-items:center;justify-content:space-between;color:#647286;margin:4px 4px 12px}.recordItem{width:100%;position:relative;text-align:left;border:1px solid #dce5ee;border-radius:8px;background:#fff;padding:14px 14px 14px 34px;margin-bottom:10px;display:grid;grid-template-columns:minmax(220px,1fr) minmax(280px,auto);gap:16px;align-items:center}.recordItem.selected{border-color:var(--brand-red);box-shadow:0 8px 24px #e525221f}.recordItem strong,.recordItem small,.recordItem em{display:block}.recordItem small{color:#637083;margin:6px 0;overflow-wrap:anywhere}.recordMain{min-width:0}.recordMeta{display:flex;flex-wrap:wrap;gap:7px;justify-content:flex-end}.recordItem em{color:var(--brand-red-dark);border-radius:999px;background:var(--brand-soft);padding:6px 10px;font-size:.8rem;font-style:normal;font-weight:850}.typeDot{position:absolute;left:14px;top:18px;width:10px;height:10px;border-radius:999px}.typeDot.account,.pill.account{background:#fff0f0;color:var(--brand-red-dark)}.typeDot.license,.pill.license{background:#fff7df;color:#8a5c00}.typeDot.camera,.pill.camera{background:#f1eeee;color:#453a3b}.typeDot.account{background:var(--brand-red)}.typeDot.license{background:#d69b2d}.typeDot.camera{background:var(--brand-black)}.detailTop{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.pill{display:inline-flex;border-radius:999px;padding:7px 12px;font-size:.78rem;font-weight:900;margin-bottom:10px}.detailTop h2{margin:0 0 6px;overflow-wrap:anywhere}.detailGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:22px}.info{border:1px solid #e0e7ef;border-radius:8px;padding:12px;background:#fbfdff}.info span{display:block;color:#6b7789;font-size:.76rem;font-weight:850;margin-bottom:5px}.info strong{overflow-wrap:anywhere}.notesBlock{border:1px solid #f0c9c6;border-radius:8px;padding:14px;background:var(--brand-soft);margin-top:14px}.notesBlock p{color:#354154;line-height:1.6;margin:6px 0 0}.sourceLine{color:#738094;font-size:.82rem;margin-top:16px}.empty{min-height:200px;display:grid;place-items:center;color:#6b7789;text-align:center}.empty.large{min-height:520px}.modalBackdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:center;padding:20px;background:#17111280;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.modal{position:relative;width:min(100%,520px);max-height:calc(100vh - 40px);overflow:auto;padding:clamp(22px,4vw,32px)}.detailModal{width:min(100%,980px)}.iconClose{position:absolute;top:14px;right:14px;width:38px;height:38px;border:0;border-radius:8px;display:grid;place-items:center;color:#5e5556;background:#f5f2f1}.passwordBox{border:1px solid #f0c9c6;border-radius:8px;padding:16px;background:var(--brand-soft)}.passwordBox code{color:#122132;font-size:1rem;overflow-wrap:anywhere}.modalActions{display:flex;gap:10px;justify-content:flex-end;margin-top:16px}.topActions{margin-top:0;align-items:center;flex-wrap:wrap}.editGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:18px}.editGrid label{margin-top:0}.editGrid .wide{grid-column:1 / -1}.checkRow{min-height:46px;border:1px solid #dce5ee;border-radius:8px;padding:0 12px;display:flex;align-items:center;gap:10px;background:#fbfdff}.checkRow input{width:18px;min-height:18px}.checkRow span{margin:0;color:#405066}@media(max-width:1120px){.workspace{grid-template-columns:1fr}.summaryPanel .statsGrid{grid-template-columns:repeat(4,1fr)}}@media(max-width:760px){.topbar{height:auto;padding:14px;flex-direction:column;align-items:stretch}.session{flex-direction:column;align-items:stretch}.session span,.session button{justify-content:center}.workspace{padding:14px}.toolbar,.filters,.detailGrid,.summaryPanel .statsGrid,.editGrid,.recordItem{grid-template-columns:1fr}.detailTop{flex-direction:column}.primary.small{width:100%}.recordMeta{justify-content:flex-start}}