:root{
  --primary:#2563eb;--primary-hover:#1d4ed8;--primary-soft:#eff6ff;--primary-border:#bfdbfe;
  --navy:#0f2747;--text:#172033;--text-2:#44536a;--muted:#7b8797;--page:#f4f7fb;--card:#fff;
  --line:#e4eaf2;--line-2:#edf1f6;--success:#0f9f6e;--success-soft:#eafaf4;--warning:#c77812;
  --warning-soft:#fff6e7;--danger:#dc4353;--danger-soft:#fff0f2;--purple:#6d5ce8;--purple-soft:#f1efff;
  --shadow:0 8px 28px rgba(28,55,90,.06);--shadow-lg:0 26px 80px rgba(21,46,82,.16);
  --sidebar:252px;--topbar:78px;--radius:16px;--radius-lg:22px;
}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;background:var(--page);color:var(--text);font-size:14px;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button{border:0}a{color:inherit;text-decoration:none}.hidden{display:none!important}

/* login */
.login-page{min-height:100vh;display:grid;grid-template-columns:minmax(420px,1.08fr) minmax(420px,.92fr);background:#fff}.login-brand-panel{position:relative;overflow:hidden;background:linear-gradient(145deg,#0c3f9b 0%,#175ccd 56%,#3b82f6 100%);color:#fff}.brand-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px);background-size:46px 46px;mask-image:linear-gradient(to bottom right,#000,transparent 85%)}.login-brand-panel:before,.login-brand-panel:after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.16)}.login-brand-panel:before{width:520px;height:520px;right:-170px;top:-170px;box-shadow:0 0 0 80px rgba(255,255,255,.025),0 0 0 160px rgba(255,255,255,.02)}.login-brand-panel:after{width:280px;height:280px;left:-130px;bottom:-90px;background:rgba(255,255,255,.035)}.login-brand-content{position:relative;z-index:2;min-height:100vh;padding:54px clamp(42px,6vw,88px);display:flex;flex-direction:column}.brand-lockup{display:flex;align-items:center;gap:14px}.brand-lockup>div:last-child{display:flex;flex-direction:column;gap:3px}.brand-lockup strong{font-size:18px}.brand-lockup span{font-size:11px;letter-spacing:1.6px;opacity:.65;text-transform:uppercase}.brand-logo{width:42px;height:42px;border-radius:13px;background:var(--primary);display:grid;place-items:center;color:#fff;font-size:20px;font-weight:850;box-shadow:0 10px 24px rgba(37,99,235,.22)}.brand-logo.large{width:48px;height:48px;background:#fff;color:#175ccd;box-shadow:0 12px 28px rgba(5,34,91,.2)}.login-copy{margin:auto 0}.eyebrow{display:inline-block;color:var(--primary);font-size:10px;font-weight:800;letter-spacing:2.2px;text-transform:uppercase}.eyebrow.light{color:#bcd5ff}.login-copy h1{font-size:clamp(34px,4.5vw,54px);line-height:1.26;margin:18px 0 22px;letter-spacing:-1.6px}.login-copy p{max-width:570px;font-size:16px;line-height:1.9;color:rgba(255,255,255,.74)}.login-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;border:1px solid rgba(255,255,255,.18);border-radius:18px;overflow:hidden;background:rgba(255,255,255,.1);backdrop-filter:blur(12px)}.login-metrics div{padding:18px 20px;background:rgba(8,49,123,.2)}.login-metrics b{display:block;font-size:15px}.login-metrics span{display:block;margin-top:5px;font-size:11px;opacity:.65}.login-form-panel{display:grid;place-items:center;padding:48px;background:#fff}.login-box{width:min(400px,100%)}.mobile-brand{display:none;align-items:center;gap:12px;margin-bottom:38px}.mobile-brand>div:last-child{display:flex;flex-direction:column}.mobile-brand span{font-size:11px;color:var(--muted);margin-top:3px}.login-box h2{font-size:30px;margin:10px 0 8px;letter-spacing:-.6px}.login-box .sub{margin:0 0 34px;color:var(--muted);line-height:1.65}.field-group{margin-bottom:20px}.field-group label{display:block;font-size:12px;font-weight:750;color:#354258;margin:0 0 9px}.input-wrap{height:52px;border:1px solid #d9e1ec;border-radius:13px;background:#fff;display:flex;align-items:center;position:relative;transition:.18s}.input-wrap:before{content:"";width:19px;height:19px;margin-left:15px;margin-right:11px;background:var(--muted);mask-repeat:no-repeat;mask-position:center;mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;-webkit-mask-size:contain}.input-wrap[data-icon="user"]:before{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8'%3E%3Ccircle cx='12' cy='8' r='3.5'/%3E%3Cpath d='M5 20c.5-4.6 2.8-7 7-7s6.5 2.4 7 7'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8'%3E%3Ccircle cx='12' cy='8' r='3.5'/%3E%3Cpath d='M5 20c.5-4.6 2.8-7 7-7s6.5 2.4 7 7'/%3E%3C/svg%3E")}.input-wrap[data-icon="lock"]:before{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8'%3E%3Crect x='5' y='10' width='14' height='11' rx='2'/%3E%3Cpath d='M8 10V7a4 4 0 0 1 8 0v3'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8'%3E%3Crect x='5' y='10' width='14' height='11' rx='2'/%3E%3Cpath d='M8 10V7a4 4 0 0 1 8 0v3'/%3E%3C/svg%3E")}.input-wrap:focus-within{border-color:#86adff;box-shadow:0 0 0 4px rgba(37,99,235,.09)}.input-wrap input{flex:1;height:100%;border:0;outline:0;background:transparent;padding:0 14px 0 0;color:var(--text)}.input-wrap input::placeholder{color:#a3adba}.login-security{display:flex;align-items:center;justify-content:center;gap:9px;margin-top:19px;color:#8a96a6;font-size:11px}.login-security i{width:7px;height:7px;border-radius:50%;background:#22b884;box-shadow:0 0 0 4px #e8f9f3}

/* core layout */
.app{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar);z-index:60;background:#fff;border-right:1px solid var(--line);display:flex;flex-direction:column;transition:transform .25s ease;box-shadow:4px 0 18px rgba(28,55,90,.025)}.sidebar-brand{height:var(--topbar);padding:0 20px;display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--line)}.sidebar-brand>div:last-child{display:flex;flex-direction:column;min-width:0}.sidebar-brand b{font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-brand span{font-size:10px;color:#99a4b3;margin-top:4px;letter-spacing:.25px}.menu{flex:1;padding:14px 11px 24px;overflow:auto;scrollbar-width:thin;scrollbar-color:#d9e2ef transparent}.menu-section{margin-bottom:13px}.menu-section>p{margin:0;padding:10px 12px 6px;color:#a0aaba;font-size:9px;font-weight:800;letter-spacing:1.3px;text-transform:uppercase}.menu-item{position:relative;width:100%;height:42px;padding:0 12px;border-radius:10px;background:transparent;color:#59677a;display:flex;align-items:center;gap:11px;cursor:pointer;text-align:left;transition:.16s}.menu-item:hover{background:#f4f7fb;color:#2d4a72}.menu-item.active{background:var(--primary-soft);color:var(--primary);font-weight:720}.menu-item.active:before{content:"";position:absolute;left:-11px;width:3px;height:22px;border-radius:0 3px 3px 0;background:var(--primary)}.menu-item i,.icon-btn i,.logout-btn i{width:18px;height:18px;display:block;background:currentColor;mask-repeat:no-repeat;mask-position:center;mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;-webkit-mask-size:contain}.menu-item span{font-size:13px}.menu-dot{position:absolute;right:14px;width:7px;height:7px;border-radius:50%;background:#f04454;box-shadow:0 0 0 3px #fff}.sidebar-foot{padding:13px 14px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.admin-mini{display:flex;align-items:center;gap:10px;min-width:0}.avatar-text,.top-avatar{display:grid;place-items:center;border-radius:12px;background:#e8f0ff;color:var(--primary);font-weight:800}.avatar-text{width:36px;height:36px}.admin-mini>div:last-child{display:flex;flex-direction:column;min-width:0}.admin-mini b{font-size:12px}.admin-mini span{font-size:10px;color:#98a2b3;margin-top:3px}.logout-btn{width:34px;height:34px;border-radius:9px;background:#f6f8fb;color:#7b8797;display:grid;place-items:center;cursor:pointer}.logout-btn:hover{background:var(--danger-soft);color:var(--danger)}.main{margin-left:var(--sidebar);min-height:100vh}.topbar{position:sticky;top:0;z-index:45;height:var(--topbar);padding:0 27px;background:rgba(255,255,255,.94);backdrop-filter:blur(16px);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.top-left,.top-actions{display:flex;align-items:center}.top-left{gap:13px}.topbar h1{font-size:20px;margin:0;letter-spacing:-.25px}.topbar p{margin:5px 0 0;color:#8792a1;font-size:11px}.top-actions{gap:10px}.top-avatar{width:38px;height:38px;margin-left:3px}.server-chip{height:32px;padding:0 11px;border:1px solid #d9eee7;border-radius:99px;background:#f1fbf7;color:#14825e;display:flex;align-items:center;gap:7px;font-size:10px;font-weight:650}.server-chip i{width:7px;height:7px;border-radius:50%;background:#20b985;box-shadow:0 0 0 4px rgba(32,185,133,.11)}.view-site{height:34px;padding:0 12px;border:1px solid var(--line);border-radius:9px;background:#fff;display:flex;align-items:center;font-size:11px;color:#546276}.view-site:hover{border-color:#a9c5ff;color:var(--primary)}.content{padding:22px 26px 44px;max-width:1680px;margin:0 auto}.mobile-menu{display:none}

/* icon masks */
[data-icon] i{mask-image:var(--icon);-webkit-mask-image:var(--icon)}
[data-icon="dashboard"]{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 3h8v8H3zM13 3h8v5h-8zM13 10h8v11h-8zM3 13h8v8H3z'/%3E%3C/svg%3E")}
[data-icon="users"],[data-icon="user"]{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='9' cy='8' r='3'/%3E%3Cpath d='M3.5 20c.4-4.5 2.3-7 5.5-7s5.1 2.5 5.5 7M16 7a3 3 0 0 1 0 6M16 14c3 0 4.6 1.7 5 5' fill='none' stroke='black' stroke-width='2'/%3E%3C/svg%3E")}
[data-icon="link"]{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M10 13a5 5 0 0 0 7.1.1l2-2a5 5 0 0 0-7.1-7.1l-1.1 1.1M14 11a5 5 0 0 0-7.1-.1l-2 2A5 5 0 0 0 12 20l1.1-1.1' fill='none' stroke='black' stroke-width='2'/%3E%3C/svg%3E")}
[data-icon="devices"]{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='3' y='4' width='14' height='11' rx='2' fill='none' stroke='black' stroke-width='2'/%3E%3Cpath d='M8 20h4M10 15v5M18 8h3v12h-7v-3' fill='none' stroke='black' stroke-width='2'/%3E%3C/svg%3E")}
[data-icon="pulse"],[data-icon="health"]{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 12h4l2-6 4 12 2-6h6' fill='none' stroke='black' stroke-width='2'/%3E%3C/svg%3E")}
[data-icon="chat"],[data-icon="message"],[data-icon="feedback"]{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 19l-2 2 1-5a9 9 0 1 1 4 4' fill='none' stroke='black' stroke-width='2'/%3E%3Cpath d='M8 9h8M8 13h5' fill='none' stroke='black' stroke-width='2'/%3E%3C/svg%3E")}
[data-icon="flag"]{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 21V4M5 5h12l-2 4 2 4H5' fill='none' stroke='black' stroke-width='2'/%3E%3C/svg%3E")}
[data-icon="shield"],[data-icon="shield-alert"]{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 3 5 6v5c0 5 3 8 7 10 4-2 7-5 7-10V6l-7-3Z' fill='none' stroke='black' stroke-width='2'/%3E%3Cpath d='M12 8v5M12 16h.01' fill='none' stroke='black' stroke-width='2'/%3E%3C/svg%3E")}
[data-icon="invite"],[data-icon="send"]{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m3 4 18 8-18 8 3-8-3-8ZM6 12h15' fill='none' stroke='black' stroke-width='2'/%3E%3C/svg%3E")}
[data-icon="bell"]{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M18 8a6 6 0 0 0-12 0c0 7-3 7-3 9h18c0-2-3-2-3-9ZM10 21h4' fill='none' stroke='black' stroke-width='2'/%3E%3C/svg%3E")}
[data-icon="wallet"]{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 7.5h14a2 2 0 0 1 2 2V18a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V7a3 3 0 0 1 3-3h11M16 12h4v4h-4a2 2 0 0 1 0-4Z' fill='none' stroke='black' stroke-width='2'/%3E%3C/svg%3E")}
[data-icon="crown"]{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m3 7 4 4 5-7 5 7 4-4-2 12H5L3 7Z' fill='none' stroke='black' stroke-width='2'/%3E%3C/svg%3E")}
[data-icon="number"]{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8 3 5 21M16 3l-3 18M3 9h18M2 15h18' fill='none' stroke='black' stroke-width='2'/%3E%3C/svg%3E")}
[data-icon="update"]{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20 11a8 8 0 1 0-2 5M20 4v7h-7M12 8v8M8 12l4-4 4 4' fill='none' stroke='black' stroke-width='2'/%3E%3C/svg%3E")}
[data-icon="reliability"]{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m12 3 8 5-8 5-8-5 8-5ZM4 12l8 5 8-5M4 16l8 5 8-5' fill='none' stroke='black' stroke-width='2'/%3E%3C/svg%3E")}
[data-icon="bug"]{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='7' y='6' width='10' height='14' rx='5' fill='none' stroke='black' stroke-width='2'/%3E%3Cpath d='M9 6V3M15 6V3M4 10h3M17 10h3M4 15h3M17 15h3M10 11v4M14 11v4' fill='none' stroke='black' stroke-width='2'/%3E%3C/svg%3E")}
[data-icon="terminal"]{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='3' y='4' width='18' height='16' rx='2' fill='none' stroke='black' stroke-width='2'/%3E%3Cpath d='m7 9 3 3-3 3M13 15h4' fill='none' stroke='black' stroke-width='2'/%3E%3C/svg%3E")}
[data-icon="database"]{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cellipse cx='12' cy='5' rx='8' ry='3' fill='none' stroke='black' stroke-width='2'/%3E%3Cpath d='M4 5v6c0 1.7 3.6 3 8 3s8-1.3 8-3V5M4 11v6c0 1.7 3.6 3 8 3s8-1.3 8-3v-6' fill='none' stroke='black' stroke-width='2'/%3E%3C/svg%3E")}
[data-icon="file"]{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 3h8l4 4v14H6V3ZM14 3v5h5M9 13h6M9 17h6' fill='none' stroke='black' stroke-width='2'/%3E%3C/svg%3E")}
[data-icon="user-minus"]{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='9' cy='8' r='3' fill='none' stroke='black' stroke-width='2'/%3E%3Cpath d='M3.5 20c.4-4.5 2.3-7 5.5-7s5.1 2.5 5.5 7M16 12h6' fill='none' stroke='black' stroke-width='2'/%3E%3C/svg%3E")}
[data-icon="history"],[data-icon="audit"]{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 12a9 9 0 1 0 3-6.7L3 8M3 3v5h5M12 7v5l3 2' fill='none' stroke='black' stroke-width='2'/%3E%3C/svg%3E")}
[data-icon="settings"]{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='3' fill='none' stroke='black' stroke-width='2'/%3E%3Cpath d='M19 14.5a7.5 7.5 0 0 0 0-5l2-1-2-3-2 1a8 8 0 0 0-4-2V2H9v2.5a8 8 0 0 0-4 2l-2-1-2 3 2 1a7.5 7.5 0 0 0 0 5l-2 1 2 3 2-1a8 8 0 0 0 4 2V22h4v-2.5a8 8 0 0 0 4-2l2 1 2-3-2-1Z' fill='none' stroke='black' stroke-width='1.5'/%3E%3C/svg%3E")}
[data-icon="logout"]{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M10 4H5v16h5M14 8l4 4-4 4M8 12h10' fill='none' stroke='black' stroke-width='2'/%3E%3C/svg%3E")}
[data-icon="menu"]{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 7h16M4 12h16M4 17h16' fill='none' stroke='black' stroke-width='2'/%3E%3C/svg%3E")}
[data-icon="refresh"]{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20 11a8 8 0 1 0-2 5M20 4v7h-7' fill='none' stroke='black' stroke-width='2'/%3E%3C/svg%3E")}
[data-icon="close"]{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m6 6 12 12M18 6 6 18' fill='none' stroke='black' stroke-width='2'/%3E%3C/svg%3E")}

/* controls */
.btn{height:40px;padding:0 16px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-size:12px;font-weight:720;cursor:pointer;transition:.16s}.btn-primary{background:var(--primary);color:#fff;box-shadow:0 7px 18px rgba(37,99,235,.18)}.btn-primary:hover{background:var(--primary-hover);transform:translateY(-1px)}.btn-light{background:#fff;color:#4d5c71;border:1px solid var(--line)}.btn-light:hover{border-color:#b9cdf5;color:var(--primary)}.btn-danger{background:var(--danger-soft);color:var(--danger)}.btn-success{background:var(--success-soft);color:var(--success)}.btn-warning{background:var(--warning-soft);color:var(--warning)}.btn-block{width:100%;height:50px}.icon-btn{width:36px;height:36px;border-radius:10px;background:#f5f7fa;color:#69768a;display:grid;place-items:center;cursor:pointer}.icon-btn:hover{background:#eaf1ff;color:var(--primary)}.icon-btn i{width:17px;height:17px}.mini-btn{min-height:29px;border-radius:8px;padding:6px 10px;font-size:10px;font-weight:750;cursor:pointer}.mini-btn.btn-primary{background:var(--primary);color:#fff}.table-link{border:0;background:transparent;padding:3px 5px;color:var(--primary);font-size:11px;cursor:pointer;font-weight:650}.table-link.danger{color:var(--danger)}.input,.select,.textarea{height:40px;border:1px solid #dce4ef;border-radius:10px;background:#fff;padding:0 12px;outline:0;color:var(--text);font-size:12px;transition:.16s}.textarea{height:auto;min-height:86px;padding:10px 12px;resize:vertical}.input:focus,.select:focus,.textarea:focus{border-color:#8db1ff;box-shadow:0 0 0 4px rgba(37,99,235,.08)}.search-input{min-width:260px}.select{padding-right:30px}.toolbar{min-height:66px;padding:13px 16px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}.toolbar-left,.toolbar-right{display:flex;align-items:center;gap:8px;flex-wrap:wrap}

/* panels and dashboard */
.panel{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.panel+.panel{margin-top:16px}.panel-head{min-height:66px;padding:15px 18px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:14px}.panel-head h3{margin:0;font-size:14px}.panel-head p{margin:5px 0 0;color:#8a95a4;font-size:10px}.panel-body{padding:18px}.stats-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:13px;margin-bottom:16px}.stat-card{min-height:126px;padding:18px;background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.stat-card .label{display:block;color:#7e8a9a;font-size:10px;font-weight:650}.stat-card strong{display:block;margin-top:10px;font-size:25px;line-height:1;color:#172033;letter-spacing:-.6px}.stat-card small{display:block;margin-top:11px;color:#9aa4b2;font-size:9px;line-height:1.5}.stat-icon{width:38px;height:38px;border-radius:11px;background:#edf4ff;color:var(--primary);display:grid;place-items:center;font-size:17px;font-weight:800}.stat-icon svg{width:18px;height:18px}.stat-card.success .stat-icon{background:var(--success-soft);color:var(--success)}.stat-card.warning .stat-icon{background:var(--warning-soft);color:var(--warning)}.stat-card.danger .stat-icon{background:var(--danger-soft);color:var(--danger)}.hero-dashboard{position:relative;min-height:145px;padding:26px 30px;border-radius:20px;background:linear-gradient(115deg,#0f4eb8,#2563eb 58%,#4d8df7);color:#fff;display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;overflow:hidden;box-shadow:0 18px 44px rgba(37,99,235,.18)}.hero-dashboard:after{content:"";position:absolute;width:280px;height:280px;border-radius:50%;right:-65px;top:-115px;border:1px solid rgba(255,255,255,.2);box-shadow:0 0 0 48px rgba(255,255,255,.035),0 0 0 96px rgba(255,255,255,.025)}.hero-dashboard>div{position:relative;z-index:2}.hero-dashboard span{font-size:9px;letter-spacing:2.3px;opacity:.7}.hero-dashboard h2{font-size:27px;margin:9px 0 7px}.hero-dashboard p{margin:0;font-size:12px;opacity:.72}.live-chip{padding:9px 13px;border-radius:99px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.12);display:flex;align-items:center;gap:8px;font-size:11px}.live-chip i{width:7px;height:7px;border-radius:50%;background:#62e5b4;box-shadow:0 0 0 5px rgba(98,229,180,.14)}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(310px,.75fr);gap:16px;margin-bottom:16px}.ops-map-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,.65fr);gap:16px;margin-bottom:16px}.china-ops{display:grid;grid-template-columns:minmax(350px,1fr) 210px;gap:18px;align-items:center}.china-ops svg{width:100%;height:330px}.china-shape{fill:#edf4ff;stroke:#9dbcf5;stroke-width:.7}.map-point circle{fill:#2563eb;opacity:.82;stroke:#fff;stroke-width:1}.map-point text{font-size:2.7px;fill:#4d5d74;text-anchor:middle;font-weight:700}.map-ranking{display:flex;flex-direction:column;gap:7px}.map-ranking>div{display:grid;grid-template-columns:23px 1fr auto;align-items:center;gap:8px;padding:9px 10px;border-radius:10px;background:#f7f9fc}.map-ranking span{width:22px;height:22px;border-radius:6px;background:#e8f0ff;color:#2563eb;display:grid;place-items:center;font-size:9px;font-weight:800}.map-ranking b{font-size:11px}.map-ranking em{font-style:normal;color:#7d8999;font-size:9px}.device-bars{display:flex;flex-direction:column;gap:16px}.device-bars>div{display:grid;grid-template-columns:72px 1fr 46px;align-items:center;gap:9px}.device-bars span{font-size:11px;color:#5e6b7e}.device-bars i{display:block;height:8px;border-radius:99px;background:linear-gradient(90deg,#2563eb,#5b96ff);box-shadow:0 0 0 4px #eef4ff}.device-bars b{text-align:right;font-size:11px}.chart{height:235px;display:flex;align-items:flex-end;gap:7px;padding:22px 4px 0;overflow:hidden}.chart-col{position:relative;flex:1;height:100%;display:flex;align-items:flex-end;justify-content:center;min-width:14px}.chart-col b{position:absolute;top:0;font-size:8px;color:#7a8696;opacity:0;transition:.15s}.chart-col:hover b{opacity:1}.chart-bar{width:min(22px,68%);min-height:3px;border-radius:6px 6px 2px 2px;background:linear-gradient(180deg,#4e8bf7,#2563eb)}.chart-col span{position:absolute;bottom:-20px;color:#a0a9b5;font-size:8px;white-space:nowrap}.quick-list{display:flex;flex-direction:column}.quick-row{min-height:55px;padding:8px 0;border-bottom:1px solid var(--line-2);display:flex;align-items:center;justify-content:space-between;gap:12px}.quick-row:last-child{border-bottom:0}.quick-user{display:flex;align-items:center;gap:10px}.quick-avatar{width:34px;height:34px;border-radius:10px;background:#e9f1ff;color:var(--primary);display:grid;place-items:center;font-weight:800}.quick-user b{display:block;font-size:11px}.quick-user span{display:block;margin-top:4px;color:#8a95a4;font-size:9px}

/* tables */
.table-wrap{width:100%;overflow:auto}.table{width:100%;border-collapse:collapse;min-width:900px}.table th{height:43px;padding:0 14px;text-align:left;background:#f8fafc;color:#7e8998;font-size:9px;font-weight:800;white-space:nowrap;border-bottom:1px solid var(--line);letter-spacing:.2px}.table td{padding:12px 14px;border-bottom:1px solid var(--line-2);font-size:11px;color:#4c5a6e;vertical-align:middle}.table tbody tr:hover td{background:#fbfdff}.table tbody tr:last-child td{border-bottom:0}.table b{color:#253246}.table small{color:#8b96a5;line-height:1.55}.table-user{display:flex;align-items:center;gap:10px}.table-user img{width:36px;height:36px;border-radius:11px;object-fit:cover;background:#eef2f7}.table-user b,.table-user span{display:block}.table-user span{margin-top:3px;color:#8d98a7;font-size:9px}.badge{display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border-radius:99px;background:#eef1f5;color:#647184;font-size:9px;font-weight:750;white-space:nowrap}.badge.purple{background:var(--purple-soft);color:var(--purple)}.badge.green{background:var(--success-soft);color:var(--success)}.badge.red{background:var(--danger-soft);color:var(--danger)}.badge.orange{background:var(--warning-soft);color:var(--warning)}.badge.blue{background:var(--primary-soft);color:var(--primary)}.actions-inline{display:flex;align-items:center;gap:5px;flex-wrap:wrap}.pagination{padding:14px 16px;display:flex;justify-content:flex-end;align-items:center;gap:7px;border-top:1px solid var(--line)}.page-btn{height:30px;padding:0 10px;border:1px solid var(--line);border-radius:8px;background:#fff;color:#667386;font-size:10px;cursor:pointer}.page-btn.active{background:var(--primary);border-color:var(--primary);color:#fff}.page-btn:disabled{opacity:.42;cursor:not-allowed}

/* settings, health, reports */
.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.settings-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:19px;box-shadow:var(--shadow)}.settings-card h3{font-size:14px;margin:0 0 15px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.form-item{display:flex;flex-direction:column;gap:7px}.form-item.full{grid-column:1/-1}.form-item label{font-size:10px;color:#4e5d72;font-weight:750}.tip{font-size:9px;color:#8d98a7;line-height:1.65}.switch-row{min-height:56px;display:flex;align-items:center;justify-content:space-between;gap:18px;border-bottom:1px solid var(--line-2)}.switch-row:last-child{border-bottom:0}.switch-row b{font-size:11px}.switch-row span{display:block;margin-top:4px;color:#8b96a6;font-size:9px}.switch{width:40px;height:22px;border-radius:99px;background:#d7dee8;position:relative;cursor:pointer;flex:none;transition:.2s}.switch:after{content:"";position:absolute;width:16px;height:16px;left:3px;top:3px;border-radius:50%;background:#fff;box-shadow:0 2px 7px rgba(0,0,0,.18);transition:.2s}.switch.on{background:var(--primary)}.switch.on:after{left:21px}.health-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.health-card{padding:17px;background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.health-card span{font-size:10px;color:#8490a0}.health-card strong{display:block;margin-top:9px;font-size:18px}.progress{height:7px;border-radius:99px;background:#edf1f6;overflow:hidden;margin-top:10px}.progress i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#2563eb,#5f98ff)}.report-card{padding:17px;background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:11px}.report-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.report-card p{margin:8px 0 0;color:#748092;font-size:10px;line-height:1.75}.text-danger{color:var(--danger)}.text-success{color:var(--success)}

/* dialogs and states */
.modal{position:fixed;inset:0;z-index:100;background:rgba(17,35,61,.48);backdrop-filter:blur(6px);display:grid;place-items:center;padding:20px}.modal-card{width:min(650px,100%);max-height:90vh;overflow:auto;border-radius:20px;background:#fff;box-shadow:var(--shadow-lg)}.modal-head{min-height:68px;padding:16px 19px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.modal-head h3{margin:5px 0 0;font-size:15px}.modal-body{padding:20px}.drawer{position:fixed;inset:0;z-index:110}.drawer-mask{position:absolute;inset:0;background:rgba(17,35,61,.4);backdrop-filter:blur(3px)}.drawer-panel{position:absolute;right:0;top:0;bottom:0;width:min(570px,94vw);background:#fff;box-shadow:-20px 0 70px rgba(19,42,72,.18);overflow:auto}.drawer-content{padding:20px}.detail-hero{display:flex;align-items:center;gap:13px;padding:17px;border-radius:15px;background:#f1f6ff;margin-bottom:15px}.detail-hero img{width:60px;height:60px;border-radius:18px;background:#fff}.detail-hero h3{margin:0 0 5px}.detail-hero p{margin:0;color:#7f8b9b;font-size:10px}.detail-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:15px}.detail-stat{padding:11px;border-radius:11px;background:#f7f9fc;text-align:center}.detail-stat b{display:block;font-size:18px}.detail-stat span{font-size:8px;color:#8d98a7}.info-list{display:grid;gap:1px;background:var(--line);border:1px solid var(--line);border-radius:13px;overflow:hidden}.info-row{background:#fff;padding:12px 14px;display:flex;justify-content:space-between;gap:20px;font-size:11px}.info-row span{color:#8994a4}.empty-state{text-align:center;padding:58px 20px;color:#8d98a7}.empty-state strong{display:block;color:#4a586c;margin-bottom:7px}.page-loading{min-height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#8d98a7}.page-loading span{width:30px;height:30px;border-radius:50%;border:3px solid #dce7fb;border-top-color:var(--primary);animation:spin .8s linear infinite}.page-loading p{font-size:10px;margin-top:12px}.toast{position:fixed;right:22px;top:20px;z-index:200;max-width:420px;padding:12px 15px;border-radius:11px;background:#132844;color:#fff;box-shadow:0 16px 42px rgba(17,38,66,.25);font-size:11px}.text-danger{color:var(--danger)}@keyframes spin{to{transform:rotate(360deg)}}

@media(max-width:1380px){.stats-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:1120px){.ops-map-grid,.dashboard-grid{grid-template-columns:1fr}.china-ops{grid-template-columns:minmax(320px,1fr) 220px}.settings-grid{grid-template-columns:1fr}.health-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){.login-page{grid-template-columns:1fr}.login-brand-panel{display:none}.login-form-panel{min-height:100vh}.mobile-brand{display:flex}.sidebar{transform:translateX(-100%);box-shadow:20px 0 60px rgba(18,43,76,.2)}.sidebar.open{transform:translateX(0)}.main{margin-left:0}.mobile-menu{display:grid}.topbar{padding:0 16px}.content{padding:16px}.view-site,.server-chip{display:none}}
@media(max-width:700px){.stats-grid{grid-template-columns:repeat(2,1fr)}.china-ops{grid-template-columns:1fr}.china-ops svg{height:260px}.map-ranking{display:grid;grid-template-columns:repeat(2,1fr)}.form-grid{grid-template-columns:1fr}.form-item.full{grid-column:auto}.health-grid{grid-template-columns:1fr}.toolbar-left,.toolbar-right{width:100%}.search-input{width:100%;min-width:0}.topbar h1{font-size:17px}.topbar p{display:none}.hero-dashboard{padding:22px;min-height:125px}.hero-dashboard h2{font-size:22px}.live-chip{display:none}}
@media(max-width:460px){.login-form-panel{padding:28px 22px}.stats-grid{grid-template-columns:1fr}.stat-card{min-height:108px}.map-ranking{grid-template-columns:1fr}.content{padding:11px}.panel{border-radius:13px}.topbar{height:68px}.sidebar-brand{height:68px}.detail-stats{grid-template-columns:repeat(2,1fr)}}

/* v5.8 system configuration */
.settings-overview{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:20px;padding:4px 2px}.settings-overview h2{margin:8px 0 5px;font-size:24px;letter-spacing:-.4px}.settings-overview p{margin:0;color:var(--muted)}.version-chip{padding:9px 14px;border:1px solid var(--primary-border);border-radius:999px;background:var(--primary-soft);color:var(--primary);font-weight:800}.settings-card-head{display:flex;align-items:center;gap:12px;padding-bottom:17px;margin-bottom:18px;border-bottom:1px solid var(--line-2)}.settings-card-head h3{margin:0 0 4px}.settings-card-head p{margin:0;color:var(--muted);font-size:12px;line-height:1.5}.settings-symbol{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:var(--primary-soft);color:var(--primary);font-size:11px;font-weight:900;letter-spacing:.5px}.settings-card .form-item+.form-item{margin-top:14px}.settings-card .form-grid .form-item+.form-item{margin-top:0}.settings-card .switch-row{margin-top:14px}.settings-card.save-card{background:linear-gradient(180deg,#fff,#f8fbff);border-color:#d9e7ff}.inline-result{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px;padding:13px 14px;border-radius:12px;background:#f4f8ff;border:1px solid #dbe8ff}.inline-result b{color:var(--navy)}.inline-result span{color:var(--muted);font-size:12px}.mini-spinner{width:15px;height:15px;border:2px solid #d8e5ff;border-top-color:var(--primary);border-radius:50%;display:inline-block;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
@media(max-width:720px){.settings-overview{align-items:flex-start}.version-chip{flex:none}.inline-result{align-items:flex-start;flex-direction:column}}
.risk-row{background:#fffafb}.risk-tags{display:flex;flex-wrap:wrap;gap:5px;max-width:250px}.risk-tags span{padding:4px 7px;border-radius:7px;background:var(--danger-soft);color:#b82f42;font-size:11px;line-height:1.25}.risk-tags span.safe{background:var(--success-soft);color:var(--success)}.action-stack{display:flex;flex-wrap:wrap;gap:7px;min-width:150px}

/* v5.9 省级热力图：不再使用单一轮廓圆点 */
.tile-map{grid-template-columns:minmax(460px,1fr) 230px}.province-grid{display:grid;grid-template-columns:repeat(8,minmax(42px,1fr));grid-template-rows:repeat(8,40px);gap:6px;padding:18px;border-radius:16px;background:linear-gradient(180deg,#f7faff,#eef5ff);border:1px solid #dfeafa}.province-tile{border-radius:9px;border:1px solid #dbe7f8;background:#fff;color:#526276;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;transition:.18s}.province-tile:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(37,99,235,.14)}.province-tile b{font-size:10px}.province-tile span{font-size:8px;margin-top:2px;opacity:.75}.province-tile.heat-1{background:#eaf2ff;border-color:#cbdffc;color:#245aa8}.province-tile.heat-2{background:#d8e8ff;border-color:#aacdfb;color:#174f9e}.province-tile.heat-3{background:#b7d5ff;border-color:#86b8f8;color:#10498f}.province-tile.heat-4{background:#74aef5;border-color:#5b9eea;color:#fff}.province-tile.heat-5{background:#2563eb;border-color:#1d55ce;color:#fff;box-shadow:0 7px 18px rgba(37,99,235,.22)}.quick-row small,.table td small{display:block;max-width:520px;margin-top:5px;color:#8a95a4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(max-width:760px){.tile-map{grid-template-columns:1fr}.province-grid{grid-template-columns:repeat(8,minmax(32px,1fr));grid-template-rows:repeat(8,34px);gap:4px;padding:10px}.province-tile b{font-size:8px}.province-tile span{font-size:7px}}

/* v5.9.0 完整蓝白后台细节 */
body{font-family:"PingFang SC","HarmonyOS Sans SC","Microsoft YaHei UI",system-ui,-apple-system,sans-serif;font-weight:400;letter-spacing:0;text-rendering:optimizeLegibility;font-synthesis:none}.sidebar,.topbar,.panel,.stat-card{border-color:#e5ebf5}.settings-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:20px}.settings-form label{display:flex;flex-direction:column;gap:8px;color:#4c5b70;font-size:13px;font-weight:600}.settings-form input,.settings-form textarea{width:100%;border:1px solid #dce5f2;border-radius:11px;padding:11px 13px;background:#f9fbff;color:#1d2b3f;font:inherit;resize:vertical}.settings-form input:focus,.settings-form textarea:focus{outline:none;border-color:#6d9cff;box-shadow:0 0 0 3px rgba(51,112,255,.11);background:#fff}.settings-form hr{grid-column:1/-1;border:0;border-top:1px solid #e7edf6;width:100%;margin:4px 0}.modal-actions{display:flex;justify-content:flex-end;gap:10px;padding:0 20px 20px}.product-form{grid-template-columns:repeat(2,minmax(0,1fr))}.province-grid{display:grid!important;grid-template-columns:repeat(8,minmax(64px,1fr))!important;gap:8px!important;min-height:320px!important}.province-tile{min-height:68px!important;border-radius:12px!important;border:1px solid #dce7f6!important;background:#f6f9ff!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;position:relative!important}.province-tile[data-level="1"]{background:#eaf2ff!important}.province-tile[data-level="2"]{background:#d8e7ff!important}.province-tile[data-level="3"]{background:#b9d3ff!important}.province-tile[data-level="4"]{background:#80afff!important;color:#fff!important}.province-tile[data-level="5"]{background:#3370ff!important;color:#fff!important}.province-tile.zero{opacity:.55}.province-tile b{font-size:13px}.province-tile span{font-size:11px;margin-top:5px}@media(max-width:1000px){.province-grid{grid-template-columns:repeat(5,minmax(62px,1fr))!important}}@media(max-width:680px){.settings-form,.product-form{grid-template-columns:1fr}.province-grid{grid-template-columns:repeat(3,minmax(62px,1fr))!important}}

.province-tile.heat-1{background:#eaf2ff!important}.province-tile.heat-2{background:#d8e7ff!important}.province-tile.heat-3{background:#b9d3ff!important}.province-tile.heat-4{background:#80afff!important;color:#fff!important}.province-tile.heat-5{background:#3370ff!important;color:#fff!important}.funnel-list{display:flex;flex-direction:column;gap:15px}.funnel-list>div{display:grid;grid-template-columns:90px 1fr 70px;gap:12px;align-items:center}.funnel-list span{font-size:13px;color:#56677d}.funnel-list i{height:12px;border-radius:999px;background:linear-gradient(90deg,#8bb4ff,#3370ff);min-width:8px}.funnel-list b{text-align:right;color:#243653;font-size:14px}
/* customer custom branch: advanced modules collapsed by default */
.menu-fold{margin:8px 12px 18px;border:1px solid rgba(255,255,255,.08);border-radius:12px;overflow:hidden}.menu-fold summary{cursor:pointer;padding:13px 14px;color:#9ca8ba;font-size:12px;letter-spacing:.06em;list-style:none}.menu-fold summary::-webkit-details-marker{display:none}.menu-fold summary:after{content:'＋';float:right}.menu-fold[open] summary:after{content:'－'}.menu-fold .menu-section{margin:0;padding:4px 0 10px}.menu-fold .menu-section p{display:none}

/* customer custom v1.4.0 */
.welcome-title{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px}.welcome-title>label{font-weight:700}.welcome-list{display:grid;gap:14px}.welcome-row{padding:14px;border:1px solid #e7ebf0;border-radius:14px;background:#f8fafc}.welcome-row-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.welcome-row-head label{display:flex;align-items:center;gap:7px;font-weight:650;color:#3d4653}.welcome-row .textarea{background:#fff}.welcome-row .btn-danger{padding:7px 12px}.form-item.full .welcome-list{margin-top:4px}

/* customer custom v1.5.4: multi-image automatic welcome messages */
.welcome-tools,.welcome-row-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.welcome-row-image{border-color:#d9e7ff;background:#f5f9ff}.welcome-image-card{display:grid;grid-template-columns:132px minmax(0,1fr);gap:14px;align-items:center;padding:12px;border:1px solid #dce7f5;border-radius:13px;background:#fff}.welcome-image-card img{width:132px;height:96px;object-fit:cover;border-radius:10px;background:#edf2f8;border:1px solid #e2e8f0}.welcome-image-card>div{min-width:0;display:flex;flex-direction:column;gap:6px}.welcome-image-card b{font-size:13px;color:#27364b}.welcome-image-card span{font-size:11px;color:#8490a0}.welcome-image-card code{display:block;max-width:100%;padding:7px 9px;border-radius:8px;background:#f5f7fa;color:#68768a;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(max-width:620px){.welcome-title{align-items:flex-start;flex-direction:column}.welcome-tools{width:100%}.welcome-tools .btn{flex:1}.welcome-image-card{grid-template-columns:88px minmax(0,1fr)}.welcome-image-card img{width:88px;height:72px}.welcome-row-head{align-items:flex-start;flex-direction:column}.welcome-row-actions{width:100%;justify-content:flex-end}}