*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"PingFang SC","Microsoft YaHei",sans-serif;color:#333;background:#eef1f5;font-size:14px}a{text-decoration:none;color:inherit}button,input,select,textarea{font-family:inherit}.admin-shell{min-height:100vh;display:flex;background:#eef1f5}.side{width:242px;flex:0 0 242px;background:#071827;color:#c9d3dc;min-height:100vh;box-shadow:2px 0 5px rgba(0,0,0,.2);z-index:3}.brand{height:52px;background:#082b49;display:flex;align-items:center;padding:0 14px;color:#fff;border-bottom:1px solid rgba(255,255,255,.03)}.brand-logo{width:30px;height:30px;border-radius:50%;background:linear-gradient(145deg,#1579b9,#0b3f6a);border:2px solid rgba(255,255,255,.35);display:flex;align-items:center;justify-content:center;font-size:17px;margin-right:10px}.brand-name{font-weight:700;font-size:19px;white-space:nowrap}.menu-section{border-bottom:1px solid rgba(255,255,255,.03)}.menu-title{height:44px;display:flex;align-items:center;justify-content:space-between;padding:0 16px 0 4px;background:#092035;color:#fff;font-weight:700}.menu-title span{font-size:16px;color:#c9d3dc}.nav-item{height:40px;display:flex;align-items:center;padding:0 20px;color:#d3d9df;background:#07131f;transition:.15s}.nav-item:hover{background:#0d2236;color:#fff}.nav-item.active{background:#2698e5;color:#fff;font-weight:700}.nav-icon{width:20px;margin-right:8px;text-align:center;font-size:13px;opacity:.9}.page{position:relative;flex:1;min-width:0;padding-bottom:28px}.topbar{height:32px;background:#fff;border-bottom:1px solid #e7e7e7;display:flex;align-items:center;justify-content:space-between;padding:0 8px 0 20px}.hamb{font-size:20px;color:#333;line-height:32px}.top-user{font-size:14px;color:#333}.tabs{height:40px;background:#fff;border-bottom:1px solid #e5e9ee;display:flex;align-items:flex-end;padding-left:20px;box-shadow:0 1px 4px rgba(0,0,0,.04)}.tab{height:40px;min-width:98px;padding:0 14px;display:flex;align-items:center;justify-content:center;background:#f3f6fa;border-top:3px solid #1e9af0;color:#222}.tab span{margin-left:10px;color:#b6b6b6}.content{padding:0;background:#eef1f5;min-height:calc(100vh - 100px)}.admin-footer{position:fixed;left:242px;right:0;bottom:0;height:28px;line-height:28px;text-align:center;color:#999;background:#e2e6eb;font-size:14px;z-index:2}.flash{margin:12px 14px 0;padding:10px 14px;border-radius:2px}.flash.ok{background:#e9f8ef;color:#16803b;border:1px solid #bce8c9}.flash.err{background:#feecec;color:#c42d2d;border:1px solid #ffd0d0}.dash-cards{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 2fr;gap:10px;padding:10px 10px 8px;background:#eef1f5}.metric-card{height:123px;background:#fff;border:1px solid #edf0f3;box-shadow:0 1px 3px rgba(0,0,0,.03);text-align:center}.metric-title{height:42px;line-height:42px;border-bottom:1px solid #f4f4f4;color:#222}.metric-value{height:80px;display:flex;align-items:center;justify-content:center;font-size:30px;color:#2d2d2d}.metric-value.small{font-size:16px;word-break:break-all;padding:0 18px}.action-strip{height:60px;background:#fff;border-top:1px solid #edf0f3;border-bottom:1px solid #e6eaf0;display:flex;align-items:center;padding:0 14px;gap:14px}.btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:18px;background:#ff5727;color:#fff;height:38px;min-width:86px;padding:0 20px;font-weight:700;cursor:pointer;font-size:14px}.btn:hover{filter:brightness(.96)}.btn.blue{background:#42a9f7}.btn.gray{background:#64748b}.btn.red{background:#dc2626}.btn.small{height:30px;border-radius:3px;padding:0 10px;min-width:0;font-size:12px}.btn.flat{height:28px;border-radius:2px;background:#fff;border:1px solid #d9d9d9;color:#555;padding:0 9px}.panel-wrap{padding:22px 16px 48px}.grid-panel{background:#fff;border:1px solid #e3e8ee;padding:14px;box-shadow:0 1px 4px rgba(0,0,0,.05)}.toolbar{height:45px;border:1px solid #e9e9e9;border-bottom:0;display:flex;align-items:center;justify-content:space-between;padding:0 16px;background:#fff}.toolbar-left,.toolbar-right{display:flex;align-items:center;gap:5px}.search-input,.input,select,textarea{height:35px;border:1px solid #e5e5e5;background:#fff;color:#555;padding:0 10px;outline:0;font-size:14px}.search-input:focus,.input:focus,select:focus,textarea:focus{border-color:#1fbf79;box-shadow:none}.search-input.ecid{width:180px}.search-input.time{width:300px}.select-filter{width:100px;color:#666}.tool-square{width:28px;height:28px;border:1px solid #d6d6d6;background:#fff;color:#555;display:inline-flex;align-items:center;justify-content:center}.table{width:100%;border-collapse:collapse;background:#fff;border:1px solid #e9e9e9}.table th,.table td{height:39px;padding:0 15px;border-right:1px solid #eee;border-bottom:1px solid #eee;text-align:left;color:#555;white-space:nowrap}.table th{font-weight:700;background:#fff}.table tr:hover td{background:#fafcff}.table-empty{height:85px;text-align:center;color:#8d8d8d}.check-box{width:18px;height:18px;border:1px solid #d4d4d4;border-radius:2px;display:inline-block;background:#fff}.state-success{color:green}.state-pending{color:#ff9400}.state-cancel{color:blue}.mono{font-family:Menlo,Consolas,monospace;word-break:break-all}.muted{color:#888}.pos{color:green}.neg{color:#d33}.formbox,.card{background:#fff;border:1px solid #e5e9ef;box-shadow:0 1px 4px rgba(0,0,0,.04);padding:18px}.row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field{margin-bottom:16px}.field label{display:block;color:#555;margin-bottom:7px}.inline{display:inline}.mini-form{margin-top:6px;display:flex;gap:5px;flex-wrap:wrap}.input.mini{height:30px;width:82px}.input.mini-note{height:30px;width:135px}.badge{display:inline-block;padding:3px 8px;border-radius:2px;background:#e8f4ff;color:#1376bc}.badge.off{background:#fff0f0;color:#c52929}.register-page{height:360px;background:#fff;border-bottom:1px solid #ddd;box-shadow:0 2px 4px rgba(0,0,0,.12);padding-top:50px}.register-form{width:560px;margin:0 auto}.reg-row{display:grid;grid-template-columns:90px 1fr;align-items:start;margin-bottom:18px}.reg-label{text-align:right;padding-right:16px;height:38px;line-height:38px;color:#555}.service-select{position:relative}.service-selected{height:38px;line-height:36px;border:1px solid #12be72;padding:0 12px;color:#666;background:#fff;cursor:pointer}.service-selected:after{content:"";position:absolute;right:12px;top:15px;border:6px solid transparent;border-top-color:#c5c5c5}.service-options{position:absolute;left:0;right:0;top:42px;max-height:300px;overflow-y:auto;border:1px solid #e5e5e5;background:#fff;box-shadow:0 1px 6px rgba(0,0,0,.12);z-index:5}.service-options .option{height:36px;line-height:36px;padding:0 12px;color:#555}.service-options .option:first-child{font-weight:700;color:#00b66d;background:#f7f7f7}.service-options .option:hover{background:#f2f7ff}.register-note{color:#00a889;text-align:center;margin-top:175px}.register-actions{margin-left:90px;margin-top:20px}.table-scroll{overflow:auto}.placeholder{margin:20px;background:#fff;border:1px solid #e6e6e6;padding:30px;color:#666}.price-list{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.price-pill{border:1px solid #e5e5e5;background:#fafafa;padding:8px 12px}.login-body{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#071827,#0c3554)}.login-card{width:390px;background:#fff;border-radius:4px;box-shadow:0 18px 60px rgba(0,0,0,.25);overflow:hidden}.login-head{background:#082b49;color:#fff;text-align:center;padding:26px}.login-head .mark{width:58px;height:58px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:#1e9af0;margin-bottom:10px;font-weight:900}.login-card form{padding:26px}.login-card .input{width:100%;height:40px;border:1px solid #ddd}.login-btn{width:100%;border-radius:20px}.err{display:none;background:#feecec;color:#c42d2d;border:1px solid #ffd0d0;padding:10px;margin:0 26px 12px}.err.show{display:block}.foot{text-align:center;color:#999;font-size:12px;margin:0 0 20px}.toggle-pwd{position:absolute;right:8px;top:31px;width:28px;height:28px;border:0;background:transparent;color:#777}.pwd-field{position:relative}@media(max-width:1100px){.dash-cards{grid-template-columns:1fr 1fr}.metric-card{height:105px}.search-input.time{width:180px}.side{width:215px;flex-basis:215px}.admin-footer{left:215px}}@media(max-width:780px){.admin-shell{display:block}.side{width:auto;min-height:auto}.page{min-width:100%}.admin-footer{left:0}.dash-cards{grid-template-columns:1fr}.toolbar{height:auto;display:block;padding:10px}.toolbar-left{flex-wrap:wrap}.register-form{width:auto;margin:0 20px}.reg-row{grid-template-columns:1fr}.reg-label{text-align:left}.register-actions{margin-left:0}.row{grid-template-columns:1fr}}
/* manager pages */
.manager-panel{margin:14px;background:#fff;border:1px solid #e8edf2;box-shadow:0 1px 4px rgba(0,0,0,.04)}.manager-toolbar{height:58px;display:flex;justify-content:space-between;align-items:center;padding:0 16px;border-bottom:1px solid #e9e9e9;background:#fff}.manager-left,.manager-right{display:flex;align-items:center;gap:10px}.manager-input{height:35px;border:1px solid #ddd;padding:0 12px;min-width:260px;color:#555}.manager-select{height:35px;border:1px solid #ddd;padding:0 12px;min-width:140px;color:#555;background:#fff}.rect-btn{height:30px;border:1px solid #d4d4d4;background:#fff;color:#555;padding:0 13px;display:inline-flex;align-items:center;justify-content:center;gap:4px;cursor:pointer}.rect-btn.primary{background:#1e9af0;border-color:#1e9af0;color:#fff}.rect-btn.danger{background:#ff5727;border-color:#ff5727;color:#fff}.rect-btn.green{background:#18b981;border-color:#18b981;color:#fff}.sort{color:#aaa;margin-left:4px}.switch{display:inline-flex;align-items:center;height:26px;border-radius:14px;background:#19b978;color:#fff;padding:0 6px 0 8px;font-size:12px;font-weight:700;gap:5px}.switch:after{content:"";width:18px;height:18px;border-radius:50%;background:#fff;display:inline-block}.switch.off{background:#9ca3af}.pager{height:44px;border-top:1px solid #eee;display:flex;align-items:center;gap:10px;padding:0 18px;background:#fff;color:#555}.pager .page-num{min-width:32px;height:28px;display:inline-flex;align-items:center;justify-content:center}.pager .page-num.active{background:#17b9ad;color:#fff;border-radius:3px}.pager input{width:42px;height:27px;border:1px solid #e5e5e5;text-align:center}.page-note{margin:14px 14px 0;color:#6b7280}.wide-table-wrap{overflow:auto;max-height:calc(100vh - 190px)}.wide-table-wrap .table{min-width:1200px}.text-green{color:#00a65a}.orange-mini{background:#ff5727;border:0;color:#fff;border-radius:2px;padding:4px 8px;font-weight:700}.inline-add{border-bottom:1px solid #eee;background:#fbfcfd;padding:12px 16px}.inline-add form{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.inline-add .input{width:160px}.status-page{margin:0 0 18px;background:#fff;border-radius:4px;padding:18px 20px;box-shadow:0 1px 6px rgba(0,0,0,.08)}.status-title{font-size:18px;font-weight:700;border-left:3px solid #1e9af0;padding-left:10px;margin-bottom:14px}.status-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.status-card{background:#f7f8fb;border-radius:8px;padding:14px;color:#333}.status-card .label{color:#6b7280;font-size:12px;margin-bottom:6px}.status-card .value{font-size:15px}.service-page{padding:0 12px 40px}.section-title{font-size:18px;font-weight:700;border-left:3px solid #1e9af0;padding-left:10px;margin:0 0 14px}.service-section{background:#fff;border-radius:4px;padding:18px 20px;box-shadow:0 1px 6px rgba(0,0,0,.08)}.muted-line{padding:14px 14px 0;color:#6b7280}.audit-detail{font-family:Menlo,Consolas,monospace;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nowrap{white-space:nowrap}.table td.ellipsis{max-width:240px;overflow:hidden;text-overflow:ellipsis}.modal-lite{background:#fff;border:1px solid #e6e6e6;margin:0 14px 12px;padding:12px}
/* login foreground/background layering fix */
body.login-body{position:relative;overflow:hidden;min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#071827,#0c3554)!important;}
body.login-body #net{position:fixed;inset:0;width:100vw!important;height:100vh!important;z-index:0;display:block;pointer-events:none;}
body.login-body .login-aura{position:fixed;left:50%;top:50%;width:460px;height:460px;margin-left:-230px;margin-top:-230px;border-radius:50%;background:radial-gradient(circle,rgba(30,154,240,.18),rgba(30,154,240,0) 65%);filter:blur(8px);z-index:1;pointer-events:none;}
body.login-body .login-card{position:relative!important;z-index:10!important;flex:0 0 auto;width:390px;max-width:calc(100vw - 36px);background:#fff;border-radius:4px;box-shadow:0 18px 60px rgba(0,0,0,.35);overflow:hidden;display:block!important;opacity:1!important;visibility:visible!important;}
body.login-body .login-card *{visibility:visible;}
/* ===== UI polish layer 20260716: softer, livelier rendering ===== */
:root{
--ui-bg:#f3f6fa;
--ui-card:#ffffff;
--ui-line:#e7edf4;
--ui-text:#2f3a45;
--ui-muted:#7c8997;
--ui-blue:#1e9af0;
--ui-blue2:#38bdf8;
--ui-orange:#ff5727;
--ui-green:#18b981;
--ui-shadow:0 8px 24px rgba(15,38,76,.08);
--ui-shadow-soft:0 2px 10px rgba(15,38,76,.06);
}
body{background:var(--ui-bg);color:var(--ui-text);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;}
.admin-shell{background:linear-gradient(180deg,#f6f8fb 0%,#edf2f7 100%);}
.side{background:linear-gradient(180deg,#082b49 0%,#061827 50%,#07131f 100%);box-shadow:4px 0 18px rgba(3,16,31,.22);}
.brand{background:linear-gradient(135deg,#08345b,#07243d);box-shadow:inset 0 -1px 0 rgba(255,255,255,.06);}
.brand-logo{box-shadow:0 0 0 4px rgba(30,154,240,.12),0 6px 18px rgba(0,0,0,.28);transform:translateZ(0);}
.brand-name{letter-spacing:.2px;text-shadow:0 1px 2px rgba(0,0,0,.25);}
.menu-title{background:rgba(4,18,31,.56);padding-left:14px;color:#eef7ff;}
.nav-item{position:relative;margin:3px 8px;border-radius:8px;background:transparent;color:#bfd0df;transition:background .18s ease,color .18s ease,transform .18s ease,box-shadow .18s ease;}
.nav-item:before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:3px;border-radius:3px;background:transparent;transition:background .18s ease;}
.nav-item:hover{background:rgba(255,255,255,.075);color:#fff;transform:translateX(2px);}
.nav-item:hover:before{background:rgba(56,189,248,.55);}
.nav-item.active{background:linear-gradient(90deg,#1e9af0,#32b7ff);color:#fff;box-shadow:0 8px 18px rgba(30,154,240,.22);}
.nav-item.active:before{background:#fff;}
.nav-icon{opacity:.85;filter:drop-shadow(0 1px 1px rgba(0,0,0,.25));}
.topbar{height:38px;background:rgba(255,255,255,.92);backdrop-filter:blur(14px);border-bottom:1px solid rgba(220,227,235,.82);box-shadow:0 1px 8px rgba(15,38,76,.04);}
.hamb{width:28px;height:28px;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:background .18s ease,color .18s ease;}
.hamb:hover{background:#edf6ff;color:var(--ui-blue);}
.topbar{position:relative;z-index:30;overflow:visible;}
.top-user-menu{position:relative;}
.top-user{min-height:30px;padding:5px 10px;border:0;border-radius:999px;background:transparent;color:#3d4651;display:inline-flex;align-items:center;gap:6px;cursor:pointer;transition:background .18s ease;}
.top-user:hover{background:#f1f6fb;}
.top-user-chevron{color:#7c8997;transition:transform .16s ease;}
.top-user[aria-expanded="true"] .top-user-chevron{transform:rotate(180deg);}
.top-user-dropdown{position:absolute;right:0;top:calc(100% + 6px);z-index:80;width:150px;padding:5px;background:#fff;border:1px solid #dce5ee;border-radius:7px;box-shadow:0 14px 34px rgba(15,38,76,.18);}
.top-user-dropdown a{height:34px;padding:0 10px;border-radius:5px;display:flex;align-items:center;color:#3f4d5d;font-size:13px;}
.top-user-dropdown a:hover{background:#edf7ff;color:#1687ce;}
.top-user-dropdown a.danger{color:#d94a4a;}
.top-user-dropdown a.danger:hover{background:#fff2f2;color:#c92f2f;}
.tabs{height:44px;background:rgba(255,255,255,.78);box-shadow:0 2px 12px rgba(15,38,76,.05);}
.tab{height:42px;border-top:3px solid var(--ui-blue);border-radius:8px 8px 0 0;background:linear-gradient(180deg,#f9fbfe,#eef4fb);box-shadow:0 -1px 0 #fff inset;color:#22303c;font-weight:600;}
.content{background:transparent;padding-top:8px;}
.admin-footer{background:rgba(230,236,243,.92);backdrop-filter:blur(10px);box-shadow:0 -2px 10px rgba(15,38,76,.06);}
.dash-cards{padding:12px 14px 10px;gap:12px;background:transparent;}
.metric-card{border:1px solid rgba(231,237,244,.9);border-radius:12px;box-shadow:var(--ui-shadow-soft);overflow:hidden;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;}
.metric-card:hover{transform:translateY(-2px);box-shadow:var(--ui-shadow);border-color:#d7e7f7;}
.metric-title{height:44px;line-height:44px;background:linear-gradient(180deg,#fff,#fbfdff);color:#435160;font-weight:600;}
.metric-value{font-weight:500;color:#202b36;}
.metric-value.small{font-size:14px;color:#22303c;}
.action-strip{margin:0 14px 8px;height:64px;border:1px solid rgba(231,237,244,.9);border-radius:12px;background:rgba(255,255,255,.95);box-shadow:var(--ui-shadow-soft);}
.btn{border-radius:999px;background:linear-gradient(135deg,#ff6a35,#ff4d22);box-shadow:0 7px 16px rgba(255,87,39,.22);transition:transform .16s ease,box-shadow .16s ease,filter .16s ease;}
.btn:hover{transform:translateY(-1px);box-shadow:0 10px 22px rgba(255,87,39,.28);filter:brightness(1.02);}
.btn:active{transform:translateY(0);box-shadow:0 4px 10px rgba(255,87,39,.18);}
.btn.blue{background:linear-gradient(135deg,#39b7ff,#1e9af0);box-shadow:0 7px 16px rgba(30,154,240,.22);}
.btn.gray{background:linear-gradient(135deg,#738296,#596679);box-shadow:0 7px 16px rgba(89,102,121,.18);}
.btn.red{background:linear-gradient(135deg,#ef4444,#dc2626);}
.panel-wrap{padding:18px 16px 48px;}
.grid-panel,.manager-panel,.formbox,.card,.service-section,.status-page{border:1px solid rgba(231,237,244,.95);border-radius:12px;background:rgba(255,255,255,.96);box-shadow:var(--ui-shadow-soft);overflow:hidden;}
.manager-panel{margin:14px 16px 46px;}
.manager-toolbar,.toolbar{background:linear-gradient(180deg,#fff,#fbfdff);border-color:var(--ui-line);}
.manager-input,.manager-select,.search-input,.input,select,textarea{border-radius:7px;border:1px solid #dce5ee;background:#fff;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease;}
.manager-input:focus,.manager-select:focus,.search-input:focus,.input:focus,select:focus,textarea:focus{border-color:#44b6f5;box-shadow:0 0 0 3px rgba(30,154,240,.12);background:#fcfeff;}
.rect-btn,.tool-square{border-radius:7px;border-color:#d9e3ee;background:linear-gradient(180deg,#fff,#f8fafc);transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease,color .15s ease;}
.rect-btn:hover,.tool-square:hover{border-color:#bdd6ed;color:var(--ui-blue);box-shadow:0 4px 12px rgba(30,154,240,.12);transform:translateY(-1px);}
.rect-btn.primary{background:linear-gradient(135deg,#33b5ff,#1e9af0);box-shadow:0 6px 14px rgba(30,154,240,.2);}
.table{border-color:var(--ui-line);}
.table th{background:linear-gradient(180deg,#fbfdff,#f6f9fc);color:#526171;font-weight:700;border-color:#e8eef5;}
.table td{border-color:#edf1f5;color:#4c5966;}
.table tr{transition:background .14s ease;}
.table tr:hover td{background:#f7fbff;}
.table-empty{color:#99a4b1;background:linear-gradient(180deg,#fff,#fbfcfe);}
.check-box{border-radius:4px;border-color:#cfd8e3;}
.pager{background:#fff;border-color:#edf1f5;}
.pager .page-num{border-radius:7px;transition:background .16s ease,color .16s ease,transform .16s ease;}
.pager .page-num:hover{background:#edf7ff;color:var(--ui-blue);transform:translateY(-1px);}
.pager .page-num.active{background:linear-gradient(135deg,#19c6b8,#12aa9f);box-shadow:0 5px 12px rgba(20,184,166,.22);}
.switch{box-shadow:0 5px 12px rgba(24,185,129,.22);}
.orange-mini{border-radius:6px;background:linear-gradient(135deg,#ff6a35,#ff4d22);box-shadow:0 4px 10px rgba(255,87,39,.18);}
.status-grid{gap:14px;}
.status-card{border:1px solid #ecf0f5;background:linear-gradient(180deg,#f9fbfe,#f4f7fb);box-shadow:inset 0 1px 0 rgba(255,255,255,.7);}
.status-title,.section-title{border-left-color:var(--ui-blue);}
.register-page{margin:0 14px 14px;border-radius:0 0 12px 12px;border:1px solid rgba(231,237,244,.95);box-shadow:var(--ui-shadow-soft);}
.service-selected{border-radius:7px;box-shadow:0 0 0 3px rgba(18,190,114,.08);}
.service-options{border-radius:8px;box-shadow:0 14px 30px rgba(15,38,76,.14);}
.flash{border-radius:10px;box-shadow:var(--ui-shadow-soft);}
body.login-body .login-card{border-radius:18px;box-shadow:0 28px 90px rgba(0,0,0,.35),0 0 0 1px rgba(255,255,255,.1);}
body.login-body .login-head{background:linear-gradient(135deg,#08345b,#0b68a2);}
body.login-body .login-head .mark{box-shadow:0 10px 26px rgba(30,154,240,.35);}
body.login-body .login-card .input{height:44px;border-radius:10px;}
body.login-body .login-btn{height:44px;background:linear-gradient(135deg,#ff6a35,#ff4d22);}
@media (prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important;}}
/* ===== Login page v2: match glass card reference ===== */
body.login-v2{
min-height:100vh;
margin:0;
overflow:hidden;
display:flex;
align-items:center;
justify-content:center;
background:
radial-gradient(900px 620px at 18% 16%,rgba(21,107,159,.46),transparent 62%),
radial-gradient(820px 640px at 84% 72%,rgba(16,42,102,.55),transparent 65%),
linear-gradient(135deg,#071326 0%,#0b2440 42%,#0a1430 100%)!important;
color:#eaf4ff;
}
body.login-v2:before{
content:"";
position:fixed;
inset:0;
background:
linear-gradient(105deg,rgba(64,161,255,.08),transparent 38%),
linear-gradient(250deg,rgba(40,210,255,.05),transparent 42%);
pointer-events:none;
z-index:0;
}
body.login-v2 #net{
position:fixed;
inset:0;
width:100vw!important;
height:100vh!important;
z-index:1;
opacity:.62;
pointer-events:none;
}
.login-bg-glow{
position:fixed;
width:420px;
height:420px;
border-radius:50%;
filter:blur(38px);
pointer-events:none;
z-index:1;
}
.login-bg-glow.glow-a{left:8%;top:8%;background:rgba(33,160,255,.13);}
.login-bg-glow.glow-b{right:4%;bottom:4%;background:rgba(38,80,180,.18);}
.login-frame{
position:relative;
z-index:5;
width:400px;
min-height:526px;
padding:42px 38px 31px;
border-radius:22px;
border:1px solid rgba(70,165,255,.72);
background:
radial-gradient(520px 380px at 35% 8%,rgba(13,78,118,.45),transparent 56%),
linear-gradient(160deg,rgba(8,52,84,.82),rgba(11,18,55,.9) 58%,rgba(8,15,43,.92));
box-shadow:
0 30px 95px rgba(0,0,0,.43),
0 0 0 1px rgba(255,255,255,.035) inset,
0 0 70px rgba(30,154,240,.12);
backdrop-filter:blur(18px) saturate(130%);
-webkit-backdrop-filter:blur(18px) saturate(130%);
display:block;
animation:loginCardRise .42s ease-out;
}
@keyframes loginCardRise{from{opacity:0;transform:translateY(12px) scale(.985)}to{opacity:1;transform:none}}
.login-logo-wrap{
display:flex;
justify-content:center;
margin-bottom:12px;
}
.login-logo{
width:64px;
height:64px;
border-radius:18px;
display:flex;
align-items:center;
justify-content:center;
font-size:34px;
background:linear-gradient(145deg,#51a8ff 0%,#20c7e8 100%);
box-shadow:
0 16px 35px rgba(26,181,240,.32),
0 0 0 2px rgba(255,255,255,.24) inset;
}
.login-frame h1{
margin:0;
text-align:center;
color:#f2f7ff;
font-size:30px;
line-height:1.18;
font-weight:800;
letter-spacing:.2px;
text-shadow:0 2px 12px rgba(0,0,0,.22);
}
.login-subtitle{
margin:7px 0 26px;
text-align:center;
color:rgba(207,225,249,.7);
font-size:14px;
}
.login-error{
display:none;
margin:0 0 14px;
padding:10px 13px;
border-radius:12px;
background:rgba(255,90,90,.14);
border:1px solid rgba(255,128,128,.28);
color:#ffc7c7;
font-size:13px;
}
.login-error.show{display:block;}
.login-form-v2{padding:0!important;margin:0;}
.login-field-v2{margin-bottom:18px;}
.login-field-v2 label{
display:block;
margin:0 0 8px;
color:rgba(210,226,249,.78);
font-size:14px;
font-weight:650;
}
.login-field-v2 input{
width:100%;
height:50px;
border-radius:11px;
outline:0;
font-size:15px;
transition:border-color .18s ease,box-shadow .18s ease,background .18s ease,color .18s ease;
}
.login-field-v2:first-of-type input{
border:1px solid rgba(230,239,255,.94);
background:#eaf2ff;
color:#0e1726;
padding:0 17px;
box-shadow:0 7px 18px rgba(3,13,32,.13);
}
.password-field-v2{position:relative;}
.password-field-v2 input{
border:1px solid rgba(115,147,202,.36);
background:rgba(5,15,44,.44);
color:#eff6ff;
padding:0 52px 0 17px;
}
.login-field-v2 input:focus{
border-color:rgba(73,190,255,.85);
box-shadow:0 0 0 4px rgba(48,181,255,.13),0 10px 25px rgba(0,0,0,.14);
}
.eye-btn-v2{
position:absolute;
right:13px;
top:34px;
width:34px;
height:34px;
border:0;
padding:0;
display:flex;
align-items:center;
justify-content:center;
color:rgba(184,207,240,.78);
background:transparent;
cursor:pointer;
border-radius:9px;
transition:background .16s ease,color .16s ease;
}
.eye-btn-v2:hover{background:rgba(255,255,255,.08);color:#fff;}
.eye-btn-v2 svg{width:21px;height:21px;pointer-events:none;}
.login-submit-v2{
width:100%;
height:51px;
margin-top:8px;
border:0;
border-radius:13px;
color:#fff;
font-size:16px;
font-weight:800;
letter-spacing:.4px;
background:linear-gradient(100deg,#3b8df7 0%,#27d0e6 100%);
box-shadow:0 18px 38px rgba(37,170,240,.27),0 0 0 1px rgba(255,255,255,.13) inset;
cursor:pointer;
transition:transform .16s ease,box-shadow .16s ease,filter .16s ease;
}
.login-submit-v2:hover{transform:translateY(-1px);filter:brightness(1.04);box-shadow:0 22px 45px rgba(37,170,240,.33),0 0 0 1px rgba(255,255,255,.18) inset;}
.login-submit-v2:active{transform:translateY(0);box-shadow:0 10px 24px rgba(37,170,240,.22);}
.login-copy{
margin-top:26px;
text-align:center;
color:rgba(145,169,211,.64);
font-size:13px;
letter-spacing:.2px;
}
@media(max-width:520px){
.login-frame{width:calc(100vw - 34px);min-height:auto;padding:34px 28px 28px;border-radius:20px;}
.login-frame h1{font-size:27px;}
}
/* ===== Real checkbox hit area / selectable table fix ===== */
.check-wrap{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;cursor:pointer;border-radius:7px;}
.check-wrap:hover{background:#eef7ff;}
input.check-box{appearance:none;-webkit-appearance:none;width:18px;height:18px;margin:0;border:1px solid #c7d4e3;border-radius:4px;background:#fff;display:inline-block;vertical-align:middle;cursor:pointer;position:relative;transition:background .14s ease,border-color .14s ease,box-shadow .14s ease;}
input.check-box:hover{border-color:#42a9f7;box-shadow:0 0 0 3px rgba(66,169,247,.12);}
input.check-box:checked{background:linear-gradient(135deg,#1e9af0,#36c5f4);border-color:#1e9af0;}
input.check-box:checked:after{content:"";position:absolute;left:5px;top:2px;width:5px;height:10px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg);}
.selectable-table th:first-child,.selectable-table td:first-child{text-align:center;padding-left:8px;padding-right:8px;}
/* ===== Selectable table clickability pass 20260716 ===== */
.selectable-table th:first-child,.selectable-table td:first-child{cursor:pointer;user-select:none;}
.selectable-table .check-wrap{width:30px;height:30px;}
.selectable-table input.check-box{pointer-events:auto;}
/* ===== Admin table/forms alignment pass 20260716-2 ===== */
.manager-toolbar{height:auto;min-height:58px;gap:12px;flex-wrap:wrap;align-items:center;}
.manager-left,.manager-right,.compact-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
.manager-input,.manager-select,.search-input,.input,select,textarea{height:34px;line-height:34px;border-radius:8px;border:1px solid #d7e2ee;background:#fff;padding:0 12px;}
.manager-input{min-width:260px;}
.rect-btn,.tool-square{height:34px;min-height:34px;border-radius:8px;padding:0 14px;font-weight:600;line-height:32px;}
.tool-square{width:34px;padding:0;}
.toolbar .btn{height:34px;min-height:34px;border-radius:999px;}
.btn.small{height:30px;min-height:30px;line-height:30px;box-shadow:none;}
.users-panel{margin-top:14px;}
.users-table-wrap{max-height:calc(100vh - 170px);}
[hidden]{display:none!important;}
.modal-mask{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:24px;background:rgba(8,24,39,.46);backdrop-filter:blur(5px);}
.modal-card{width:min(620px,calc(100vw - 48px));background:#fff;border:1px solid #dfe9f3;border-radius:14px;box-shadow:0 26px 80px rgba(8,24,39,.28);overflow:hidden;}
.modal-head{height:52px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;background:linear-gradient(180deg,#fff,#f7fafd);border-bottom:1px solid #e7edf4;color:#243141;}
.modal-close{width:30px;height:30px;border:0;background:transparent;color:#748395;font-size:22px;line-height:28px;border-radius:8px;cursor:pointer;}
.modal-close:hover{background:#eef6ff;color:#1e9af0;}
.modal-form{padding:18px;}
.modal-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px 16px;}
.modal-grid .field{margin-bottom:0;}
.modal-grid .field label{font-weight:600;color:#526171;}
.modal-grid .input,.modal-grid select{width:100%;height:36px;}
.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px;padding-top:14px;border-top:1px solid #edf1f5;}
@media(max-width:720px){.modal-grid{grid-template-columns:1fr}.manager-input{min-width:180px;width:100%;}.manager-left{width:100%;}.manager-right{width:100%;justify-content:flex-start;}}
/* ===== Operation collapse / edit modal pass 20260716-3 ===== */
.action-cell{white-space:nowrap;text-align:left;}
.action-cell .rect-btn.small,.rect-btn.small{height:30px;min-height:30px;line-height:28px;padding:0 12px;border-radius:7px;font-size:12px;}
.danger-soft{color:#ef4444;border-color:#ffd6d6;background:linear-gradient(180deg,#fff,#fff7f7);}
.danger-soft:hover{color:#dc2626;border-color:#ffb4b4;box-shadow:0 4px 12px rgba(239,68,68,.12);}
.user-edit-card{width:min(720px,calc(100vw - 48px));}
.compact-modal-form{padding:16px 18px 18px;}
.modal-block-form{margin:0;}
.modal-section-title{margin:16px 0 10px;padding-top:14px;border-top:1px solid #edf1f5;font-weight:700;color:#344254;}
.modal-action-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-items:center;}
.modal-op-form{margin:0;display:flex;gap:8px;align-items:center;}
.modal-op-form.wide-op{grid-column:1/-1;}
.modal-op-form.wide-op .input{flex:1;min-width:0;height:34px;}
.modal-checkline{display:inline-flex;align-items:center;gap:8px;margin-top:14px;color:#526171;font-weight:600;}
.modal-checkline input{width:16px;height:16px;}
.modal-grid-full{grid-column:1/-1;}
.switch-static{display:inline-flex;align-items:center;height:24px;border-radius:999px;background:#e8f8f0;color:#16834b;padding:0 9px;font-size:12px;font-weight:700;}
.switch-static.off{background:#f1f3f6;color:#7b8794;}
.iboot-table .action-cell{padding-right:10px;}
@media(max-width:720px){.modal-action-grid{grid-template-columns:1fr}.modal-op-form.wide-op{display:grid;grid-template-columns:1fr}.modal-op-form{flex-wrap:wrap}}
/* ===== User IP column / enable switch pass 20260716-4 ===== */
.status-cell{white-space:nowrap;text-align:left;}
.ui-switch{width:44px;height:24px;border:0;border-radius:999px;background:#cbd5e1;display:inline-flex;align-items:center;padding:0 3px;vertical-align:middle;cursor:pointer;box-shadow:inset 0 1px 3px rgba(15,23,42,.18);transition:background .16s ease,box-shadow .16s ease,opacity .16s ease;}
.ui-switch i{display:block;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 2px 6px rgba(15,23,42,.25);transform:translateX(0);transition:transform .16s ease;}
.ui-switch.on{background:linear-gradient(135deg,#20c47a,#12a76a);box-shadow:inset 0 1px 2px rgba(0,0,0,.12),0 4px 10px rgba(18,167,106,.18);}
.ui-switch.on i{transform:translateX(20px);}
.ui-switch.disabled,.ui-switch:disabled{cursor:not-allowed;opacity:.58;filter:saturate(.75);}
.user-edit-card .modal-grid{grid-template-columns:1fr 1fr;}
.users-table-wrap .table th:nth-child(6),.users-table-wrap .table td:nth-child(6),.users-table-wrap .table th:nth-child(7),.users-table-wrap .table td:nth-child(7){text-align:center;}
.user-token-cell{font-size:12px;letter-spacing:0;}
.user-country-cell{font-size:13px;}
@media(max-width:900px){.users-table-wrap .table{min-width:1200px;}}
/* ===== Register device page cleanup 20260716-5 ===== */
.register-page-v2{height:auto;min-height:260px;margin:0 14px 14px;padding:42px 0 44px;border-radius:0 0 12px 12px;background:#fff;border:1px solid rgba(231,237,244,.95);box-shadow:var(--ui-shadow-soft);}
.register-form-v2{width:620px;max-width:calc(100vw - 80px);margin:0 auto;}
.register-form-v2 .reg-row{grid-template-columns:100px 1fr;margin-bottom:18px;align-items:center;}
.register-form-v2 .reg-label{height:38px;line-height:38px;color:#4d5966;font-weight:500;}
.register-form-v2 .service-select{width:480px;max-width:100%;}
.register-form-v2 .service-selected{position:relative;width:100%;height:38px;line-height:36px;text-align:left;border:1px solid #19c37d;border-radius:8px;background:#fff;color:#667085;padding:0 38px 0 12px;cursor:pointer;box-shadow:0 0 0 3px rgba(18,190,114,.06);}
.register-form-v2 .service-selected:after{right:13px;top:15px;}
.register-form-v2 .service-options{display:block;top:44px;border-radius:9px;border-color:#dce5ee;box-shadow:0 16px 34px rgba(15,38,76,.16);overflow:hidden;}
.register-form-v2 .service-options[hidden]{display:none!important;}
.register-form-v2 .service-options .option{height:38px;line-height:38px;cursor:pointer;}
.register-form-v2 input[name="ecid"]{width:180px;}
.register-form-v2 .register-actions{margin-left:100px;margin-top:24px;}
.register-form-v2 .register-actions .btn{height:38px;min-width:98px;border-radius:999px;}
@media(max-width:780px){.register-page-v2{padding:24px 16px}.register-form-v2{width:100%;max-width:100%;}.register-form-v2 .reg-row{grid-template-columns:1fr}.register-form-v2 .reg-label{text-align:left;padding-right:0}.register-form-v2 .register-actions{margin-left:0}.register-form-v2 input[name="ecid"]{width:100%;}}
/* ===== Crisp UI pass 20260717: reduce blurry glass/shadow rendering ===== */
body{color:#243041;-webkit-font-smoothing:auto;text-rendering:auto;background:#eef3f8;}
.admin-shell{background:#eef3f8;}
.content{background:#eef3f8;}
.topbar,.tabs,.admin-footer{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:#fff;box-shadow:none;}
.side{box-shadow:2px 0 8px rgba(3,16,31,.18);}
.grid-panel,.manager-panel,.formbox,.card,.service-section,.status-page,.register-page-v2,.metric-card{background:#fff!important;border:1px solid #dfe7f0!important;box-shadow:0 2px 8px rgba(15,38,76,.06)!important;}
.manager-toolbar,.toolbar{background:#fff!important;border-color:#dfe7f0!important;box-shadow:none!important;}
.table{border-color:#dfe7f0!important;}
.table th{background:#f6f9fc!important;color:#334155!important;border-color:#dfe7f0!important;font-weight:700;}
.table td{color:#334155!important;border-color:#e5ebf2!important;}
.table tr:hover td{background:#f2f8ff!important;}
.input,.manager-input,.manager-select,.search-input,select,textarea,.register-form-v2 .service-selected{border-color:#cbd8e6!important;color:#273444!important;background:#fff!important;box-shadow:none!important;}
.input:focus,.manager-input:focus,.manager-select:focus,.search-input:focus,select:focus,textarea:focus,.register-form-v2 .service-selected:focus{border-color:#1e9af0!important;box-shadow:0 0 0 2px rgba(30,154,240,.16)!important;}
.rect-btn,.tool-square{background:#fff!important;border-color:#cbd8e6!important;color:#334155!important;box-shadow:none!important;}
.rect-btn:hover,.tool-square:hover{border-color:#1e9af0!important;color:#1e9af0!important;box-shadow:0 2px 6px rgba(30,154,240,.12)!important;transform:none!important;}
.rect-btn.primary,.btn.blue{background:#1e9af0!important;border-color:#1e9af0!important;color:#fff!important;box-shadow:0 2px 6px rgba(30,154,240,.18)!important;}
.btn,.orange-mini{box-shadow:0 2px 6px rgba(255,87,39,.18)!important;transform:none!important;}
.btn:hover,.rect-btn.primary:hover{transform:none!important;filter:brightness(.98)!important;}
.badge{background:#e8f3ff;color:#0f6db0;font-weight:600;}
.modal-mask{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:rgba(8,24,39,.38)!important;}
.modal-card{box-shadow:0 10px 32px rgba(8,24,39,.24)!important;border-color:#d8e3ef!important;}
.modal-head{background:#fff!important;border-color:#dfe7f0!important;}
.register-form-v2 .service-options{box-shadow:0 8px 18px rgba(15,38,76,.14)!important;border-color:#cbd8e6!important;}
.register-form-v2 .reg-label,.field label{color:#334155;font-weight:600;}
.muted{color:#64748b;}
/* ===== Flat layout pass 20260717-2 ===== */
.password-section{padding:18px 20px 20px;}
.password-form-flat{padding-top:8px;}
.password-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px 18px;align-items:end;}
.password-grid .field{margin-bottom:0;}
.password-actions{display:flex;justify-content:flex-end;margin-top:18px;}
.password-actions .rect-btn.primary{min-width:96px;height:34px;}
.user-edit-card-flat{width:min(920px,calc(100vw - 48px));}
.user-edit-form{padding-bottom:14px;}
.user-edit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 16px;align-items:end;}
.user-edit-grid .field{margin-bottom:0;}
.user-edit-grid .field label{font-weight:600;color:#4b5563;}
.user-edit-grid .remark-field{grid-column:1/-1;}
.user-edit-grid .input{width:100%;height:36px;}
.modal-actions-flat{margin-top:16px;padding-top:0;border-top:0;}
.modal-action-grid-flat{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 12px;}
.modal-action-grid-flat .modal-op-form{width:100%;}
.modal-action-grid-flat .wide-op{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr auto;gap:8px;align-items:center;}
.modal-action-grid-flat .wide-op .input{height:34px;min-width:0;}
.modal-action-grid-flat .wide-op .rect-btn{white-space:nowrap;}
@media(max-width:960px){.password-grid,.user-edit-grid{grid-template-columns:1fr 1fr;}.user-edit-card-flat{width:min(860px,calc(100vw - 36px));}}
@media(max-width:720px){.password-grid,.user-edit-grid,.modal-action-grid-flat{grid-template-columns:1fr;}.modal-action-grid-flat .wide-op{grid-template-columns:1fr;}.password-actions{justify-content:flex-start;}.user-edit-card-flat{width:calc(100vw - 24px);} }
/* ===== Compact spacing + user price editor 20260717-3 ===== */
.panel-wrap{padding:14px 16px 40px;}
.password-section{max-width:520px;margin:8px auto 0;padding:0!important;border-radius:0!important;box-shadow:none!important;}
.password-section .section-title{height:42px;line-height:42px;margin:0;padding:0 16px;border-left:0;border-bottom:1px solid #e5ebf2;font-size:14px;font-weight:600;}
.password-form-flat{padding:18px 16px 24px;}
.password-grid{display:block;}
.password-grid .field{display:grid;grid-template-columns:96px 1fr;align-items:center;margin:0 0 14px;gap:10px;}
.password-grid .field label{margin:0;text-align:right;color:#111827;font-weight:600;}
.password-grid .field .input{height:38px;width:100%;}
.password-actions{justify-content:flex-start;margin:16px 0 0 106px;gap:12px;}
.password-actions:after{content:"";}
.user-edit-card-flat{width:min(900px,calc(100vw - 48px));}
.user-edit-card-flat .modal-head{height:50px;}
.user-edit-form{padding:16px 18px 12px;}
.user-edit-grid{grid-template-columns:repeat(3,1fr);gap:10px 14px;align-items:start;}
.user-edit-grid .field label,.price-field label{display:block;margin:0 0 6px;color:#334155;font-size:13px;font-weight:700;}
.user-edit-grid .input{height:36px;}
.user-edit-grid .remark-field{grid-column:1/-1;}
.price-section-title{margin:14px 0 10px;padding-top:12px;border-top:1px solid #e5ebf2;color:#111827;font-weight:700;}
.user-price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px 14px;}
.price-field{display:grid;grid-template-columns:minmax(120px,1fr) 82px;align-items:center;gap:8px;}
.price-field label{margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;color:#475569;}
.price-field .input{height:32px;text-align:center;padding:0 6px;}
.modal-actions-flat{justify-content:flex-end;margin-top:14px;padding-top:12px;border-top:1px solid #e5ebf2;}
.user-edit-card-flat .modal-section-title{margin:0;padding:12px 18px 8px;border-top:1px solid #e5ebf2;font-size:14px;}
.modal-action-grid-flat{padding:0 18px 16px;grid-template-columns:130px 150px 1fr;gap:8px 10px;align-items:center;}
.modal-action-grid-flat .modal-op-form{display:flex;align-items:center;gap:8px;margin:0;}
.modal-action-grid-flat .wide-op{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr 112px;gap:8px;}
.modal-action-grid-flat .rect-btn{height:34px;min-height:34px;}
.modal-action-grid-flat .wide-op .input{height:34px;}
.manager-panel{margin-top:10px;}
.manager-toolbar{min-height:50px;padding:8px 16px;}
.table th,.table td{height:36px;}
@media(max-width:980px){.user-edit-grid,.user-price-grid{grid-template-columns:1fr 1fr}.price-field{grid-template-columns:1fr 82px}.modal-action-grid-flat{grid-template-columns:1fr 1fr}.modal-action-grid-flat .wide-op{grid-template-columns:1fr}}
@media(max-width:720px){.password-section{max-width:100%;}.password-grid .field{grid-template-columns:1fr}.password-grid .field label{text-align:left}.password-actions{margin-left:0}.user-edit-grid,.user-price-grid,.modal-action-grid-flat{grid-template-columns:1fr}.price-field{grid-template-columns:1fr 82px}.user-edit-card-flat{width:calc(100vw - 24px);}}
/* ===== User price columns by device family 20260717-4 ===== */
.user-price-columns{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:4px;}
.price-column{border:1px solid #e2e8f0;border-radius:8px;padding:10px 12px;background:#fbfdff;}
.price-column-title{font-weight:800;color:#0f172a;margin:0 0 8px;padding-bottom:7px;border-bottom:1px solid #e5ebf2;}
.price-column .price-field{display:grid;grid-template-columns:minmax(130px,1fr) 78px;align-items:center;gap:8px;margin-bottom:8px;}
.price-column .price-field:last-child{margin-bottom:0;}
.price-column .price-field label{font-size:12px;color:#334155;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.price-column .price-field .input{height:30px;text-align:center;padding:0 6px;background:#fff!important;}
.service-options .option-group{height:28px;line-height:28px;padding:0 12px;background:#f1f5f9;color:#334155;font-weight:800;font-size:12px;border-top:1px solid #e5ebf2;border-bottom:1px solid #e5ebf2;}
.service-options .option-group:first-of-type{border-top:0;}
.modal-action-grid-flat{grid-template-columns:130px 150px 1fr;}
.modal-action-grid-flat .wide-op{grid-column:1/-1;grid-template-columns:1fr 1fr 112px;}
@media(max-width:820px){.user-price-columns{grid-template-columns:1fr}.price-column .price-field{grid-template-columns:1fr 78px}.modal-action-grid-flat,.modal-action-grid-flat .wide-op{grid-template-columns:1fr}}
.price-two-col{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
.price-panel .section-title{margin-bottom:10px;}
@media(max-width:900px){.price-two-col{grid-template-columns:1fr;}}
/* ===== Compact user edit modal single-save pass 20260717-5 ===== */
.user-edit-card-flat{width:min(760px,calc(100vw - 40px))!important;max-height:calc(100vh - 34px);display:flex;flex-direction:column;}
.user-edit-card-flat .modal-head{height:44px!important;min-height:44px;}
.user-edit-card-flat .user-edit-form{padding:12px 16px 10px!important;overflow:auto;}
.user-edit-card-flat .user-edit-grid{grid-template-columns:repeat(3,1fr)!important;gap:8px 12px!important;}
.user-edit-card-flat .user-edit-grid .field label,.user-edit-card-flat .price-field label{font-size:12px!important;margin-bottom:4px!important;}
.user-edit-card-flat .user-edit-grid .input{height:32px!important;}
.user-edit-card-flat .remark-field{grid-column:1/-1!important;}
.user-edit-card-flat .price-section-title{margin:10px 0 8px!important;padding-top:10px!important;font-size:13px!important;}
.user-edit-card-flat .user-price-columns{gap:10px!important;margin-top:0!important;}
.user-edit-card-flat .price-column{padding:8px 10px!important;border-radius:7px!important;}
.user-edit-card-flat .price-column-title{margin-bottom:6px!important;padding-bottom:5px!important;font-size:13px!important;}
.user-edit-card-flat .price-column .price-field{grid-template-columns:minmax(120px,1fr) 70px!important;gap:6px!important;margin-bottom:5px!important;}
.user-edit-card-flat .price-column .price-field .input{height:28px!important;font-size:12px!important;}
.user-edit-card-flat .inline-title{margin:10px 0 7px!important;padding-top:9px!important;font-size:13px!important;}
.account-inline-grid{display:grid;grid-template-columns:1fr 1fr auto;gap:8px;align-items:center;}
.account-inline-grid .input{height:32px!important;}
.quick-actions-note{font-size:12px;color:#64748b;white-space:nowrap;}
.user-edit-card-flat .modal-actions-flat{margin-top:10px!important;padding-top:10px!important;}
.user-edit-card-flat .modal-actions-flat .rect-btn.primary{min-width:96px;height:34px!important;}
.modal-quick-actions{display:flex;gap:8px;align-items:center;justify-content:flex-start;padding:10px 16px 12px;border-top:1px solid #e5ebf2;background:#fbfdff;}
.modal-quick-actions .rect-btn{height:32px!important;min-height:32px!important;}
@media(max-width:820px){.user-edit-card-flat{width:calc(100vw - 22px)!important;}.user-edit-card-flat .user-edit-grid,.user-edit-card-flat .user-price-columns,.account-inline-grid{grid-template-columns:1fr!important}.quick-actions-note{white-space:normal}.user-edit-card-flat .price-column .price-field{grid-template-columns:1fr 70px!important}}
/* ===== Tabs and settings workspace 20260717 ===== */
.tabs-multi{
height:44px;
display:flex;
align-items:flex-end;
gap:4px;
padding:5px 12px 0;
overflow-x:auto;
overflow-y:hidden;
white-space:nowrap;
scrollbar-width:thin;
background:#fff!important;
border-bottom:1px solid #dbe4ee;
}
.tab-item{
flex:0 0 auto;
height:38px;
min-width:106px;
max-width:190px;
display:flex;
align-items:center;
border:1px solid #dfe7f0;
border-bottom:0;
border-radius:6px 6px 0 0;
background:#f4f7fa;
color:#475569;
}
.tab-item:hover{background:#f8fbfe;color:#1e6fa8;}
.tab-item.active{background:#fff;color:#0f172a;border-top:2px solid #1e9af0;font-weight:700;}
.tab-link{
min-width:0;
height:37px;
flex:1;
display:flex;
align-items:center;
padding:0 8px 0 12px;
overflow:hidden;
text-overflow:ellipsis;
}
.tab-close-link,.tab-close-spacer{flex:0 0 26px;width:26px;height:26px;margin-right:4px;}
.tab-close-link{display:flex;align-items:center;justify-content:center;border-radius:4px;color:#94a3b8;font-size:16px;line-height:1;}
.tab-close-link:hover{background:#e8f3fc;color:#197bbd;}
.settings-page-v3{width:min(1120px,calc(100% - 32px));margin:16px auto 48px;}
.settings-toolbar-v3{height:54px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;background:#fff;border:1px solid #dfe7f0;border-bottom:0;}
.settings-toolbar-v3 h1{margin:0;font-size:16px;font-weight:700;color:#172033;}
.settings-save-v3{height:34px!important;min-width:100px;}
.settings-surface-v3{background:#fff;border:1px solid #dfe7f0;}
.settings-section-v3{padding:18px;border-bottom:1px solid #e6edf4;}
.settings-section-last-v3{border-bottom:0;}
.settings-section-v3 h2{margin:0 0 14px;font-size:14px;font-weight:700;color:#27364a;}
.settings-fields-v3{display:grid;gap:14px 18px;align-items:end;}
.settings-cols-2-v3{grid-template-columns:minmax(260px,2fr) minmax(180px,1fr);}
.settings-client-grid-v3{grid-template-columns:minmax(150px,1fr) minmax(150px,1fr) minmax(150px,1fr) minmax(150px,1fr);}
.settings-price-grid-v3{grid-template-columns:repeat(5,minmax(110px,1fr));}
.settings-field-v3{min-width:0;display:flex;flex-direction:column;gap:7px;}
.settings-field-v3>span,.settings-toggle-item-v3>span{font-size:12px;font-weight:600;color:#526174;}
.settings-field-v3 .input{width:100%;height:35px;border-radius:4px!important;}
.settings-field-short-v3 .input{max-width:220px;}
.settings-toggle-grid-v3{display:grid;grid-template-columns:repeat(3,minmax(160px,1fr));gap:12px 18px;}
.settings-toggle-item-v3{height:48px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 12px;border:1px solid #e2e9f1;background:#fafbfd;}
.settings-switch{height:28px;display:inline-flex;align-items:center;gap:8px;cursor:pointer;user-select:none;}
.settings-switch-input{position:absolute;opacity:0;pointer-events:none;}
.settings-switch-track{position:relative;width:38px;height:21px;border-radius:11px;background:#a8b3c0;transition:background .16s ease;}
.settings-switch-track:after{content:"";position:absolute;left:3px;top:3px;width:15px;height:15px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(15,23,42,.22);transition:transform .16s ease;}
.settings-switch-input:checked~.settings-switch-track{background:#18a96f;}
.settings-switch-input:checked~.settings-switch-track:after{transform:translateX(17px);}
.settings-switch-input:focus-visible~.settings-switch-track{outline:2px solid rgba(30,154,240,.35);outline-offset:2px;}
.settings-switch-state{min-width:28px;font-size:12px;color:#64748b;}
.settings-switch-state:after{content:attr(data-off);}
.settings-switch-input:checked~.settings-switch-state:after{content:attr(data-on);color:#15845a;}
.settings-process-list-v3{display:block;width:100%;min-height:128px;padding:10px 12px;border:1px solid #cbd8e6!important;border-radius:4px!important;background:#fff!important;color:#243041!important;font:12px/1.55 Menlo,Consolas,monospace;resize:vertical;}
.settings-process-list-v3:focus{border-color:#1e9af0!important;box-shadow:0 0 0 2px rgba(30,154,240,.14)!important;}
.settings-help-v3{margin-top:7px;color:#7b8795;font-size:12px;}
@media(max-width:1180px){
.settings-client-grid-v3{grid-template-columns:1fr 1fr;}
.settings-price-grid-v3{grid-template-columns:repeat(3,1fr);}
}
@media(max-width:820px){
.tabs-multi{padding-left:8px;}
.settings-page-v3{width:calc(100% - 20px);margin-top:10px;}
.settings-cols-2-v3,.settings-client-grid-v3,.settings-price-grid-v3,.settings-toggle-grid-v3{grid-template-columns:1fr;}
.settings-field-short-v3 .input{max-width:none;}
}
/* ===== Device registration catalog 20260717 ===== */
.register-page-v2{height:auto!important;min-height:430px;padding:18px 16px 52px!important;background:#eef3f8!important;box-shadow:none!important;border:0!important;}
.register-form-v2{width:min(1040px,calc(100% - 20px))!important;margin:0 auto!important;padding:0!important;}
.device-service-columns{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
.device-service-group{background:#fff;border:1px solid #dfe7f0;}
.device-service-group h2{height:42px;display:flex;align-items:center;margin:0;padding:0 14px;border-bottom:1px solid #e5ebf2;color:#27364a;font-size:14px;}
.device-service-list{display:grid;grid-template-columns:1fr 1fr;gap:0;}
.device-service-option{min-width:0;height:42px;display:grid;grid-template-columns:18px minmax(0,1fr) 42px;align-items:center;gap:8px;padding:0 12px;border-right:1px solid #edf1f5;border-bottom:1px solid #edf1f5;cursor:pointer;background:#fff;}
.device-service-option:nth-child(2n){border-right:0;}
.device-service-option:hover{background:#f4f9fd;}
.device-service-option input{width:15px;height:15px;margin:0;accent-color:#1e9af0;}
.device-service-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#334155;font-size:13px;}
.device-service-price{text-align:right;color:#1e7fba;font-weight:700;font-size:12px;}
.device-service-option:has(input:checked){background:#edf7ff;box-shadow:inset 3px 0 #1e9af0;}
.device-register-footer{min-height:68px;display:flex;align-items:end;gap:12px;margin-top:14px;padding:12px 14px;background:#fff;border:1px solid #dfe7f0;}
.device-register-ecid{flex:1;display:flex;flex-direction:column;gap:6px;color:#526174;font-size:12px;font-weight:600;}
.device-register-ecid .input{width:100%;height:36px;}
.device-register-footer .btn{height:36px;min-width:112px;border-radius:4px!important;box-shadow:none!important;}
@media(max-width:1050px){.device-service-list{grid-template-columns:1fr}.device-service-option{border-right:0}.device-service-columns{gap:10px}}
@media(max-width:780px){.device-service-columns{grid-template-columns:1fr}.device-register-footer{align-items:stretch;flex-direction:column}.device-register-footer .btn{width:100%}}
/* ===== Stable data tables + visible operations 20260717 ===== */
.data-table-fixed{table-layout:fixed;}
.clip-cell{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.table td.clip-cell,.table td.audit-detail,.table td.ellipsis{min-width:0;max-width:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.table th.sticky-action,.table td.sticky-action{position:sticky;right:0;}
.table th.sticky-action{z-index:5;background:#f6f9fc!important;}
.table td.sticky-action{z-index:3;background:#fff!important;box-shadow:-8px 0 12px -12px rgba(15,38,76,.55);}
.table tr:hover td.sticky-action{background:#f2f8ff!important;}
.transactions-table th.sticky-time,.transactions-table td.sticky-time{position:sticky;right:166px;}
.transactions-table th.sticky-time{z-index:4;background:#f6f9fc!important;}
.transactions-table td.sticky-time{z-index:2;background:#fff!important;box-shadow:-8px 0 12px -12px rgba(15,38,76,.45);}
.transactions-table tr:hover td.sticky-time{background:#f2f8ff!important;}
.iboot-table th.sticky-status,.iboot-table td.sticky-status{position:sticky;right:90px;}
.iboot-table th.sticky-status{z-index:4;background:#f6f9fc!important;}
.iboot-table td.sticky-status{z-index:2;background:#fff!important;box-shadow:-8px 0 12px -12px rgba(15,38,76,.45);}
.iboot-table tr:hover td.sticky-status{background:#f2f8ff!important;}
.transaction-detail-card{width:min(660px,calc(100vw - 48px));}
.transaction-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:0;padding:8px 18px 18px;}
.transaction-detail-grid>div{min-width:0;padding:11px 8px;border-bottom:1px solid #edf1f5;display:flex;flex-direction:column;gap:5px;}
.transaction-detail-grid>div.wide{grid-column:1/-1;}
.transaction-detail-grid span{color:#7b8795;font-size:12px;}
.transaction-detail-grid strong{min-width:0;color:#334155;font-size:13px;font-weight:600;overflow-wrap:anywhere;}
.transaction-detail-note{white-space:pre-wrap;}
.transaction-action-buttons{display:flex;align-items:center;gap:6px;}
.transaction-detail-actions{margin:0 26px 18px;padding-top:14px;}
.blacklist-table{min-width:1120px!important;}
.audit-table{min-width:1760px!important;}
.logs-table{min-width:1160px!important;}
.transactions-table{min-width:1430px!important;}
.users-table{min-width:1200px!important;}
.mac-auth-table{min-width:1180px!important;}
.iboot-table{min-width:1250px!important;}
.firmware-files-table{min-width:980px!important;}
.dashboard-device-table{min-width:1220px!important;}
@media(max-width:720px){.transaction-detail-grid{grid-template-columns:1fr}.transaction-detail-grid>div.wide{grid-column:auto}}
/* ===== Reference-aligned admin workspace 20260717 ===== */
:root{
--admin-side-width:260px;
--admin-side-collapsed:64px;
--admin-bg:#f0f2f5;
--admin-side:#001529;
--admin-side-deep:#000f1f;
--admin-blue:#409eff;
--admin-line:#e6e9ed;
--admin-text:#4a5563;
}
html,body{background:var(--admin-bg);}
body.admin-page{color:var(--admin-text);font-family:"Helvetica Neue",Helvetica,"PingFang SC","Microsoft YaHei",Tahoma,Arial,sans-serif;}
.admin-shell{display:block;min-height:100vh;background:var(--admin-bg);}
.side{
position:fixed;
inset:0 auto 0 0;
z-index:70;
width:var(--admin-side-width);
min-height:100vh;
overflow-x:hidden;
overflow-y:auto;
background:var(--admin-side);
box-shadow:2px 0 6px rgba(0,21,41,.35);
transition:width .18s ease;
}
.brand{
height:50px;
padding:0 18px;
background:#031b35;
border-bottom:1px solid rgba(255,255,255,.05);
box-shadow:none;
}
.brand-logo{
width:28px;
height:28px;
margin-right:10px;
border:0;
border-radius:5px;
background:#0b5ea8;
box-shadow:none;
font-size:15px;
}
.brand-name{font-size:18px;font-weight:500;letter-spacing:0;text-shadow:none;}
.menu-section{border-bottom:0;}
.menu-title{
height:42px;
padding:0 20px;
background:#061b30;
color:#eef4fa;
font-size:14px;
font-weight:500;
cursor:pointer;
user-select:none;
outline:0;
}
.menu-title:focus-visible{box-shadow:inset 0 0 0 2px rgba(64,158,255,.6);}
.menu-label{font-size:14px!important;color:inherit!important;}
.menu-chevron{font-size:14px!important;color:#b9c6d2!important;transition:transform .16s ease;}
.menu-section.collapsed .menu-chevron{transform:rotate(180deg);}
.menu-section nav{display:block;max-height:640px;overflow:hidden;transition:max-height .18s ease;}
.menu-section.collapsed nav{max-height:0;}
.nav-item{
height:40px;
margin:0;
padding:0 42px;
border-radius:0;
background:var(--admin-side-deep);
color:#bdc8d2;
transition:background .12s ease,color .12s ease;
}
.nav-item:before{display:none;}
.nav-item:hover{background:#08243e;color:#fff;transform:none;}
.nav-item.active{
background:linear-gradient(90deg,#32aff4,#347fe9);
color:#fff;
border-top:1px solid #e8bf35;
border-bottom:1px solid #e8bf35;
box-shadow:none;
font-weight:500;
}
.nav-icon{width:16px;margin-right:12px;font-size:12px;filter:none;}
.page{
width:calc(100% - var(--admin-side-width));
min-height:100vh;
margin-left:var(--admin-side-width);
padding-bottom:30px;
transition:width .18s ease,margin-left .18s ease;
}
.topbar{
position:sticky;
top:0;
z-index:60;
height:50px;
padding:0 20px;
overflow:visible;
background:#fff;
border-bottom:1px solid #edf0f3;
box-shadow:none;
backdrop-filter:none;
}
.hamb{
width:30px;
height:30px;
padding:0;
border:0;
border-radius:2px;
background:transparent;
color:#505b66;
font-size:18px;
line-height:30px;
cursor:pointer;
}
.hamb:hover{background:#f3f5f7;color:#222;}
.top-user{min-height:32px;border-radius:2px;color:#333;}
.top-user:hover,.top-user[aria-expanded="true"]{background:#f3f5f7;}
.top-user-dropdown{top:calc(100% + 4px);border-radius:2px;box-shadow:0 8px 22px rgba(0,0,0,.14);}
.tabs.tabs-multi{
position:sticky;
top:50px;
z-index:45;
height:42px;
align-items:stretch;
gap:0;
padding:0 18px;
background:#fff!important;
border-bottom:1px solid var(--admin-line);
box-shadow:none;
scrollbar-width:thin;
}
.tab-item{
height:42px;
min-width:98px;
max-width:180px;
border:0;
border-right:1px solid #edf0f3;
border-radius:0;
background:#fff;
color:#333;
}
.tab-item:first-child{border-left:1px solid #edf0f3;}
.tab-item:hover{background:#f7f8fa;color:#222;}
.tab-item.active{background:#f7f8fa;color:#111;border-top:2px solid var(--admin-blue);font-weight:500;}
.tab-link{height:40px;padding:0 7px 0 14px;}
.tab-close-link,.tab-close-spacer{margin-right:2px;}
.tab-close-link{border-radius:2px;color:#a9b1ba;}
.tab-close-link:hover{background:#e9edf1;color:#66717c;}
.content{min-height:calc(100vh - 120px);padding-top:0;background:var(--admin-bg);}
.admin-footer{
left:var(--admin-side-width);
height:30px;
line-height:30px;
background:#e9ebee;
color:#777;
box-shadow:none;
backdrop-filter:none;
transition:left .18s ease;
}
.admin-shell.sidebar-collapsed .side{width:var(--admin-side-collapsed);}
.admin-shell.sidebar-collapsed .page{width:calc(100% - var(--admin-side-collapsed));margin-left:var(--admin-side-collapsed);}
.admin-shell.sidebar-collapsed .admin-footer{left:var(--admin-side-collapsed);}
.admin-shell.sidebar-collapsed .brand{padding:0;justify-content:center;}
.admin-shell.sidebar-collapsed .brand-logo{margin:0;}
.admin-shell.sidebar-collapsed .brand-name,
.admin-shell.sidebar-collapsed .menu-label,
.admin-shell.sidebar-collapsed .menu-chevron,
.admin-shell.sidebar-collapsed .nav-item>span:last-child{display:none;}
.admin-shell.sidebar-collapsed .menu-title{padding:0;justify-content:center;}
.admin-shell.sidebar-collapsed .nav-item{padding:0;justify-content:center;}
.admin-shell.sidebar-collapsed .nav-icon{margin:0;}
.panel-wrap{padding:14px 16px 42px;}
.grid-panel,.manager-panel,.formbox,.card,.service-section,.status-page{
border:1px solid var(--admin-line)!important;
border-radius:0!important;
background:#fff!important;
box-shadow:none!important;
}
.manager-panel{margin:14px 16px 42px!important;}
.manager-toolbar,.toolbar{
min-height:58px;
padding:10px 14px;
background:#fff!important;
border-color:var(--admin-line)!important;
gap:10px;
}
.admin-page .manager-input,.admin-page .manager-select,.admin-page .search-input,.admin-page .input,.admin-page select,.admin-page textarea{
border:1px solid #d9dde3;
border-radius:2px!important;
background:#fff;
box-shadow:none;
}
.admin-page .manager-input:focus,.admin-page .manager-select:focus,.admin-page .search-input:focus,.admin-page .input:focus,.admin-page select:focus,.admin-page textarea:focus{
border-color:var(--admin-blue)!important;
box-shadow:0 0 0 1px rgba(64,158,255,.12)!important;
}
.rect-btn,.tool-square{
height:34px;
min-height:34px;
border-radius:2px!important;
border-color:#d6d9de;
background:#fff!important;
color:#4d5660;
box-shadow:none!important;
transform:none!important;
font-weight:400;
}
.rect-btn:hover,.tool-square:hover{border-color:#9ec9f5;color:#2788e8;box-shadow:none!important;transform:none!important;}
.rect-btn.primary{border-color:var(--admin-blue);background:var(--admin-blue)!important;color:#fff;}
.rect-btn.danger,.orange-mini{border-color:#ef5b2a;background:#ef5b2a!important;color:#fff;box-shadow:none!important;}
.rect-btn.green{border-color:#35b88f;background:#35b88f!important;color:#fff;}
.btn{box-shadow:none!important;transform:none!important;font-weight:500;}
.btn:hover,.btn:active{transform:none!important;box-shadow:none!important;}
.btn.flat{border-radius:2px;background:#fff;color:#555;border:1px solid #d6d9de;}
.action-strip{
height:60px;
margin:10px 14px;
border:1px solid var(--admin-line);
border-radius:0;
background:#fff;
box-shadow:none;
}
.dash-cards{gap:10px;padding:10px 14px 0;background:transparent;}
.metric-card{
height:123px;
border:1px solid var(--admin-line);
border-radius:0;
background:#fff;
box-shadow:none;
transition:none;
}
.metric-card:hover{transform:none;box-shadow:none;border-color:var(--admin-line);}
.metric-title{height:42px;line-height:42px;background:#fff;color:#222;font-weight:400;}
.metric-value{font-weight:400;color:#222;}
.metric-value.small{font-size:14px;}
.wide-table-wrap,.table-scroll{scrollbar-gutter:stable;overscroll-behavior:contain;background:#fff;}
.wide-table-wrap{max-height:calc(100vh - 188px);}
.table{
border-color:var(--admin-line)!important;
background:#fff;
font-size:13px;
}
.table th,.table td{
height:38px;
padding:0 14px;
border-color:var(--admin-line)!important;
color:#4b5561!important;
}
.table th{background:#f7f8fa!important;color:#4b5561!important;font-weight:600;}
.table tr{transition:none;}
.table tr:hover td{background:#f5f9fe!important;}
.table th.sticky-action,.table th.sticky-time,.table th.sticky-status{background:#f7f8fa!important;}
.table td.sticky-action,.table td.sticky-time,.table td.sticky-status{background:#fff!important;box-shadow:-7px 0 10px -11px rgba(30,50,70,.65);}
.table tr:hover td.sticky-action,.table tr:hover td.sticky-time,.table tr:hover td.sticky-status{background:#f5f9fe!important;}
.table-empty{height:150px;background:#fff;color:#8c949e;}
.pager{height:48px;padding:0 14px;border-color:var(--admin-line);background:#fff;}
.pager .page-num{border-radius:2px;transform:none!important;}
.pager .page-num:hover{transform:none!important;}
.pager .page-num.active{background:#35b6aa;box-shadow:none;}
.page-transactions .content>.toolbar,.page-logs .content>.toolbar{margin:14px 16px 0;border:1px solid var(--admin-line);border-bottom:0;}
.page-transactions .content>.wide-table-wrap,.page-logs .content>.wide-table-wrap{margin:0 16px 42px;border:1px solid var(--admin-line);}
.muted-line{padding:12px 16px 0;color:#6b7280;}
.flash{margin:10px 16px 0;border-radius:2px;box-shadow:none;}
.modal-mask{padding:20px;background:rgba(0,0,0,.34);backdrop-filter:none!important;}
.modal-card{
border:1px solid #d9dde3;
border-radius:2px!important;
box-shadow:0 12px 32px rgba(0,0,0,.22);
}
.modal-head{height:48px;padding:0 16px;border-color:#e5e8ec;background:#fff;color:#333;}
.modal-close{border-radius:2px;}
.modal-close:hover{background:#f0f2f5;color:#333;}
.modal-form{padding:18px;}
.modal-actions{border-color:#eceff2;}
.badge{border-radius:2px;}
.ui-switch,.settings-switch-track{box-shadow:none;}
.settings-page-v3{width:calc(100% - 32px);max-width:none;margin:16px auto 48px;}
.settings-toolbar-v3{height:52px;padding:0 16px;border:1px solid var(--admin-line);background:#fff;}
.settings-surface-v3{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;padding:14px;background:transparent;border:0;}
.settings-section-v3{
min-width:0;
padding:18px;
border:1px solid var(--admin-line);
border-radius:7px;
background:#fff;
box-shadow:0 3px 10px rgba(35,55,75,.06);
}
.settings-section-last-v3{grid-column:1/-1;}
.settings-interface-v3{grid-column:1/-1;}
.settings-section-v3 h2{margin:0 0 14px;padding-left:10px;border-left:3px solid var(--admin-blue);font-size:14px;color:#283443;}
.settings-client-grid-v3{grid-template-columns:repeat(2,minmax(0,1fr));}
.settings-toggle-grid-v3{grid-template-columns:repeat(3,minmax(0,1fr));}
.settings-toggle-item-v3{background:#fafbfc;border-color:#e4e8ed;}
.settings-process-list-v3{border-radius:2px!important;}
@media(max-width:1200px) and (min-width:781px){
.dash-cards{grid-template-columns:1fr 1fr;}
.dash-cards .metric-card:nth-child(5){grid-column:1/-1;}
}
@media(max-width:1050px){
.settings-surface-v3{grid-template-columns:1fr;}
.settings-section-last-v3,.settings-interface-v3{grid-column:auto;}
}
@media(max-width:780px){
.admin-shell,.admin-shell.sidebar-collapsed{display:block;}
.side,.admin-shell.sidebar-collapsed .side{position:relative;width:100%;min-height:0;max-height:none;}
.page,.admin-shell.sidebar-collapsed .page{width:100%;margin-left:0;}
.admin-footer,.admin-shell.sidebar-collapsed .admin-footer{left:0;}
.admin-shell.sidebar-collapsed .brand{padding:0 18px;justify-content:flex-start;}
.admin-shell.sidebar-collapsed .brand-logo{margin-right:10px;}
.admin-shell.sidebar-collapsed .brand-name,.admin-shell.sidebar-collapsed .menu-label,.admin-shell.sidebar-collapsed .menu-chevron,.admin-shell.sidebar-collapsed .nav-item>span:last-child{display:block;}
.admin-shell.sidebar-collapsed .menu-title{padding:0 20px;justify-content:space-between;}
.admin-shell.sidebar-collapsed .nav-item{padding:0 42px;justify-content:flex-start;}
.admin-shell.sidebar-collapsed .nav-icon{margin-right:12px;}
.topbar{top:0;}
.tabs.tabs-multi{top:50px;padding-left:8px;}
.dash-cards{grid-template-columns:1fr;}
.dash-cards .metric-card:nth-child(5){grid-column:auto;}
.manager-panel{margin-left:10px!important;margin-right:10px!important;}
.page-transactions .content>.toolbar,.page-logs .content>.toolbar{margin-left:10px;margin-right:10px;}
.page-transactions .content>.wide-table-wrap,.page-logs .content>.wide-table-wrap{margin-left:10px;margin-right:10px;}
}
.admin-shell .content{transition:none;}
.admin-shell.route-loading .content{opacity:1;}
.admin-shell.route-loading .page:after{display:none;}