:root{color:#17202a;background:#f4f7f8;font-family:Segoe UI,Microsoft YaHei,PingFang SC,sans-serif;--ink: #17202a;--muted: #5f6f7d;--line: #d9e2e8;--panel: #ffffff;--page: #f4f7f8;--brand: #146c63;--brand-deep: #0f5a52;--brand-2: #2d5b9a;--accent: #b7791f;--danger: #b42318;--ok: #1f7a4d}*{box-sizing:border-box}body{margin:0;background:var(--page)}button,input,select{font:inherit}button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:38px;border:0;border-radius:6px;padding:0 14px;background:var(--brand);color:#fff;font-weight:700;cursor:pointer}button:hover{background:var(--brand-deep)}button:disabled{cursor:not-allowed;opacity:.65}input,select{min-height:38px;border:1px solid #cbd8df;border-radius:6px;padding:0 10px;background:#fff}.eyebrow{margin:0 0 10px;color:var(--brand);font-size:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.loginShell{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(420px,.8fr);gap:clamp(28px,6vw,88px);align-items:center;position:relative;overflow:hidden;padding:38px clamp(20px,5vw,72px);background:linear-gradient(135deg,rgba(12,40,48,.04),transparent 34%),linear-gradient(180deg,#f8fbfb,#eef5f7)}.loginShell:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(20,108,99,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(45,91,154,.07) 1px,transparent 1px);background-size:44px 44px;-webkit-mask-image:linear-gradient(90deg,rgba(0,0,0,.55),transparent 68%);mask-image:linear-gradient(90deg,rgba(0,0,0,.55),transparent 68%);opacity:.72;animation:gridDrift 18s linear infinite;pointer-events:none}.loginShell:after{content:"";position:absolute;left:-18%;top:22%;width:72%;height:1px;background:linear-gradient(90deg,transparent,rgba(17,163,127,.52),transparent);transform:rotate(-9deg);animation:scanSweep 7s ease-in-out infinite;pointer-events:none}.loginHero,.loginCard{position:relative;z-index:1}.loginHero{animation:riseIn .65s ease both}.heroPill{display:inline-flex;align-items:center;gap:9px;min-height:42px;margin:0 0 34px;border:1px solid #b6e3da;border-radius:999px;background:#e8f7f4;color:#0b9f7a;padding:0 18px;font-size:16px;font-weight:850;box-shadow:0 10px 28px #11a37f14}.heroPill span{width:8px;height:8px;border-radius:999px;background:#12a984;box-shadow:0 0 0 6px #12a98421;animation:statusPulse 2.5s ease-in-out infinite}.loginHero h1{max-width:780px;margin:0;color:var(--ink);font-size:clamp(42px,6vw,74px);line-height:1.08;letter-spacing:0;text-wrap:balance}.loginHero h1 span{background:linear-gradient(90deg,#11a37f,#3d7cb4);-webkit-background-clip:text;background-clip:text;color:transparent}.lead{max-width:680px;margin:28px 0 0;color:var(--muted);font-size:22px;line-height:1.75}.heroShowcase{position:relative;width:min(680px,100%);margin-top:38px;border:1px solid rgba(22,120,112,.22);border-radius:8px;background:#ffffffb3;box-shadow:0 24px 70px #1528341f;padding:16px;overflow:hidden;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.heroShowcase:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(120deg,transparent 0 42%,rgba(255,255,255,.72) 50%,transparent 58% 100%);transform:translate(-110%);animation:panelGlint 7s ease-in-out infinite;pointer-events:none}.showcaseChrome,.modelStrip,.capabilityRail{display:flex;align-items:center;gap:8px}.showcaseChrome{justify-content:space-between;border-bottom:1px solid rgba(20,108,99,.14);padding-bottom:12px;color:#1f3442}.showcaseChrome span{width:12px;height:12px;border-radius:999px;background:#15a989;box-shadow:20px 0 #e2a93b,40px 0 #d95d5d}.showcaseChrome strong{margin-right:auto;margin-left:54px;font-size:13px}.showcaseChrome em{border:1px solid rgba(21,169,137,.24);border-radius:999px;color:#0f7b64;background:#e8f7f4db;padding:4px 9px;font-size:12px;font-style:normal;font-weight:800}.modelStrip{flex-wrap:wrap;margin-top:14px}.modelStrip span,.capabilityRail span{border:1px solid rgba(20,108,99,.14);border-radius:999px;background:#f8fbfbdb;color:#315060;padding:6px 10px;font-size:12px;font-weight:800}.chatPreview{display:grid;gap:12px;margin-top:16px}.chatBubble{border-radius:8px;padding:12px 14px;font-size:13px;line-height:1.5}.userBubble{justify-self:end;width:min(420px,78%);background:#17202a;color:#f8fbfb;box-shadow:0 12px 26px #17202a29}.assistantBubble{display:grid;gap:8px;width:min(520px,86%);border:1px solid rgba(20,108,99,.1);background:#fff}.assistantBubble span{display:block;height:10px;border-radius:999px;background:linear-gradient(90deg,#dfe9ec,#b9dfcc,#dfe9ec);background-size:220% 100%;animation:answerFlow 2.8s ease-in-out infinite}.assistantBubble span:nth-child(2){width:82%;animation-delay:.18s}.assistantBubble span:nth-child(3){width:58%;animation-delay:.36s}.capabilityRail{flex-wrap:wrap;margin-top:16px;padding-top:14px;border-top:1px solid rgba(20,108,99,.12)}.usageList span{border:1px solid var(--line);border-radius:999px;background:#fff;padding:6px 10px;color:#334155;font-size:13px;font-weight:700}.loginCard,.panel{border:1px solid var(--line);border-radius:8px;background:var(--panel);box-shadow:0 14px 36px #14232d17}.loginCard{width:min(450px,100%);justify-self:end;padding:28px;background:#ffffffd1;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);animation:riseIn .7s 90ms ease both;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.loginCard:hover{border-color:#146c633d;box-shadow:0 20px 54px #14232d21;transform:translateY(-2px)}.loginCardHeader{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:22px}.loginCard h2,.sectionTitle h2{margin:0}.modeSwitch{display:grid;grid-template-columns:repeat(2,1fr);width:126px;border:1px solid var(--line);border-radius:6px;background:#f8fbfb;padding:3px}.modeSwitch button{min-height:28px;padding:0;background:transparent;color:var(--muted)}.modeSwitch button.active,.modeSwitch button:hover{background:var(--ink);color:#fff}.loginNotice,.notice{border:1px solid #b9dfcc;border-radius:6px;background:#f0faf4;color:#16633e;padding:10px 12px}.loginNotice,.notice{margin-bottom:16px}.loginForm{display:grid;gap:14px}label{display:grid;gap:6px;color:#344256;font-weight:650}.loginForm input{min-height:44px;transition:border-color .16s ease,box-shadow .16s ease}.loginForm input:focus{border-color:#11a37f;box-shadow:0 0 0 4px #11a37f1c;outline:0}.loginActions{display:grid;gap:10px;margin-top:18px}.primaryAction,.secondaryAction{width:100%;min-height:42px}.primaryAction{background:linear-gradient(90deg,var(--brand),#168970);box-shadow:0 12px 24px #146c632e}.primaryAction:hover{background:linear-gradient(90deg,var(--brand-deep),#0f7a64);box-shadow:0 14px 28px #146c633d}.secondaryAction{border:1px solid var(--line);background:#eef4f5;color:var(--ink)}.secondaryAction:hover{background:#dfe9ec}.appShell{min-height:100vh;display:grid;grid-template-columns:230px minmax(0,1fr)}.sidebar{background:#1c2b2f;color:#fff;padding:24px 18px}.brand{display:flex;align-items:center;gap:10px;height:42px;font-weight:900}.sidebar nav{display:grid;gap:8px;margin-top:26px}.sidebar a{display:flex;align-items:center;gap:10px;min-height:38px;border-radius:6px;color:#dff3f0;text-decoration:none;padding:0 10px}.sidebar a:hover{background:#ffffff14}.workspace{min-width:0;padding:24px}.topbar{display:flex;justify-content:space-between;gap:18px;align-items:center;margin-bottom:18px}.topbar h1{margin:0;font-size:28px;line-height:1.2;letter-spacing:0}.topbar p{margin:6px 0 0;color:var(--muted)}.actions,.inlineForm{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.planAdminGrid{display:grid;grid-template-columns:minmax(320px,.85fr) minmax(0,1.15fr);gap:14px;align-items:start}.planEditor{display:grid;gap:12px}.modelLimitRows{display:grid;gap:8px}.modelLimitRow{display:grid;grid-template-columns:minmax(150px,1.4fr) minmax(96px,.7fr) minmax(96px,.7fr) minmax(82px,auto) 38px;gap:8px;align-items:center}.checkLine{display:inline-flex;align-items:center;gap:6px;min-height:38px;color:var(--muted);font-size:13px;white-space:nowrap}.checkLine input{min-height:auto}.formActions{display:flex;flex-wrap:wrap;gap:10px}.formActions button{width:auto}.iconOnly{width:38px;padding:0}.compactTable table{min-width:620px}.iconBtn{width:38px;padding:0}.overviewBand{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:16px}.metric{display:grid;grid-template-columns:22px minmax(0,1fr);gap:4px 10px;border:1px solid var(--line);border-radius:8px;background:#fff;padding:14px}.metric svg{color:var(--brand)}.metric span{color:var(--muted);font-size:13px}.metric strong{grid-column:2;font-size:20px}.panel{padding:18px;margin-bottom:16px}.sectionTitle{display:flex;align-items:center;gap:8px;margin-bottom:14px}.compactTitle{margin:18px 0 10px}.compactTitle h3{margin:0;font-size:16px}.planGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px}.itemCard{border:1px solid var(--line);border-radius:8px;background:#fbfcfd;padding:14px}.itemCard h3{margin:0 0 8px}.itemCard p{min-height:48px;margin:0 0 12px;color:var(--muted)}.itemCard strong{font-size:22px}.subscriptionGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) auto;gap:12px;align-items:stretch}.subscriptionGrid>div{display:grid;gap:6px;border:1px solid var(--line);border-radius:8px;background:#fbfcfd;padding:12px}.subscriptionGrid span{color:var(--muted);font-size:13px}.subscriptionGrid strong{overflow-wrap:anywhere}.keyText{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;white-space:normal;overflow-wrap:anywhere}.usageList{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.usageList span.blocked{border-color:#ffd0cb;background:#fff1f0;color:var(--danger)}.cardListBlock{margin-top:16px}.emptyState{border:1px dashed #bfd0d8;border-radius:8px;background:#fbfcfd;color:var(--muted);padding:18px}.tableWrap{width:100%;overflow-x:auto;margin-top:14px}table{width:100%;min-width:780px;border-collapse:collapse}th,td{border-bottom:1px solid #e2e8f0;padding:10px;text-align:left;white-space:nowrap}th{background:#eef4f5;color:#334155;font-size:13px}.tableActions{display:flex;gap:8px}.small{width:auto;min-height:32px;padding:0 10px;font-size:13px}.danger{background:var(--danger)}.danger:hover{background:#921d13}@keyframes riseIn{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes gridDrift{0%{background-position:0 0,0 0}to{background-position:44px 44px,44px 44px}}@keyframes scanSweep{0%,44%{opacity:0;transform:translate(-14%) rotate(-9deg)}58%{opacity:1}to{opacity:0;transform:translate(126%) rotate(-9deg)}}@keyframes statusPulse{0%,to{box-shadow:0 0 0 6px #12a98421}50%{box-shadow:0 0 0 10px #12a9840d}}@keyframes panelGlint{0%,50%{transform:translate(-110%)}78%,to{transform:translate(110%)}}@keyframes answerFlow{0%,to{background-position:100% 0}50%{background-position:0 0}}@media (max-width: 900px){.loginShell,.appShell,.overviewBand,.subscriptionGrid,.planAdminGrid,.modelLimitRow{grid-template-columns:1fr}.loginCard{justify-self:stretch}.loginShell{align-items:start;padding-top:26px}.loginHero h1{font-size:clamp(36px,12vw,52px)}.lead{font-size:18px}.heroShowcase{margin-top:24px}.sidebar{position:sticky;top:0;z-index:2;padding:12px 16px}.sidebar nav{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:10px}.sidebar a{justify-content:center;padding:0 6px}.topbar{display:grid}}@media (max-width: 560px){.loginShell{padding:22px 16px 28px}.heroPill{min-height:36px;margin-bottom:22px;font-size:14px}.userBubble,.assistantBubble{width:100%}.showcaseChrome strong{margin-left:44px}.loginCard{padding:22px}.loginCardHeader{display:grid}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:1ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}