:root{--ink:#192b43;--muted:#7c899b;--blue:#2563eb;--line:#e5eaf1;--surface:#f4f6fa;--radius:14px;font-family:Inter,"PingFang SC","Microsoft YaHei",sans-serif;color:var(--ink);font-size:14px}*{box-sizing:border-box}body{margin:0;background:var(--surface)}[hidden]{display:none!important}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.45;cursor:default}a{color:inherit;text-decoration:none}input,select{width:100%;border:1px solid #dce3ed;border-radius:8px;background:white;padding:11px 12px;color:var(--ink);min-width:0;outline:none}input:focus,select:focus{border-color:var(--blue);box-shadow:0 0 0 3px #2563eb12}button:focus-visible,a:focus-visible{outline:3px solid #88afff;outline-offset:3px}label{display:flex;flex-direction:column;gap:8px;font-size:13px;font-weight:500}input[type=checkbox]{width:16px;height:16px;accent-color:var(--blue)}h1,h2,p{margin-top:0}h1{font-size:29px;letter-spacing:-.8px;margin-bottom:10px}h2{font-size:21px}p{line-height:1.7}.muted{color:var(--muted);font-size:13px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;color:#8292aa;margin-bottom:12px}.button{border:1px solid transparent;border-radius:8px;padding:10px 16px;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:40px;font-weight:600;white-space:nowrap}.primary{background:var(--blue);color:white;box-shadow:0 3px 8px #2563eb18}.primary:hover{background:#1b54ce}.secondary{background:white;border-color:#dce3ed;color:#40516a}.secondary:hover{background:#f8fafc}.full{width:100%;justify-content:space-between}.text-button{background:none;border:0;color:#63758e;padding:8px 4px;font-size:12px}.text-button:hover{color:var(--blue)}.brand{display:flex;align-items:center;gap:12px;font-size:22px;font-weight:750;letter-spacing:1px}.brand-mark{width:38px;height:38px;border-radius:10px;background:var(--blue);color:white;display:inline-flex;align-items:center;justify-content:center;font-size:24px;font-weight:800;box-shadow:inset 0 0 0 1px #ffffff20}.brand-sub{display:block;font-size:10px;letter-spacing:1px;font-weight:400;margin-top:4px;color:#8b9bb0}.app-shell{display:grid;grid-template-columns:220px minmax(0,1fr);min-height:100dvh}.sidebar{background:#fff;border-right:1px solid var(--line);position:sticky;top:0;height:100dvh;padding:30px 22px 18px;display:flex;flex-direction:column}.nav-caption{font-size:10px;color:#a1adbb;letter-spacing:2px;margin:48px 12px 16px}.nav-item{width:100%;border:0;background:none;text-align:left;padding:14px 13px;margin:3px 0;border-radius:9px;color:#74839a;font-weight:500;display:flex;gap:12px;align-items:center}.nav-item span{font-size:20px;line-height:1}.nav-item.active{background:#edf3ff;color:var(--blue);font-weight:650}.sidebar-bottom{margin-top:auto}.account{display:flex;align-items:center;gap:11px;border-top:1px solid var(--line);padding-top:22px}.account strong{display:block;max-width:123px;overflow:hidden;text-overflow:ellipsis;font-size:13px}.account div>span{display:block;font-size:10px;color:#99a5b6;margin-top:5px}.avatar{background:#edf1f6;color:#586c8b;display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;font-weight:700}.account-actions{display:flex;justify-content:space-between;margin:9px 0 16px}.sidebar-foot{font-size:8px;letter-spacing:1.3px;color:#abb6c4;margin:0}.topbar{height:70px;padding:0 36px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;background:#ffffffb5;font-size:12px;color:#91a0b3}.topbar strong{font-weight:500;color:#536780}.crumb{padding:0 14px;color:#c1cad6}.cloud-tag{display:flex;align-items:center;gap:7px;font-size:11px;color:#74889c}.cloud-tag i{width:6px;height:6px;background:#35a88c;border-radius:50%}main{max-width:1600px;margin:auto;padding:32px 36px 18px}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px}.page-heading .muted{margin-bottom:0}.page-heading .eyebrow{margin-bottom:10px}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:26px}.stat{background:white;border:1px solid var(--line);border-radius:var(--radius);padding:19px 22px 15px}.stat>span{font-size:12px;color:#6b7c92}.stat>div{display:flex;align-items:baseline;gap:8px;margin:13px 0 6px}.stat strong{font-size:31px;font-weight:650;letter-spacing:-.8px;font-variant-numeric:tabular-nums}.stat small{font-size:11px;color:#91a0b3}.stat p{font-size:10px;color:#a1adbc;margin:0}.stat.warning strong{color:#d58731}.time-stat strong{font-size:27px}.filter-bar{display:flex;align-items:flex-end;gap:14px;border:1px solid var(--line);border-radius:var(--radius);padding:18px 20px;background:white}.filter-bar label{flex:1;min-width:110px;color:#75839a;font-size:11px}.filter-bar input,.filter-bar select{font-size:12px;padding:9px 10px;height:37px}.filter-bar .search-label{max-width:190px}.filter-bar .refresh-toggle{flex:0 0 auto;flex-direction:row;align-items:center;height:37px;gap:7px;min-width:0;white-space:nowrap}.refresh-toggle input{width:14px;height:14px}.list-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:24px 1px 16px;color:#74839b;font-size:11px}.list-heading>span:first-child{font-weight:600;color:#53677f}.record-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.record-card{background:#fff;border-radius:var(--radius);border:1px solid var(--line);overflow:hidden;transition:box-shadow .2s,transform .2s}.record-card:hover{box-shadow:0 8px 24px #213e6610;transform:translateY(-2px)}.record-image{position:relative;display:block;border:0;border-bottom:1px solid #edf0f5;width:100%;height:195px;background:#edf0f3;padding:14px;overflow:hidden}.record-image img{height:100%;width:100%;object-fit:contain;transition:transform .3s;filter:drop-shadow(0 4px 7px #172e411a)}.record-image:hover img{transform:scale(1.035)}.image-overlay{position:absolute;right:12px;bottom:12px;font-size:10px;padding:5px 9px;background:#ffffffef;border:1px solid #fff;border-radius:5px;color:#64758b;opacity:0;transition:opacity .2s}.record-image:hover .image-overlay{opacity:1}.image-unavailable{display:flex;align-items:center;justify-content:center;font-size:12px;color:#8593a4}.record-info{padding:15px 17px 16px}.record-top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:11px}.record-sequence{font-size:15px;font-weight:650;letter-spacing:.2px}.record-sequence small{color:#9ba8b8;font-size:11px;font-weight:500;margin-right:5px}.badge{font-size:10px;border-radius:5px;padding:4px 7px;white-space:nowrap;color:#329071;background:#edf8f2}.badge.flagged{color:#b87921;background:#fff5e6}.badge.unknown{color:#8593a4;background:#f1f3f6}.record-bottom{display:flex;justify-content:space-between;gap:8px;font-size:10px;color:#97a3b3}.record-bottom time{font-variant-numeric:tabular-nums}.pagination{display:flex;align-items:center;justify-content:center;gap:22px;margin:28px 0 14px;font-size:12px;color:#7f8da2}.pagination .button{font-size:12px;min-height:34px;padding:8px 14px}.page-footer{display:flex;justify-content:space-between;gap:12px;margin-top:34px;border-top:1px solid var(--line);padding-top:16px;font-size:10px;color:#a1adbc}.empty-state{text-align:center;padding:68px 16px;color:#99a6b8;background:white;border:1px dashed #dce3ed;border-radius:14px}.empty-state>span{font-size:36px;color:#9cafd0}.empty-state h2{font-size:16px;color:#657890;margin:15px 0 8px}.empty-state p{font-size:12px;margin:0}.error-banner,.demo-banner{padding:12px 16px;border-radius:8px;font-size:12px;margin-bottom:18px;line-height:1.7}.error-banner{background:#fff0ee;color:#b54535;border:1px solid #f6d9d4}.demo-banner{background:#fff5dc;color:#906b20}.permission-note{padding:18px 20px;background:#eaf1fd;border:1px solid #dce8fb;color:#607997;font-size:12px;border-radius:10px;margin-bottom:24px;line-height:1.8}.users-panel{background:white;border:1px solid var(--line);border-radius:12px;overflow:hidden}.user-row{display:grid;grid-template-columns:1.2fr .8fr 1.3fr .6fr 1fr;align-items:center;gap:14px;padding:20px 22px;border-bottom:1px solid #eef1f5;font-size:12px}.user-row:last-child{border-bottom:0}.user-table-header{background:#fafbfc;color:#95a2b4;font-size:11px;padding-top:13px;padding-bottom:13px}.user-identity{display:flex;gap:10px;align-items:center;min-width:0}.user-identity strong{overflow-wrap:anywhere}.user-devices{color:#8796aa;font-size:11px;overflow-wrap:anywhere}.user-actions{display:flex;gap:16px}.danger{color:#ce685b}.icon-button{font-size:23px;line-height:1;border:0;border-radius:7px;background:none;color:inherit;min-width:36px;min-height:36px}.icon-button:hover{background:#9aaec51a}.form-dialog{width:min(460px,calc(100% - 28px));border:0;border-radius:16px;padding:28px;max-height:90dvh;color:var(--ink);box-shadow:0 24px 100px #15294330}.form-dialog::backdrop,.image-dialog::backdrop{background:#10233899;backdrop-filter:blur(4px)}.dialog-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.dialog-heading h2{margin:0;font-size:20px}.form-dialog label{margin-bottom:17px}.form-dialog fieldset{border:1px solid var(--line);border-radius:8px;margin:0 0 18px;padding:12px 14px}.form-dialog legend{font-size:12px;color:#6a7e99;padding:0 5px}.form-dialog .checkbox-line,#device-checkboxes label{flex-direction:row;align-items:center;font-size:12px;gap:8px;margin:7px 0}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:23px}.form-error{font-size:12px;color:#c35749;min-height:18px;margin:8px 0}.image-dialog{position:fixed;inset:0;margin:0;width:100%;max-width:100%;height:100dvh;max-height:100dvh;padding:0;border:0;border-radius:0;background:#192430;color:#e1e7ef;overflow:hidden}.image-dialog[open]{display:flex;flex-direction:column}.image-header{display:flex;align-items:center;justify-content:space-between;padding:17px 22px;gap:14px;border-bottom:1px solid #ffffff10}.image-header h2{font-size:16px;margin:0 0 4px}.image-header p{font-size:11px;color:#a2b0c1;margin:0}.image-stage{flex:1;min-height:0;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#111a23;touch-action:none;cursor:grab}.image-stage:active{cursor:grabbing}.image-stage img{max-height:calc(100% - 32px);max-width:calc(100% - 32px);object-fit:contain;user-select:none;will-change:transform}.image-stage>p,.image-stage>button{position:absolute;font-size:12px}.image-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 20px;border-top:1px solid #ffffff10}.image-toolbar>span{font-size:10px;color:#7e91a7}.image-toolbar>div{display:flex;align-items:center;gap:14px}.image-toolbar .text-button{color:#a8b9ce}.toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%);background:#1d344c;color:white;border-radius:9px;padding:12px 22px;box-shadow:0 8px 30px #15294330;z-index:20;font-size:13px;max-width:90vw}.boot{min-height:100dvh;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:18px;color:#8b9bb1}.login-screen{min-height:100dvh;display:grid;grid-template-columns:1fr 1fr;background:white}.login-story{background:#132b49;color:white;padding:45px 50px;display:flex;flex-direction:column;position:relative;overflow:hidden}.login-story:after{content:"";position:absolute;width:650px;height:650px;border:1px solid #ffffff06;border-radius:50%;bottom:-330px;left:-80px;box-shadow:0 0 0 70px #ffffff03,0 0 0 140px #ffffff02;pointer-events:none}.story-copy{margin:auto 0;position:relative;z-index:1;padding:60px 0}.story-copy .eyebrow{color:#7ea2d4;font-size:11px}.story-copy h1{font-size:42px;letter-spacing:0;line-height:1.5;margin:20px 0}.story-copy>p:not(.eyebrow){color:#91a9c5;line-height:2;font-size:14px}.story-footer{font-size:9px;color:#587699;letter-spacing:2px}.story-lines{display:flex;align-items:center;gap:10px;height:90px;margin-top:38px}.story-lines i{width:10px;height:32px;background:#5fa0ee33;border-radius:9px}.story-lines i:nth-child(2n){height:62px;background:#67b6e04a}.story-lines i:nth-child(3n){height:82px;background:#72d2b85a}.login-panel{display:flex;align-items:center;justify-content:center;padding:40px}.login-form{width:100%;max-width:340px}.login-form h2{font-size:28px;margin-bottom:12px}.login-form>.muted{margin-bottom:35px}.login-form label{margin-bottom:22px;gap:10px}.login-form input{padding:13px}.login-form .button{padding:13px 18px}.login-note{text-align:center;font-size:11px;color:#9ba8b9;margin-top:22px}
@media(min-width:1500px){.record-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.record-image{height:210px}}
@media(max-width:1150px){main{padding:26px 24px 18px}.topbar{padding:0 24px}.app-shell{grid-template-columns:190px minmax(0,1fr)}.sidebar{padding:26px 16px 18px}.stats{gap:10px}.stat{padding:16px 14px}.stat strong{font-size:27px}.time-stat strong{font-size:23px}.filter-bar{flex-wrap:wrap}.filter-bar label{min-width:135px}.filter-bar .search-label{max-width:none}.record-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.user-row{gap:10px;padding:18px 14px}.story-copy h1{font-size:35px}.login-story{padding:38px}}
@media(max-width:720px){.app-shell{display:block}.sidebar{position:relative;width:100%;height:auto;display:grid;grid-template-columns:1fr auto;gap:14px;padding:18px 18px 0;border-right:0;border-bottom:1px solid var(--line)}.brand{font-size:20px}.brand-mark{width:34px;height:34px;font-size:22px}.brand-sub{font-size:9px}.nav-caption,.sidebar-foot,.account{display:none}.sidebar nav{grid-column:1/-1;grid-row:2;display:flex;gap:8px}.nav-item{width:auto;padding:12px 16px;border-radius:8px 8px 0 0;margin:0;font-size:12px}.nav-item span{font-size:18px}.sidebar-bottom{grid-column:2;grid-row:1;align-self:center}.account-actions{margin:0;gap:12px}.account-actions .text-button{font-size:11px}.topbar{height:45px;padding:0 18px;font-size:10px}.cloud-tag{font-size:10px}.crumb{padding:0 8px}main{padding:23px 16px 18px}.page-heading{gap:12px;margin-bottom:20px}.page-heading h1{font-size:25px}.page-heading .eyebrow{font-size:9px;margin-bottom:8px}.page-heading .muted{font-size:11px}.page-heading .button{padding:9px 12px;font-size:11px;min-height:35px}.stats{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:18px}.stat{padding:16px}.stat>span{font-size:11px}.stat strong{font-size:29px}.time-stat strong{font-size:25px}.stat p{font-size:9px}.stat>div{margin-top:10px}.filter-bar{display:grid;grid-template-columns:1fr 1fr;padding:14px;gap:14px 10px}.filter-bar label{min-width:0}.filter-bar .refresh-toggle{grid-column:1/-1;height:auto;justify-content:flex-end}.list-heading{font-size:10px;flex-wrap:wrap;margin:20px 0 12px;gap:6px}.record-grid{gap:12px}.record-image{height:155px;padding:10px}.record-info{padding:12px 10px}.record-top{gap:4px;flex-wrap:wrap;margin-bottom:8px}.record-sequence{font-size:14px}.badge{font-size:9px;padding:3px 5px}.record-bottom{flex-direction:column;gap:5px;font-size:9px}.image-overlay{display:none}.page-footer{font-size:9px;flex-direction:column;gap:5px;margin-top:25px}.user-table-header{display:none}.user-row{grid-template-columns:1fr auto;padding:18px;gap:10px}.user-identity{grid-column:1;grid-row:1}.user-row>.user-role{grid-column:2;grid-row:1}.user-devices{grid-column:1;grid-row:2}.user-status{grid-column:2;grid-row:2}.user-actions{grid-column:1/-1;justify-content:flex-end;border-top:1px solid #f0f2f6;padding-top:8px}.permission-note{font-size:11px;padding:14px}.form-dialog{padding:22px}.image-dialog{width:100%;max-width:100%;height:100dvh;max-height:100dvh;border:0;border-radius:0}.image-header{padding:15px}.image-toolbar{padding:12px}.image-toolbar>span{font-size:9px}.image-toolbar>div{gap:5px}.login-screen{display:block}.login-story{padding:25px 25px 28px}.story-copy{padding:25px 0 0;margin:0}.story-copy h1{font-size:26px;margin:10px 0;line-height:1.5}.story-copy h1 br{display:none}.story-copy>.eyebrow,.story-copy>p:not(.eyebrow),.story-lines,.story-footer{display:none}.login-panel{padding:32px 25px}.login-form h2{font-size:24px}.login-form>.muted{margin-bottom:24px}.login-form label{margin-bottom:18px}.login-form .eyebrow{display:none}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}

.record-delete{display:block;margin-top:12px;padding:8px 0;min-height:36px}

.image-stage>.image-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:48px;height:64px;border:1px solid #ffffff30;border-radius:10px;background:#192430d9;color:#fff;font-size:38px;line-height:1;touch-action:manipulation}.image-nav-prev{left:16px}.image-nav-next{right:16px}.image-nav:disabled{opacity:.25}.image-nav:focus-visible{outline:2px solid #93c5fd;outline-offset:3px}@media(max-width:720px){.image-stage>.image-nav{width:36px;height:52px;font-size:30px}.image-nav-prev{left:8px}.image-nav-next{right:8px}}

.brand{white-space:nowrap;letter-spacing:0}.brand-mark{flex-shrink:0}