*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",Arial,sans-serif;color:#1c2a44;background:#f4f8fd}button{font:inherit}.app-shell{display:flex;min-height:100vh}.sidebar{position:fixed;left:0;top:0;bottom:0;width:232px;background:linear-gradient(180deg,#f7fbff,#f3f8ff);border-right:1px solid #e4edf8;display:flex;flex-direction:column;z-index:10}.brand{height:60px;display:flex;align-items:center;padding:0 22px;border-bottom:1px solid #e7eef8;gap:10px}.brand-mark{width:26px;height:26px;background:#2879fa;color:#fff;border-radius:7px;display:flex;align-items:center;justify-content:center;font-size:17px;font-weight:800}.brand strong{font-size:18px}.brand span{font-size:10px;color:#2879fa;background:#eaf2ff;border-radius:10px;padding:3px 6px;margin-left:7px}.menu{padding:14px 12px;overflow:auto;flex:1}.menu img,.topbar img{width:18px;height:18px}.menu>a{height:40px;border-radius:6px;padding:0 14px;display:flex;gap:11px;align-items:center;color:#45607e;text-decoration:none;font-size:14px}.menu>a.active{color:#fff;background:linear-gradient(135deg,#3689ff,#1f70f2);box-shadow:0 6px 16px rgba(40,121,250,.18)}.menu>a.active img{filter:brightness(0) invert(1)}.menu-group{padding-top:11px;color:#58708f;font-size:13px}.menu-title{height:32px;display:flex;align-items:center;gap:11px;padding:0 14px;font-weight:650;color:#2f4c6e}.menu-title b{margin-left:auto;font-size:12px;color:#6f8bb0}.menu-group>span{display:block;padding:7px 0 7px 44px;color:#657995}.collapse{height:52px;border-top:1px solid #e7eef8;display:flex;align-items:center;gap:9px;padding:0 24px;color:#4b6686;font-size:14px}.main{margin-left:232px;width:calc(100% - 232px)}.topbar{height:60px;background:#fff;border-bottom:1px solid #e5edf7;display:flex;align-items:center;justify-content:space-between;padding:0 22px}.topbar .left,.topbar .right{display:flex;align-items:center;gap:16px;font-size:13px}.topbar .left em{font-style:normal;color:#bbc5d2}.topbar .right img{width:20px;height:20px}.notify{position:relative;display:flex}.notify i{position:absolute;right:-8px;top:-9px;background:#ff3b30;color:#fff;border-radius:10px;min-width:17px;height:17px;line-height:17px;text-align:center;font-size:10px;font-style:normal}.avatar{width:30px;height:30px;border-radius:50%;background:#70a9ef;color:#fff;display:flex;align-items:center;justify-content:center}.content{padding:12px 24px 20px;background:radial-gradient(circle at 20% 0%,rgba(91,156,255,.08),transparent 28%),#f5f9ff;min-height:calc(100vh - 60px)}.page-tools{height:36px;display:flex;justify-content:space-between;align-items:center}.page-tools button,.card-head button{height:30px;border:1px solid #d9e5f4;background:#fff;color:#617591;padding:0 14px}.page-tools button:first-child{border-radius:5px 0 0 5px}.page-tools button:last-child{border-radius:0 5px 5px 0}.primary-soft{color:#2879fa!important;background:#eef5ff!important}.metric-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.metric-card{background:#fff;border:1px solid #e5edf7;border-radius:8px;min-height:152px;padding:18px 20px 12px;position:relative;box-shadow:0 3px 12px rgba(33,77,130,.035);overflow:hidden}.metric-card>div:first-child{display:flex;flex-direction:column}.metric-card span{font-size:13px;color:#617591}.metric-card strong{font-size:26px;letter-spacing:.2px;margin-top:10px;color:#192744}.metric-card small{font-size:11px;color:#8796a9;margin-top:9px}.metric-icon{position:absolute;right:18px;top:28px;width:42px;height:42px;border-radius:50%;background:#eef5ff;display:flex;align-items:center;justify-content:center}.metric-icon img{width:22px;height:22px;filter:invert(43%) sepia(97%) saturate(2733%) hue-rotate(204deg) brightness(100%)}.spark{position:absolute;left:20px;right:20px;bottom:10px;width:calc(100% - 40px);height:22px}.spark polyline{fill:none;stroke:#438cff;stroke-width:1.5}.grid-main{display:grid;grid-template-columns:2fr 1fr;gap:12px;margin-top:12px}.card{background:#fff;border:1px solid #e5edf7;border-radius:8px;box-shadow:0 3px 12px rgba(33,77,130,.035)}.card-head{height:48px;padding:0 18px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #edf2f8}.card-head strong{font-size:15px}.card-head a{font-size:12px;color:#2879fa}.card-head button{font-size:12px}.card-head button.active{background:#2879fa;color:#fff;border-color:#2879fa}.legend{padding:14px 26px 0;display:flex;gap:26px;color:#657995;font-size:11px}.legend i{display:inline-block;width:12px;height:3px;margin-right:6px;vertical-align:middle}.legend .blue{background:#2879fa}.legend .green{background:#26b99a}.chart-wrap{height:245px;position:relative;padding:4px 22px 14px}.chart-wrap svg{width:100%;height:100%}.grid-lines line{stroke:#e9eff7;stroke-width:1;stroke-dasharray:3 3}.line{fill:none;stroke-width:2}.blue-line{stroke:#2879fa}.green-line{stroke:#26b99a}.chart-empty{position:absolute;right:28px;bottom:18px;color:#a1adbb;font-size:11px}.source-card{position:relative;min-height:338px}.donut{width:170px;height:170px;border-radius:50%;background:conic-gradient(#2879fa 0 25%,#25bfa6 25% 50%,#f5a623 50% 75%,#8066e9 75% 100%);position:absolute;left:34px;top:92px}.donut:after{content:'';position:absolute;inset:28px;background:#fff;border-radius:50%}.donut-hole{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center}.donut-hole strong{font-size:23px}.donut-hole span{font-size:11px;color:#7b899c;margin-top:4px}.source-list{position:absolute;right:28px;top:98px;display:flex;flex-direction:column;gap:18px;min-width:150px}.source-list span{font-size:12px;color:#5d708b}.source-list b{float:right;color:#2d4160;font-weight:500}.dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:10px}.c1{background:#2879fa}.c2{background:#25bfa6}.c3{background:#f5a623}.c4{background:#8066e9}.grid-bottom{display:grid;grid-template-columns:1fr 1fr 1.25fr;gap:12px;margin-top:12px}.grid-bottom>.card{min-height:220px}.bar-chart{height:130px;margin:18px 24px 0;border-left:1px solid #e9eff7;border-bottom:1px solid #e9eff7;display:flex;gap:18px;align-items:flex-end;padding:0 18px}.bar-chart span{flex:1;background:linear-gradient(#438cff,#2879fa);min-width:16px}.foot-note{font-size:11px;color:#98a5b5;text-align:center;margin-top:8px}.status-table{padding:8px 18px}.status-table div{display:flex;justify-content:space-between;align-items:center;height:38px;border-bottom:1px solid #eff3f8;font-size:12px}.status-table b{font-size:11px;padding:3px 8px;border-radius:10px}.ok{color:#25a880;background:#e9fbf4}.pending{color:#de8d1b;background:#fff7e8}.announcements{padding:8px 18px}.announcements p{margin:0;height:42px;display:flex;align-items:center;border-bottom:1px solid #eff3f8;font-size:12px;color:#4f6481}.announcements i{width:6px;height:6px;background:#2879fa;border-radius:50%;margin-right:10px}.announcements time{margin-left:auto;color:#95a3b5}footer{height:46px;display:flex;align-items:flex-end;color:#8b9aaf;font-size:11px}
@media (max-width:1250px){.metric-grid{grid-template-columns:repeat(3,1fr)}.grid-main{grid-template-columns:1fr}.grid-bottom{grid-template-columns:1fr 1fr}.source-card{min-height:300px}}
@media (max-width:900px){.sidebar{width:72px}.brand{padding:0 20px}.brand>div:last-child,.menu span,.menu-title b,.collapse span{display:none}.menu>a,.menu-title{padding:0;justify-content:center}.main{margin-left:72px;width:calc(100% - 72px)}.metric-grid,.grid-bottom{grid-template-columns:1fr 1fr}}

