:root{font-family:"Microsoft YaHei UI","Microsoft YaHei",system-ui,sans-serif;color:#17233c;background:#edf3fb}*{box-sizing:border-box}body{min-width:320px;margin:0;background:linear-gradient(180deg,#eef5ff 0,#f6f8fc 42%,#edf2f8 100%)}button{font:inherit}button:focus-visible{outline:3px solid rgba(255,184,42,.8);outline-offset:3px}.finance-showcase{min-height:100vh}.topbar{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0 clamp(20px,4.5vw,76px);color:#fff;background:linear-gradient(105deg,#063475,#075bb8 56%,#1396e5);box-shadow:0 4px 18px rgba(9,54,119,.24)}.brand-lockup,.admin-profile{display:flex;align-items:center;gap:12px}.brand-mark{width:42px;height:42px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.4);border-radius:12px;background:linear-gradient(145deg,#55d0ff,#1164d6);font-size:13px;font-weight:900;letter-spacing:-.5px;box-shadow:inset 0 1px rgba(255,255,255,.35)}.brand-lockup strong,.brand-lockup span,.admin-profile strong,.admin-profile small{display:block}.brand-lockup strong{font-size:clamp(16px,2vw,21px);letter-spacing:.3px}.brand-lockup div span{margin-top:3px;color:rgba(255,255,255,.72);font-size:9px;letter-spacing:1.4px}.admin-profile{gap:8px}.admin-avatar{width:35px;height:35px;display:grid;place-items:center;border-radius:50%;color:#0b5ab3;background:#e4f5ff;font-size:14px;font-weight:800}.admin-profile small{color:#b9dcff;font-size:10px}.admin-profile strong{margin-top:1px;font-size:13px}.chevron{margin-left:4px;color:#cfe9ff}.page-frame{width:min(1440px,calc(100% - 40px));margin:0 auto;padding:38px 0 24px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:18px}.eyebrow{display:block;color:#2678d1;font-size:11px;font-weight:800;letter-spacing:1.6px}.section-heading h1,.section-heading h2{margin:5px 0 0;color:#172a4b;font-size:clamp(22px,2.4vw,30px);letter-spacing:-.5px}.section-heading p{max-width:360px;margin:0 0 4px;color:#70809a;font-size:13px;line-height:1.6;text-align:right}.overview-layout{display:grid;grid-template-columns:minmax(0,1.42fr) minmax(315px,.58fr);gap:20px}.system-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.system-card,.module-card{position:relative;border:1px solid rgba(207,220,238,.84);cursor:pointer;text-align:left;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.system-card:hover,.module-card:hover{transform:translateY(-3px);border-color:#75b2ee;box-shadow:0 14px 28px rgba(35,90,151,.12)}.system-card{min-height:124px;display:grid;grid-template-columns:46px minmax(0,1fr);align-items:center;gap:13px;padding:21px;overflow:hidden;border-radius:16px;background:#fff}.system-card.active{color:#fff;border-color:transparent;background:linear-gradient(132deg,#1359c7,#2099e8);box-shadow:0 12px 24px rgba(31,116,211,.24)}.system-card.planned{background:linear-gradient(140deg,#fff,#f5f8fc)}.system-icon{width:45px;height:45px;display:grid;place-items:center;border-radius:13px;color:#3771ba;background:#e7f2ff;font-size:22px;font-weight:800}.active .system-icon{color:#fff;background:rgba(255,255,255,.19)}.system-copy strong,.system-copy small{display:block}.system-copy strong{font-size:17px}.system-copy small{margin-top:7px;color:#8290a5;font-size:11px}.active .system-copy small{color:rgba(255,255,255,.77)}.state-pill{position:absolute;top:14px;right:14px;padding:4px 8px;border-radius:999px;color:#8290a5;background:#e9edf3;font-size:10px;font-weight:700}.active .state-pill{color:#0761bd;background:#dff6ff}.hero-panel{position:relative;min-height:262px;overflow:hidden;padding:31px;border-radius:18px;color:#fff;background:radial-gradient(circle at 93% 12%,#35d6ff 0,transparent 23%),linear-gradient(145deg,#083f9d 0,#116dd0 57%,#138bd8 100%);box-shadow:0 15px 34px rgba(24,89,175,.22)}.hero-panel::after{content:"";position:absolute;width:180px;height:180px;right:-80px;bottom:-88px;border:26px solid rgba(172,239,255,.17);border-radius:50%}.hero-orbit{position:absolute;border:1px solid rgba(212,246,255,.35);border-radius:50%}.orbit-one{width:190px;height:190px;top:-95px;right:-24px}.orbit-two{width:270px;height:270px;top:-138px;right:-86px}.hero-kicker{position:relative;color:#afedff;font-size:10px;font-weight:800;letter-spacing:1.5px}.hero-panel h2{position:relative;margin:11px 0;font-size:clamp(26px,2.4vw,35px);line-height:1.25;letter-spacing:-.8px}.hero-panel p{position:relative;max-width:270px;margin:0;color:#d8efff;font-size:12px;line-height:1.7}.hero-metrics{position:relative;display:flex;gap:18px;margin-top:25px}.hero-metrics span{color:#cbe9ff;font-size:10px}.hero-metrics b{display:block;margin-bottom:4px;color:#fff;font-size:18px}.finance-modules{margin-top:39px}.module-heading h2{font-size:clamp(20px,2.1vw,27px)}.demo-tip{min-height:18px;margin:-7px 0 14px;color:#738099;font-size:12px}.module-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.module-card{min-height:142px;display:flex;flex-direction:column;justify-content:space-between;padding:18px;overflow:hidden;border-radius:15px;background:rgba(255,255,255,.94)}.module-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;color:#fff;font-size:20px;font-weight:800;box-shadow:inset 0 1px rgba(255,255,255,.4)}.module-icon.blue{background:linear-gradient(145deg,#2585f5,#3b5be3)}.module-icon.gold{background:linear-gradient(145deg,#ffc342,#e89a14)}.module-icon.cyan{background:linear-gradient(145deg,#43d8e5,#2997d7)}.module-icon.indigo{background:linear-gradient(145deg,#6d88ff,#4259dc)}.module-icon.teal{background:linear-gradient(145deg,#41d6c4,#159d95)}.module-icon.orange{background:linear-gradient(145deg,#ffbd54,#ed7c23)}.module-icon.slate{background:linear-gradient(145deg,#aab7c6,#748292)}.module-copy strong,.module-copy small{display:block}.module-copy strong{color:#263650;font-size:14px}.module-copy small{margin-top:6px;color:#8a96a9;font-size:10px;line-height:1.5}.card-arrow{position:absolute;right:16px;bottom:15px;color:#9db4d0;font-size:16px}.module-card:hover .card-arrow{color:#1b72d0}footer{padding:5px 20px 25px;color:#91a0b5;font-size:11px;text-align:center}.app-loading{padding-top:20vh;color:#3671b8;font-weight:700;text-align:center}#blazor-error-ui{display:none;position:fixed;z-index:20;right:18px;bottom:18px;padding:12px;border-radius:9px;color:#812c2c;background:#fff3f2;box-shadow:0 8px 24px rgba(60,30,30,.15)}.reload{margin-left:8px;color:#195ec0}
@media(max-width:1024px){.overview-layout{grid-template-columns:1fr}.hero-panel{min-height:220px}.module-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.hero-panel p{max-width:420px}}
@media(max-width:720px){.topbar{min-height:68px;padding:0 18px}.brand-mark{width:37px;height:37px;border-radius:10px;font-size:11px}.brand-lockup strong{font-size:15px}.brand-lockup div span{font-size:7px;letter-spacing:.9px}.admin-profile small,.chevron{display:none}.admin-avatar{width:32px;height:32px}.page-frame{width:min(100% - 28px,600px);padding-top:27px}.section-heading{display:block}.section-heading p{margin:9px 0 0;text-align:left}.overview-layout{gap:14px}.system-cards{gap:10px}.system-card{min-height:108px;grid-template-columns:38px minmax(0,1fr);gap:10px;padding:15px;border-radius:13px}.system-icon{width:38px;height:38px;border-radius:10px;font-size:18px}.system-copy strong{font-size:14px}.system-copy small{margin-top:5px;font-size:9px}.state-pill{top:9px;right:9px;padding:3px 6px;font-size:8px}.hero-panel{min-height:220px;padding:25px}.finance-modules{margin-top:30px}.module-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.module-card{min-height:130px;padding:15px;border-radius:13px}.module-copy strong{font-size:13px}.demo-tip{margin-bottom:12px}}
@media(max-width:420px){.topbar{gap:10px}.brand-lockup{gap:8px}.brand-lockup div span{display:none}.admin-profile strong{font-size:12px}.system-cards{grid-template-columns:1fr}.system-card{min-height:82px}.hero-panel h2{font-size:27px}.module-grid{grid-template-columns:1fr}.module-card{min-height:112px;flex-direction:row;align-items:center;gap:13px}.module-copy{flex:1}.card-arrow{position:static}}
@media(max-width:340px){.topbar{min-height:68px;align-content:center;flex-wrap:wrap;gap:4px 8px;padding:8px 10px}.brand-lockup{min-width:0}.brand-lockup strong{font-size:13px}.admin-profile{margin-left:auto}}
.brand-lockup .brand-mark{display:grid;place-items:center;overflow:hidden;line-height:1}