:root{font-family:"PingFang SC","Microsoft YaHei",system-ui,sans-serif;color:#16213A;background:#F6F8FC}*{box-sizing:border-box}body{margin:0;background:#F6F8FC}button,input,select{font:inherit}button{border:1px solid transparent;border-radius:8px;background:#2563EB;color:#fff;padding:.62rem .9rem;cursor:pointer;font-weight:650;transition:box-shadow .18s,border-color .18s,background .18s}button:hover{background:#1D4ED8;box-shadow:0 3px 10px #1e3a5f1c}.secondary{background:#fff;color:#3D4B62;border-color:#D7E0EC}.secondary:hover{background:#F8FAFD;border-color:#93B8F8}.icon-button{width:36px;height:36px;padding:0;display:grid;place-items:center;background:transparent;color:#52627A;border-color:transparent;font-size:1.1rem}.icon-button:hover{background:#EEF4FF;color:#2563EB;box-shadow:none}.danger{background:#D9534F}.danger:hover{background:#C33F3B}[hidden]{display:none!important}.login{min-height:100vh;display:grid;place-items:center;padding:1.5rem}.login section{width:min(420px,100%);background:#fff;border:1px solid #E6EBF2;border-radius:14px;padding:2.3rem;box-shadow:0 12px 28px #253b5b12}.login .brand-mark{margin-bottom:1rem}.login h1{margin:.25rem 0;font-size:1.55rem}.login p{color:#718096;font-size:.92rem;line-height:1.7}.login form,label{display:grid;gap:.42rem}.login form{gap:1rem;margin-top:1.5rem}.login form button{margin-top:.25rem}input,select{width:100%;border:1px solid #D8E1EC;border-radius:8px;padding:.64rem .7rem;background:#fff;color:#16213A;outline:0;transition:border-color .18s,box-shadow .18s}input:focus,select:focus{border-color:#2563EB;box-shadow:0 0 0 3px #2563eb18}output{color:#C33F3B;font-size:.87rem;min-height:1.1rem}.sidebar{position:fixed;z-index:20;inset:0 auto 0 0;width:240px;background:#fff;border-right:1px solid #E6EBF2;display:flex;flex-direction:column;padding:22px 14px}.brand{display:flex;align-items:center;gap:10px;padding:0 9px 27px}.brand strong{display:block;font-size:.97rem}.brand small,.sidebar small{display:block;color:#718096;font-size:.75rem;margin-top:3px}.brand-mark{width:32px;height:32px;border-radius:9px;background:#2563EB;color:#fff;display:grid;place-items:center;font-weight:800;box-shadow:0 4px 10px #2563eb33}.nav{display:grid;gap:5px}.nav-item{position:relative;width:100%;text-align:left;background:transparent;color:#506077;padding:.72rem .8rem;box-shadow:none}.nav-item span{display:inline-grid;width:22px;place-items:center;margin-right:6px;font-weight:800}.nav-item:hover{background:#F5F8FD;color:#2563EB;box-shadow:none}.nav-item.active{background:#EFF6FF;color:#2563EB}.nav-item.active:before{content:"";position:absolute;left:-14px;top:9px;bottom:9px;width:3px;border-radius:0 3px 3px 0;background:#2563EB}.sidebar-bottom{margin-top:auto;border-top:1px solid #EDF1F6;padding:17px 9px 0}.service-state,.admin-card{display:flex;align-items:center;gap:9px}.service-state i,.service-badge i{width:8px;height:8px;border-radius:50%;background:#16A34A;display:inline-block}.service-state strong,.admin-card strong{display:block;font-size:.82rem}.admin-card{margin-top:18px;padding-top:16px;border-top:1px solid #EDF1F6}.avatar{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#DBEAFE;color:#1D4ED8;font-weight:750;font-size:.8rem}.shell{margin-left:240px;min-height:100vh}.topbar{height:72px;position:sticky;z-index:10;top:0;display:flex;align-items:center;justify-content:space-between;padding:0 38px;background:#ffffffed;backdrop-filter:blur(10px);border-bottom:1px solid #E6EBF2}.topbar-left,.topbar-right{display:flex;align-items:center;gap:12px}.crumb{margin:0 0 3px;color:#718096;font-size:.75rem}.topbar h2{font-size:1rem;margin:0}.today{color:#718096;font-size:.84rem}.top-avatar{margin-left:3px}.menu-button{display:none}.content-wrap{max-width:1600px;margin:0 auto;padding:38px 42px 54px}.page{display:none}.page.active{display:block}.page-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:25px}.eyebrow{color:#2563EB;font-size:.72rem;font-weight:750;letter-spacing:.1em;margin:0 0 7px}.page-heading h1{font-size:1.75rem;letter-spacing:-.02em;margin:0;color:#16213A}.page-heading>div>p:last-child{color:#718096;margin:8px 0 0;font-size:.92rem}.service-badge{display:flex;align-items:center;gap:7px;white-space:nowrap;background:#F0FDF4;border:1px solid #C9F0D7;color:#16703A;padding:.53rem .7rem;border-radius:8px;font-size:.82rem;font-weight:650}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:28px}.metrics article,.asset-card,.cards .card,.device-list,.record-list,.guide-grid article{background:#fff;border:1px solid #E6EBF2;border-radius:12px;box-shadow:0 3px 10px #253b5b09}.metrics article{padding:18px 20px}.metrics small{color:#718096;display:block}.metrics strong{font-size:1.5rem;display:block;margin:6px 0;color:#16213A}.metrics span{color:#718096;font-size:.78rem}.section-heading{margin:26px 0 12px;display:flex;justify-content:space-between;align-items:flex-end;gap:15px}.section-heading h2{margin:0;font-size:1.05rem}.section-heading p{margin:5px 0 0;color:#718096;font-size:.84rem}.content-top{display:grid;grid-template-columns:1fr 1fr;gap:16px}.asset-card{padding:17px 18px}.asset-card:hover,.cards .card:hover,.device-list:hover,.record-list:hover,.guide-grid article:hover{border-color:#B8D1FB;box-shadow:0 6px 16px #253b5b10}.asset-title{display:flex;align-items:center;gap:11px}.asset-title h3{margin:0;font-size:.97rem}.asset-title p{font-size:.78rem;color:#718096;margin:3px 0 0}.asset-icon{width:36px;height:36px;border-radius:9px;display:grid;place-items:center;font-size:.7rem;font-weight:800}.pdf-icon{background:#FEF2F2;color:#C33F3B}.html-icon{background:#EFF6FF;color:#2563EB}.upload{margin-left:auto;border:1px solid #C7D9F9;border-radius:7px;padding:.42rem .6rem;color:#2563EB;font-size:.8rem;font-weight:700;cursor:pointer}.upload:hover{background:#F3F7FF}.list{margin-top:14px;border-top:1px solid #EDF1F6}.row{padding:10px 0;border-bottom:1px solid #EDF1F6;display:flex;justify-content:space-between;align-items:center;gap:.5rem}.row:last-child{border-bottom:0}.row>div:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row small{color:#718096;font-size:.75rem}.row a{color:#2563EB}.row-actions{display:flex;align-items:center;gap:.45rem;flex:none}.tag{font-size:.72rem;padding:.2rem .45rem;border-radius:20px;background:#EDF2F7;color:#52627A;white-space:nowrap}.tag.online{background:#ECFDF3;color:#16803E}.tag.partial{background:#FFF7E8;color:#B45309}.tag.offline{background:#FFF1F1;color:#C2413C}.delete-asset{background:transparent;color:#C2413C;border-color:#F3CACA;padding:.28rem .45rem;font-size:.74rem}.delete-asset:hover{background:#FFF5F5;color:#B42318;box-shadow:none}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:14px}.cards .card{padding:18px;transition:box-shadow .18s,border-color .18s}.group-card-head{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.group-card-head h3{margin:0;font-size:1rem}.key{font:11px ui-monospace,monospace;color:#718096;background:#F1F5F9;padding:3px 5px;border-radius:4px;margin-left:5px}.state{color:#718096;font-size:.8rem;line-height:1.55;min-height:2.5em;margin:13px 0}.card label{display:grid;gap:5px;color:#52627A;font-size:.78rem;margin-top:10px}.actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}.actions button{font-size:.8rem;padding:.55rem .5rem}.actions .wide{grid-column:span 2}.device-list{padding:5px 18px}.device-row{padding:12px 0;display:flex;justify-content:space-between;align-items:center;gap:10px;border-bottom:1px solid #EDF1F6}.device-row:last-child{border-bottom:0}.device-row strong{display:block;font-size:.9rem}.device-row small{color:#718096;font-size:.78rem}.record-list{padding:2px 20px}.record{padding:15px 0;border-bottom:1px solid #EDF1F6;display:flex;justify-content:space-between;gap:15px}.record:last-child{border-bottom:0}.record strong{font-size:.9rem;display:block}.record p{margin:4px 0 0;color:#718096;font-size:.8rem}.record time{color:#718096;white-space:nowrap;font-size:.77rem}.empty{color:#718096;padding:24px 0;text-align:center}.guide-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.guide-grid article{padding:21px}.guide-grid b{width:30px;height:30px;display:grid;place-items:center;border-radius:8px;background:#EFF6FF;color:#2563EB}.guide-grid h3{font-size:1rem;margin:14px 0 7px}.guide-grid p{margin:0;color:#718096;line-height:1.65;font-size:.87rem}dialog{border:0;border-radius:12px;box-shadow:0 14px 50px #11182755;width:min(480px,92vw)}dialog::backdrop{background:#16213a55}dialog form,label{display:grid;gap:.5rem}dialog form{gap:1rem}dialog small{color:#718096}menu{display:flex;justify-content:flex-end;gap:.6rem;padding:0;margin:.5rem 0 0}#toast{position:fixed;z-index:50;bottom:22px;right:22px;background:#16213A;color:#fff;padding:.75rem 1rem;border-radius:8px;opacity:0;transform:translateY(8px);transition:.2s;pointer-events:none;box-shadow:0 7px 20px #16213a33}#toast.show{opacity:1;transform:none}.drawer-backdrop{display:none}@media(max-width:900px){.sidebar{transform:translateX(-100%);transition:transform .2s}.sidebar.open{transform:none}.drawer-backdrop.open{display:block;position:fixed;inset:0;z-index:15;background:#16213a55}.shell{margin-left:0}.menu-button{display:grid}.content-wrap{padding:30px 24px}.topbar{padding:0 24px}.today{display:none}}@media(max-width:650px){.topbar{height:64px;padding:0 14px}.topbar-right{gap:3px}.refresh-button{width:36px;height:36px;padding:0;font-size:0}.refresh-button:first-letter{font-size:1.2rem}.topbar-right .top-avatar{display:none}.content-wrap{padding:25px 16px 40px}.page-heading h1{font-size:1.45rem}.page-heading{margin-bottom:20px}.service-badge{display:none}.metrics,.content-top,.guide-grid{grid-template-columns:1fr}.metrics{gap:10px}.section-heading{align-items:flex-start;flex-direction:column}.cards{grid-template-columns:1fr}.asset-title{flex-wrap:wrap}.asset-title .upload{margin-left:auto}.actions{grid-template-columns:1fr}.actions .wide{grid-column:auto}.device-row{align-items:flex-start;flex-direction:column}.record{flex-direction:column;gap:5px}}