.menu-group .sub-link{display:block;padding:7px 0 7px 44px;color:#657995;text-decoration:none;font-size:13px}.menu-group .sub-link:hover,.menu-group .sub-link.active-sub{color:#2879fa;background:#edf5ff;border-radius:5px}.status-tag{font-size:11px;padding:4px 9px;border-radius:10px;font-weight:600}.status-tag.ok{color:#20a47c;background:#e9fbf4}.status-tag.pending{color:#dd8b19;background:#fff6e5}.status-table-large{padding-top:12px}.status-table-large div{height:47px}.page-header-block{min-height:84px;display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.page-header-block h1{margin:0;font-size:20px;color:#1b2b47}.page-header-block p{margin:7px 0 0;font-size:12px;color:#7d8da3}.architecture-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.architecture-card{padding:20px;min-height:180px}.architecture-card .arch-icon{width:44px;height:44px;border-radius:12px;background:#eef5ff;color:#2879fa;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:12px;margin-bottom:15px}.architecture-card strong{font-size:15px}.architecture-card p{font-size:12px;line-height:1.75;color:#73849b;min-height:44px}.architecture-card span{font-size:11px;color:#2879fa;background:#f0f6ff;padding:4px 8px;border-radius:6px}.flow-card{margin-top:12px}.flow-row{min-height:110px;padding:28px 20px;display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap}.flow-row span{border:1px solid #dfe9f5;background:#f8fbff;color:#3c5879;padding:10px 14px;border-radius:7px;font-size:12px}.flow-row b{color:#92a7bf}.muted{font-size:11px;color:#91a0b3}.table-card{overflow:hidden}.admin-table{width:100%;border-collapse:collapse}.admin-table th{height:44px;text-align:left;padding:0 18px;background:#f8fbff;color:#6b7f99;font-size:12px;font-weight:600;border-bottom:1px solid #e8eff7}.admin-table td{height:54px;padding:0 18px;border-bottom:1px solid #eef3f8;font-size:12px;color:#657995}.admin-table td strong{color:#2a405f}.command-card{margin-top:12px}.command-card pre{margin:0;padding:20px;background:#18263b;color:#d9e7f8;font:12px/1.8 Consolas,monospace;border-radius:0 0 8px 8px}.doc-button{height:32px;padding:0 14px;border:1px solid #d9e5f4;border-radius:5px;display:flex;align-items:center;text-decoration:none;color:#2879fa;background:#fff;font-size:12px}.admin-empty{min-height:150px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#96a5b8}.admin-empty strong{font-size:13px;color:#5f748f;margin-bottom:6px}.admin-empty span{font-size:11px}@media(max-width:1250px){.architecture-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:900px){.architecture-grid{grid-template-columns:1fr}.flow-row{justify-content:flex-start}}

/* V0.03 Design System refinements */
:root{--admin-primary:#2879fa;--admin-primary-soft:#eef5ff;--admin-bg:#f4f8fd;--admin-card:#fff;--admin-line:#e5edf7;--admin-text:#1c2a44;--admin-muted:#71839a;--admin-green:#23b58d;--admin-orange:#f2a035;--admin-purple:#8065e9;--admin-danger:#f45b65;--admin-radius:8px;--admin-shadow:0 3px 12px rgba(33,77,130,.035)}
.content{padding:10px 24px 22px;background:radial-gradient(circle at 18% 0%,rgba(66,139,255,.085),transparent 27%),var(--admin-bg)}
.topbar{box-shadow:0 1px 0 rgba(33,77,130,.01)}.brand-mark{box-shadow:0 5px 12px rgba(40,121,250,.18)}
.metric-card{transition:transform .18s ease,box-shadow .18s ease}.metric-card:hover{transform:translateY(-1px);box-shadow:0 8px 22px rgba(33,77,130,.07)}
.ds-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.ds-card{padding:18px;min-height:150px}.swatches{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-top:14px}.swatch{height:62px;border-radius:8px;display:flex;align-items:flex-end;padding:8px;color:#fff;font-size:10px}.type-samples{display:flex;flex-direction:column;gap:14px;margin-top:15px}.type-samples span{color:#253a57}.type-samples small{color:#7b8da4}.type-xl{font-size:24px;font-weight:750}.type-lg{font-size:18px;font-weight:700}.type-md{font-size:14px}.component-preview{display:flex;gap:10px;flex-wrap:wrap;margin-top:15px}.ui-button{height:34px;border-radius:6px;padding:0 15px;border:1px solid #dbe6f3;background:#fff;color:#4d6380}.ui-button.primary{background:#2879fa;border-color:#2879fa;color:#fff}.ui-button.danger{background:#fff0f1;border-color:#ffd8dc;color:#e54d59}.ui-chip{height:27px;padding:0 10px;border-radius:14px;display:flex;align-items:center;background:#eef5ff;color:#2879fa;font-size:11px}.spacing-scale{display:flex;align-items:flex-end;gap:9px;margin-top:18px}.spacing-scale i{display:block;background:#d7e6fb;border:1px solid #b9d3f8}.spacing-scale small{display:block;text-align:center;margin-top:4px;color:#8192a8;font-size:9px}.icon-preview{display:grid;grid-template-columns:repeat(8,44px);gap:8px;margin-top:15px}.icon-preview div{width:44px;height:44px;border:1px solid #e5edf7;border-radius:8px;display:flex;align-items:center;justify-content:center;background:#fff}.icon-preview img{width:20px;height:20px}.screen-spec{width:100%;border-collapse:collapse;margin-top:14px}.screen-spec td,.screen-spec th{height:39px;border-bottom:1px solid #edf2f8;text-align:left;padding:0 12px;font-size:11px}.screen-spec th{background:#f8fbff;color:#657995}@media(max-width:1250px){.ds-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:900px){.ds-grid{grid-template-columns:1fr}.icon-preview{grid-template-columns:repeat(5,44px)}}

/* V0.04 data model */
.model-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:12px}.model-stat{min-height:110px;padding:18px;display:flex;flex-direction:column}.model-stat span{font-size:12px;color:#71839a}.model-stat strong{font-size:25px;color:#1c2a44;margin-top:9px}.model-stat small{font-size:10px;color:#96a5b8;margin-top:7px}.model-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.model-card{min-height:190px}.table-pills{display:flex;gap:7px;flex-wrap:wrap;padding:16px}.table-pills code{font:11px/1.2 Consolas,monospace;padding:6px 8px;border:1px solid #e1eaf6;background:#f8fbff;color:#496482;border-radius:5px}.model-rules{margin-top:12px}.rule-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:0 24px;padding:10px 18px 18px}.rule-grid div{padding:13px 0;border-bottom:1px solid #edf2f8;display:flex;flex-direction:column;gap:5px}.rule-grid b{font-size:12px;color:#29425f}.rule-grid span{font-size:11px;line-height:1.65;color:#788ba3}@media(max-width:1100px){.model-summary{grid-template-columns:repeat(2,1fr)}.model-grid,.rule-grid{grid-template-columns:1fr}}
.account-stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:12px}.data-table-card{padding:0;overflow:hidden}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:920px}th,td{padding:13px 15px;text-align:left;border-bottom:1px solid #edf1f6;font-size:12px;color:#536174}th{background:#f8fbff;color:#7b8797;font-weight:600}td strong{color:#1d2a3d}.table-empty{text-align:center!important;padding:45px!important;color:#9aa7b7!important}.user-cell{display:flex;align-items:center;gap:9px}.mini-avatar{width:32px;height:32px;border-radius:9px;background:#eaf2ff;color:#2879fa;display:flex;align-items:center;justify-content:center;font-weight:700}.user-cell div{display:flex;flex-direction:column;gap:2px}.user-cell small{font-size:9px;color:#9aa6b6}.soft-tag{display:inline-flex;padding:3px 8px;border-radius:999px;background:#f1f4f8;font-size:10px}.soft-tag.green{background:#e9faf3;color:#15956b}.soft-tag.red{background:#fff0ef;color:#e5524a}.admin-security-note{margin-top:12px;padding:13px 15px;border-radius:9px;background:#fff8e8;border:1px solid #f8e5b8;color:#765a1b;font-size:12px;line-height:20px}.sms-config-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.config-checks,.kv-list{padding:8px 18px 18px}.config-checks>div,.kv-list>div{min-height:42px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #edf1f6;font-size:12px}.config-checks b{font-size:11px}.config-checks b.ok{color:#18a977}.config-checks b.bad{color:#e4534c}.kv-list code{font-size:11px;background:#f3f7fc;padding:4px 7px;border-radius:5px;color:#325279}.config-doc{margin-top:12px}.config-doc pre{margin:0 18px 10px;background:#0f1b2d;color:#d8e6fa;padding:15px;border-radius:8px;line-height:1.75;overflow:auto;font-size:11px}.config-doc p{margin:0 18px 18px;font-size:12px;color:#77869a;line-height:20px}@media(max-width:1100px){.account-stat-grid{grid-template-columns:repeat(2,1fr)}.sms-config-grid{grid-template-columns:1fr}}

/* V0.06 identity/location */
.identity-provider-note{font-size:12px;color:#6f8198;line-height:1.7}
/* V0.07 user profile / relationship admin extensions */
.table-link{color:#2879fa;text-decoration:none;font-weight:600}.table-link:hover{text-decoration:underline}.statement-cell{max-width:360px;white-space:normal;line-height:1.65}.profile-admin-card{overflow:hidden}.profile-admin-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:8px 18px 18px;gap:0 22px}.profile-admin-grid>div{min-height:64px;padding:12px 0;border-bottom:1px solid #edf1f6;display:flex;flex-direction:column;gap:6px}.profile-admin-grid span,.profile-admin-bio span{font-size:11px;color:#8a99aa}.profile-admin-grid strong{font-size:12px;color:#314661;font-weight:600;overflow:hidden;text-overflow:ellipsis}.profile-admin-bio{margin:0 18px 18px;padding:14px 16px;border-radius:8px;background:#f8fbff;border:1px solid #edf3fa}.profile-admin-bio p{margin:7px 0 0;font-size:12px;line-height:1.75;color:#52677f}@media(max-width:1250px){.profile-admin-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.profile-admin-grid{grid-template-columns:1fr}}

/* V0.19 professional operations admin */
:root{--admin-blue:#2f80ed;--admin-blue-2:#5aa2ff;--admin-blue-soft:#edf6ff;--admin-bg:#f4f8fc;--admin-card:#fff;--admin-border:#dfe9f5;--admin-text:#21354f;--admin-muted:#72839a;--admin-danger:#e5484d;--admin-warning:#d88a1a;--admin-success:#17a673;--sidebar-width:248px;--topbar-height:64px}body{background:var(--admin-bg);color:var(--admin-text)}.sidebar{width:var(--sidebar-width);background:#f7fbff;border-right:1px solid #dfeaf6;box-shadow:2px 0 18px rgba(48,91,140,.035)}.brand{height:64px;padding:0 20px;gap:11px}.brand-mark{width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,#4b98ff,#2879eb);box-shadow:0 8px 18px rgba(47,128,237,.2)}.brand-copy{display:flex;flex-direction:column;gap:2px}.brand-copy strong{font-size:16px;letter-spacing:.3px}.brand-copy span{font-size:10px;background:none;padding:0;margin:0;color:#7791b1}.menu{padding:12px 10px 18px}.menu-link,.menu-group .sub-link{transition:.16s ease}.menu-link{height:42px!important;border-radius:9px!important;padding:0 13px!important}.menu-link.active{background:linear-gradient(135deg,#438ff5,#2f80ed)!important}.menu-group{padding:9px 0 2px}.menu-title{height:34px;padding:0 13px;color:#486582}.menu-title span{font-size:12px;font-weight:700;letter-spacing:.2px}.menu-group .sub-link{margin:2px 0 2px 30px;padding:8px 10px 8px 14px;border-radius:8px;color:#67809b}.menu-group .sub-link.active-sub{background:#eaf4ff;color:#2477df;font-weight:700;position:relative}.menu-group .sub-link.active-sub:before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:3px;border-radius:3px;background:#3b8df5}.sidebar-collapse{height:48px;border:0;border-top:1px solid #e2ebf5;background:transparent;color:#66809f;display:flex;align-items:center;justify-content:space-between;padding:0 18px;cursor:pointer}.sidebar-collapse b{font-size:22px;font-weight:400}.main{margin-left:var(--sidebar-width);width:calc(100% - var(--sidebar-width));transition:.18s ease}.topbar{height:var(--topbar-height);position:sticky;top:0;z-index:8;padding:0 24px;background:rgba(255,255,255,.96);backdrop-filter:blur(10px);border-bottom:1px solid #e2eaf4}.topbar-left,.topbar-right,.admin-profile{display:flex;align-items:center}.topbar-left{gap:12px;font-size:12px}.topbar-left em{font-style:normal;color:#b4c1d0}.topbar-left strong{font-size:14px}.topbar-right{gap:14px}.icon-button{border:0;background:transparent;padding:5px;display:none}.icon-button img{width:20px}.security-chip{font-size:10px;color:#238664;background:#ecfbf4;border:1px solid #d8f2e7;border-radius:999px;padding:6px 9px;display:flex;align-items:center;gap:6px}.security-chip i{width:6px;height:6px;border-radius:50%;background:#24b27e}.admin-profile{gap:9px;padding-left:6px}.admin-profile .avatar{width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,#8cc2ff,#5a9cf2)}.admin-profile>div{display:flex;flex-direction:column;gap:2px}.admin-profile strong{font-size:12px}.admin-profile small{font-size:9px;color:#8797aa;max-width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.logout-form{margin:0}.ghost-button,.primary-button,.danger-button,.warning-button,.small-button{border-radius:7px;border:1px solid var(--admin-border);background:#fff;padding:7px 12px;color:#536b87;font-size:11px;cursor:pointer}.primary-button{background:#2f80ed;border-color:#2f80ed;color:#fff}.danger-button{background:#fff4f3;border-color:#f2cecc;color:#c74448}.warning-button{background:#fff8e9;border-color:#f3dfb4;color:#a66d12}.small-button{padding:5px 9px}.content{padding:20px 24px 18px;min-height:calc(100vh - var(--topbar-height));background:radial-gradient(circle at 10% 0,rgba(71,145,240,.08),transparent 25%),#f4f8fc}.page-header-block{min-height:72px;margin:0 0 14px}.page-header-block h1{font-size:21px;letter-spacing:.2px}.page-header-block p{font-size:12px;line-height:1.7;max-width:920px}.card,.metric-card{border-color:#e1eaf4;border-radius:10px;box-shadow:0 4px 16px rgba(38,75,120,.035)}.metric-grid{gap:14px}.metric-card{min-height:132px}.account-stat-grid{gap:14px}.model-stat{border-radius:10px}.card-head{height:50px;background:#fff}.card-head strong{font-size:14px}.table-wrap{max-width:100%;overflow:auto}.admin-table,table{min-width:900px}.admin-table th,th{background:#f8fbfe;color:#71849a;font-size:11px}.admin-table td,td{font-size:11px}.table-actions{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.inline-form{display:flex;gap:6px;align-items:center;margin:0}.inline-form input,.inline-form select{height:30px;min-width:80px}.soft-tag.blue{background:#edf6ff;color:#2678df}.soft-tag.amber{background:#fff7e8;color:#ba7711}.soft-tag.green{background:#eaf9f3;color:#158761}.soft-tag.red{background:#fff0ef;color:#c84e4e}.flash{margin-bottom:12px;padding:11px 14px;border-radius:9px;border:1px solid;font-size:12px}.flash-success{background:#ecfbf4;border-color:#cceede;color:#187c5d}.flash-error{background:#fff1f0;border-color:#f1cfcc;color:#b43e43}.flash-warning{background:#fff8e8;border-color:#f1dfb9;color:#946417}.flash-info{background:#edf6ff;border-color:#d2e7fd;color:#2a6fbf}.action-panel{margin-bottom:14px;padding:16px 18px;border:1px solid #dfe9f5;background:#fff;border-radius:10px}.action-panel h3{margin:0 0 5px;font-size:14px}.action-panel>p{margin:0 0 14px;color:#75869b;font-size:11px;line-height:1.6}.admin-form{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.form-field{display:flex;flex-direction:column;gap:6px}.form-field.wide{grid-column:span 2}.form-field.full{grid-column:1/-1}.form-field>span{font-size:10px;color:#667c96;font-weight:650}.form-field input,.form-field select,.form-field textarea,.inline-form input,.inline-form select{border:1px solid #d7e3f0;border-radius:7px;background:#fbfdff;color:#2a415e;padding:7px 9px;outline:none;font:11px/1.4 inherit}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:#69a5f1;box-shadow:0 0 0 3px rgba(47,128,237,.08)}.form-field textarea{min-height:84px;resize:vertical}.form-actions{grid-column:1/-1;display:flex;align-items:center;gap:8px;padding-top:3px}.danger-confirm{padding:10px 12px;border-radius:8px;background:#fff7f6;border:1px solid #f4dcda;color:#9a5151;font-size:10px;line-height:1.6}.permission-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.permission-group{border:1px solid #e0eaf5;border-radius:9px;padding:12px;background:#fbfdff}.permission-group strong{display:block;font-size:11px;margin-bottom:8px;color:#385574}.check-line{display:flex;gap:7px;align-items:flex-start;padding:5px 0;font-size:10px;color:#637991}.check-line input{margin-top:1px}.kv-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.kv-card{padding:14px;border:1px solid #e2eaf4;background:#fff;border-radius:9px}.kv-card span{font-size:10px;color:#8291a4}.kv-card strong{display:block;margin-top:7px;font-size:18px}.empty-state{padding:42px;text-align:center;color:#8b99aa}.login-body{min-height:100vh;background:linear-gradient(135deg,#eef6ff 0,#f8fbff 48%,#edf5ff 100%);display:grid;place-items:center;padding:24px}.login-shell{width:min(940px,100%);min-height:560px;background:#fff;border:1px solid #dae7f5;border-radius:18px;box-shadow:0 24px 70px rgba(37,84,138,.12);display:grid;grid-template-columns:1.1fr .9fr;overflow:hidden}.login-brand-panel{padding:56px;background:linear-gradient(145deg,#f4f9ff,#eaf4ff);position:relative}.login-brand-panel:after{content:"";position:absolute;width:260px;height:260px;border-radius:50%;right:-80px;bottom:-80px;background:radial-gradient(circle,rgba(72,146,240,.19),rgba(72,146,240,0))}.login-logo{width:48px;height:48px;border-radius:14px;background:linear-gradient(135deg,#4d9bff,#2f80ed);color:#fff;display:grid;place-items:center;font-size:26px;font-weight:800;box-shadow:0 12px 30px rgba(47,128,237,.25)}.login-brand-panel h1{font-size:28px;margin:28px 0 10px}.login-brand-panel p{font-size:13px;line-height:1.9;color:#69809d;max-width:390px}.login-features{margin-top:40px;display:grid;gap:13px}.login-feature{font-size:11px;color:#52708f;display:flex;gap:9px;align-items:center}.login-feature i{width:18px;height:18px;border-radius:50%;background:#dcecff;color:#2f80ed;display:grid;place-items:center;font-style:normal;font-size:10px}.login-form-panel{padding:62px 50px;display:flex;flex-direction:column;justify-content:center}.login-form-panel h2{font-size:20px;margin:0 0 7px}.login-form-panel>p{font-size:11px;color:#8997aa;margin:0 0 28px}.login-form{display:grid;gap:14px}.login-form .form-field input{height:42px;background:#fff}.login-submit{height:42px;border:0;border-radius:8px;background:linear-gradient(135deg,#3f8ff7,#2f80ed);color:#fff;font-weight:700;cursor:pointer;box-shadow:0 10px 22px rgba(47,128,237,.18)}.setup-box{width:min(680px,100%);background:#fff;padding:34px;border:1px solid #dfe9f5;border-radius:16px;box-shadow:0 18px 50px rgba(43,88,140,.1)}.setup-box h1{font-size:22px;margin:0 0 8px}.setup-box p{font-size:12px;line-height:1.8;color:#6f839b}.setup-command{background:#142238;color:#dbe8f7;padding:14px;border-radius:9px;font:11px/1.8 Consolas,monospace;overflow:auto}.forbidden{max-width:720px;margin:70px auto;padding:35px;text-align:center}.forbidden h1{font-size:22px}.forbidden p{color:#75869a;font-size:12px}footer{height:auto;min-height:48px;padding-top:18px;display:flex;justify-content:space-between;align-items:center;color:#91a0b2}
html.sidebar-collapsed .sidebar{width:76px}html.sidebar-collapsed .main{margin-left:76px;width:calc(100% - 76px)}html.sidebar-collapsed .brand-copy,html.sidebar-collapsed .menu-title span,html.sidebar-collapsed .menu-group .sub-link,html.sidebar-collapsed .sidebar-collapse span{display:none}html.sidebar-collapsed .brand{justify-content:center;padding:0}html.sidebar-collapsed .menu-title,html.sidebar-collapsed .menu-link{justify-content:center;padding:0!important}html.sidebar-collapsed .menu-link span{display:none}html.sidebar-collapsed .sidebar-collapse{justify-content:center}html.sidebar-collapsed .sidebar-collapse b{transform:rotate(180deg)}
@media(max-width:1180px){.admin-form{grid-template-columns:repeat(2,minmax(0,1fr))}.permission-grid,.kv-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.account-stat-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:820px){.sidebar{transform:translateX(-100%);width:248px}.main,html.sidebar-collapsed .main{margin-left:0;width:100%}.icon-button{display:flex}.topbar{padding:0 14px}.security-chip,.admin-profile small,.crumb-home,.topbar-left em{display:none}.content{padding:15px}.login-shell{grid-template-columns:1fr}.login-brand-panel{display:none}.login-form-panel{padding:44px 28px}.admin-form,.permission-grid,.kv-grid,.account-stat-grid{grid-template-columns:1fr}.form-field.wide{grid-column:span 1}html.sidebar-mobile-open .sidebar{transform:translateX(0);box-shadow:12px 0 32px rgba(27,60,100,.16);z-index:50}}

.action-popover,.permission-editor{margin-top:10px;padding:14px;border:1px solid #dfe9f5;border-radius:10px;background:#fbfdff;min-width:520px}.action-popover hr{border:0;border-top:1px solid #e2eaf4;margin:14px 0}details summary{cursor:pointer;list-style:none}.permission-editor{min-width:min(920px,80vw)}

.operation-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.operation-grid>.admin-form{border:1px solid #e5edf6;border-radius:9px;padding:12px;background:#fbfdff}@media(max-width:1100px){.operation-grid{grid-template-columns:1fr}}