:root{font-family:Inter,PingFang SC,Microsoft YaHei,Arial,sans-serif;color:#202334;background:#f6f7fb;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button{font:inherit}a{text-decoration:none;color:inherit}.admin-shell{display:flex;min-height:100vh}.admin-auth-loading{min-height:100vh;display:grid;place-items:center;color:#8990a4;font-size:12px;background:#f6f7fb}.topbar-logout{border:0;background:none;color:#81879a;font-size:10px;font-weight:700;cursor:pointer}.topbar-logout:hover{color:#8066e4}.sidebar{width:242px;flex:none;background:#171929;color:#d6d8e7;display:flex;flex-direction:column;padding:26px 13px 18px;min-height:100vh}.brand{height:83px;display:flex;align-items:flex-start;gap:10px;padding:6px 14px;font-size:24px;line-height:25px;font-weight:800;letter-spacing:-1.5px;color:#fff}.brand-symbol{width:35px;height:35px;display:grid;place-items:center;background:#8068f1;border-radius:10px;font-size:24px;letter-spacing:0;box-shadow:0 8px 22px #785ff055}.brand-dot{color:#aa9af7}.brand small{display:block;font-size:8px;letter-spacing:2.4px;color:#777d9b;line-height:18px;font-weight:700}.nav-group{margin:8px 0 15px}.nav-label{padding:0 16px 10px;color:#737a96;font-size:10px;font-weight:800;letter-spacing:1.6px}.side-link{height:41px;border-radius:9px;padding:0 13px;display:flex;align-items:center;gap:12px;position:relative;font-size:12px;font-weight:600;color:#a4a9bf;margin:2px 0;transition:background .16s,color .16s}.side-link:hover{color:#fff;background:#272b41}.side-link.active{color:#fff;background:#38315d}.side-icon{width:19px;display:inline-flex;align-items:center;justify-content:center;color:#8f93ad}.side-link.active .side-icon{color:#b9aaff}.active-mark{position:absolute;right:10px;width:4px;height:17px;background:#a38dfa;border-radius:4px}.sidebar-foot{margin-top:auto;border-top:1px solid #2e3144;padding:19px 15px 0;display:flex;gap:8px;align-items:center;color:#9298b2;font-size:11px}.sidebar-foot small{margin-left:auto;color:#606782}.foot-pulse{width:7px;height:7px;background:#8b74ef;border-radius:50%;box-shadow:0 0 0 4px #8b74ef22}.main-column{min-width:0;flex:1 1}.topbar{height:67px;background:#fff;border-bottom:1px solid #e9eaf1;display:flex;align-items:center;justify-content:space-between;padding:0 35px}.topbar-left,.topbar-right{display:flex;align-items:center;gap:18px}.topbar-path{color:#5b6073;font-size:12px;font-weight:600}.topbar-path span{color:#c1c4d0;margin:0 8px}.topbar-divider{height:20px;width:1px;background:#e6e8ee}.topbar-avatar{width:32px;height:32px;display:grid;place-items:center;border-radius:10px;background:#ece8ff;color:#6d53df;font-size:12px;font-weight:800}.api-status{display:flex;align-items:center;gap:7px;color:#9b9eab;font-size:11px;font-weight:600}.status-dot{width:7px;height:7px;border-radius:50%;background:#c3c5d1}.api-status.online{color:#28896c}.api-status.online .status-dot{background:#32b68b}.api-status.offline{color:#bd6b65}.api-status.offline .status-dot{background:#e98178}.page-content{max-width:1460px;margin:0 auto;padding:39px 42px 80px}.page-title-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px}.eyebrow{font-size:10px;letter-spacing:2.3px;font-weight:800;color:#8f7be6;margin-bottom:10px}.page-title-row h1{font-size:29px;letter-spacing:-1.1px;line-height:1.2;margin:0}.preview-badge{color:#8b73da;background:#eeeaff;padding:8px 12px;font-size:10px;font-weight:700;border-radius:20px;display:flex;align-items:center;gap:6px}.hero-panel{min-height:223px;border-radius:15px;background:linear-gradient(105deg,#292841,#423464 65%,#513f7f);color:#fff;padding:27px 37px;display:flex;justify-content:space-between;overflow:hidden;position:relative}.hero-panel>div:first-child{position:relative;z-index:1}.hero-kicker{font-size:9px;letter-spacing:2.2px;font-weight:800;color:#baaef5}.hero-panel h2{font-size:25px;line-height:1.42;letter-spacing:-.6px;margin:9px 0}.hero-panel p{color:#c7c3de;font-size:11px;margin:0 0 14px;max-width:470px;line-height:1.7}.hero-link{display:inline-flex;align-items:center;gap:12px;color:#fff;font-size:11px;font-weight:700}.hero-link span{color:#c6b7ff}.hero-art{position:absolute;right:9%;top:-95px;width:350px;height:350px;display:grid;place-items:center}.art-ring{position:absolute;border:1px solid #ffffff27;border-radius:50%}.ring-one{width:250px;height:250px}.ring-two{width:350px;height:350px}.art-center{width:135px;height:135px;border-radius:50%;background:linear-gradient(145deg,#a79af0,#705be1);display:grid;place-items:center;font-size:95px;line-height:1;transform:rotate(-14deg);box-shadow:0 20px 50px #17102c99}.art-dot{position:absolute;border-radius:50%;background:#afa1fd}.dot-one{width:9px;height:9px;top:50px;left:68px}.dot-two{width:5px;height:5px;bottom:67px;left:22px}.dot-three{width:7px;height:7px;right:15px;top:177px}.section-header{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin:32px 0 17px}.panel-header h2,.section-header h2{font-size:16px;letter-spacing:-.3px;margin:0 0 5px}.panel-header p,.section-header p{font-size:11px;color:#9a9eae;margin:0}.section-chip{background:#fff;border:1px solid #e9eaf1;padding:7px 10px;border-radius:20px;color:#a2a5b2;font-size:10px;white-space:nowrap}.metrics-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:15px;gap:15px}.metric-card{background:#fff;border:1px solid #e9eaf1;border-radius:12px;min-height:157px;padding:20px;display:flex;flex-direction:column;align-items:flex-start;box-shadow:0 4px 15px #25274404}.metric-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;font-size:20px;margin-bottom:13px}.metric-icon.violet{color:#8363ea;background:#f1edff}.metric-icon.blue{color:#5993d8;background:#eaf4ff}.metric-icon.orange{color:#e8a05a;background:#fff1e5}.metric-icon.red{color:#db777b;background:#fff0f0}.metric-label{font-size:11px;color:#84899b}.metric-card strong{font-size:27px;line-height:1.15;margin:8px 0 1px}.metric-card small{font-size:10px;color:#b1b4c1}.dashboard-grid{display:grid;grid-template-columns:1.58fr 1fr;grid-gap:16px;gap:16px;margin-top:18px}.panel{background:#fff;border:1px solid #e9eaf1;border-radius:12px;padding:22px;min-width:0}.panel-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.panel-link{font-size:10px;font-weight:700;color:#8067df;white-space:nowrap}.flow-row{display:flex;align-items:center;justify-content:space-between;gap:7px;margin:31px 0 26px}.flow-row>div{display:flex;flex-direction:column;min-width:0}.flow-number{font-size:9px;font-weight:800;letter-spacing:1px;color:#8b74e9;margin-bottom:10px}.flow-row strong{font-size:11px;white-space:nowrap}.flow-row small{font-size:10px;color:#a3a6b4;margin-top:4px;white-space:nowrap}.flow-arrow{color:#c7c8d5;font-size:17px}.panel-note{border-top:1px solid #f0f0f4;padding-top:14px;color:#a1a5b5;font-size:10px;display:flex;align-items:center;gap:7px}.note-dot{height:6px;width:6px;background:#b2a3f0;border-radius:50%}.quick-panel{padding-bottom:12px}.quick-links{margin-top:15px}.quick-links a{min-height:41px;border-top:1px solid #f1f1f5;display:flex;align-items:center;gap:11px}.quick-icon{width:26px;font-size:19px;color:#8172bd;text-align:center}.quick-links a strong{display:block;font-size:11px}.quick-links a small{display:block;color:#a9acba;font-size:9px;margin-top:2px}.quick-arrow{margin-left:auto;color:#b7bad0;font-size:12px}.quick-links a:hover strong{color:#765de0}.setup-panel{display:flex;align-items:center;gap:14px;margin-top:18px;padding:16px 19px;border-radius:11px;background:#f1eeff;border:1px solid #e8e1ff}.setup-icon{width:32px;height:32px;border-radius:8px;background:#dfd7ff;color:#7e61e8;display:grid;place-items:center;font-size:19px}.setup-panel strong{font-size:11px}.setup-panel p{margin:5px 0 0;color:#8b86a7;font-size:10px}.setup-panel>span:last-child{margin-left:auto;color:#8064dd;font-size:10px;font-weight:700;white-space:nowrap}.intro-card{min-height:105px;border:1px solid #e9eaf1;background:#fff;border-radius:12px;padding:21px 22px;display:flex;align-items:center;gap:17px}.intro-icon{width:52px;height:52px;flex:none;display:grid;place-items:center;background:#eeeaff;border-radius:12px;color:#7c62df;font-size:27px}.intro-card h2{margin:0 0 6px;font-size:16px}.intro-card p{margin:0;color:#979bab;font-size:11px;line-height:1.6}.pending-tag{margin-left:auto;flex:none;color:#9b82e4;background:#f3efff;border-radius:20px;padding:7px 10px;font-size:10px;font-weight:700}.disabled-button{border:1px solid #e6e7ed;color:#aeb1bc;background:#fff;padding:9px 12px;border-radius:7px;font-size:10px;cursor:not-allowed}.table-frame{background:#fff;border:1px solid #e9eaf1;border-radius:12px;overflow:hidden}.table-scroll{overflow-x:auto}.table-frame table{border-collapse:collapse;width:100%;min-width:650px}.table-frame th{text-align:left;background:#fbfbfd;border-bottom:1px solid #ececf1;color:#858a9b;padding:16px 19px;font-size:10px;font-weight:700;white-space:nowrap}.table-empty{min-height:290px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:30px}.table-empty-icon{height:53px;width:53px;display:grid;place-items:center;border-radius:14px;background:#f3f0ff;color:#b1a1ed;font-size:27px;margin-bottom:14px}.table-empty strong{font-size:12px}.table-empty p{font-size:10px;color:#a5a9b6;line-height:1.6;max-width:300px}.integration-card{margin-top:16px;padding:16px 20px;border:1px solid #e8e7f0;border-radius:10px;background:#fbfaff;display:flex;align-items:center;gap:12px;color:#8771d7}.integration-card>span{font-size:24px}.integration-card strong{display:block;font-size:11px;color:#655792}.integration-card p{margin:4px 0 0;font-size:10px;color:#aaa4be}.menu-button,.mobile-scrim{display:none}@media(max-width:1150px){.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid{grid-template-columns:1fr}.hero-art{right:1%}}@media(max-width:780px){.sidebar{position:fixed;z-index:20;left:-260px;top:0;bottom:0;transition:left .2s;box-shadow:15px 0 35px #15152720}.sidebar.open{left:0}.mobile-scrim{position:fixed;display:block;inset:0;background:#15152780;border:0;z-index:19}.menu-button{display:block;border:0;background:none;color:#4f5367;font-size:19px;padding:0}.topbar{padding:0 20px}.page-content{padding:30px 20px 60px}.hero-art{opacity:.45;right:-80px}.hero-panel>div:first-child{max-width:360px}.intro-card{align-items:flex-start}.pending-tag{display:none}}@media(max-width:520px){.page-title-row h1{font-size:25px}.preview-badge{font-size:9px;padding:7px 9px}.topbar-right{gap:10px}.topbar-path{font-size:11px}.topbar-avatar,.topbar-divider{display:none}.hero-panel{padding:23px;min-height:240px}.hero-panel h2{font-size:23px}.hero-art{right:-190px;opacity:.28}.metrics-grid{gap:9px}.metric-card{padding:15px;min-height:145px}.flow-row{overflow-x:auto;justify-content:flex-start;padding-bottom:7px}.flow-row>div{min-width:85px}.flow-arrow{flex:none}.setup-panel>span:last-child{display:none}.intro-card{padding:16px}}