:root{font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,sans-serif;color-scheme:dark;--bg:#090b0f;--surface:#11141a;--surface-2:#181b22;--surface-3:#20232b;--border:#2b3039;--text:#f7f7f4;--muted:#8d96a8;--muted-2:#687286;--orange:#ff6818;--orange-soft:#3b2118;--teal:#43d7c0;--teal-soft:#173c3c;--pink:#ec3b84;--shadow:0 18px 60px #0008;--radius:22px}html[data-theme=light]{color-scheme:light;--bg:#f4f2ed;--surface:#fffdfa;--surface-2:#f0eee8;--surface-3:#e8e5dc;--border:#d8d4ca;--text:#16191e;--muted:#687080;--muted-2:#8a8f99;--orange:#ef5b12;--orange-soft:#ffe4d4;--teal:#168f82;--teal-soft:#d8f1eb;--shadow:0 18px 45px #47403218}*{box-sizing:border-box}body{margin:0;min-width:320px;background:var(--bg);color:var(--text)}button{font:inherit;color:inherit;border:0;cursor:pointer}.professional-workspace{min-height:calc(100vh - 72px);padding:30px 4.2%;background:radial-gradient(circle at 86% 0%,#27314933,transparent 32%),var(--bg)}.professional-toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:28px}.professional-toolbar button{display:flex;align-items:center;gap:9px;padding:13px 18px;border:1px solid var(--border);border-radius:12px;background:var(--surface);color:var(--muted);font-size:13px;white-space:nowrap;box-shadow:0 6px 18px #0002}.professional-toolbar button:hover,.professional-toolbar button.selected{color:var(--text);border-color:var(--orange);background:var(--surface-2);transform:translateY(-1px)}.professional-toolbar button span{font-size:18px}.professional-toolbar .pro-project-button{color:var(--orange);border-color:color-mix(in srgb,var(--orange) 55%,var(--border));font-weight:800}.professional-toolbar .pro-add-button{background:linear-gradient(115deg,#d9923e,#7148d6);border:0;color:#fff;font-weight:800}.professional-health,.professional-project,.professional-queue{margin-top:22px;padding:25px;border:1px solid var(--border);border-radius:22px;background:linear-gradient(145deg,var(--surface),var(--surface-2));box-shadow:0 16px 45px #0002}.pro-section-title{display:flex;align-items:center;gap:12px;margin-bottom:22px;color:var(--muted)}.pro-section-title svg{color:var(--orange)}.pro-section-title b{font-size:21px;color:var(--text)}.pro-total{font-size:13px}.pro-pill{padding:7px 12px;border-radius:18px;font-size:12px;font-weight:800}.pro-pill.good{background:#153e31;color:#65e49a}.pro-pill.warn{background:#4a3420;color:#ffc45e}.pro-pill.neutral{background:var(--surface-3);color:var(--muted)}.pro-health-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:13px}.pro-health-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:12px;min-height:145px;padding:18px;border:1px solid var(--border);border-left:5px solid var(--border);border-radius:16px;background:var(--surface-2);color:var(--muted);text-align:left}.pro-health-card:hover{border-color:var(--orange);transform:translateY(-2px)}.pro-health-card.good{border-left-color:#62df92}.pro-health-card.warn{border-left-color:#ffc04f}.pro-health-card>span{font-size:21px}.pro-health-card b{font-size:14px}.pro-health-card strong{margin-top:auto;font-size:26px;color:var(--text)}.pro-health-card.selected{border-color:var(--orange);box-shadow:0 0 0 1px var(--orange),0 8px 24px #ff681826}.professional-boards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:22px}.pro-board{display:flex;flex-direction:column;gap:10px;min-height:128px;padding:20px;border:1px solid var(--border);border-radius:16px;background:var(--surface);color:var(--muted)}.pro-board:hover{border-color:var(--orange);transform:translateY(-1px)}.pro-board b{font-size:16px;color:var(--text)}.pro-board span{font-size:11px;line-height:1.6}.pro-board strong{margin-top:auto;color:var(--orange);font-size:11px}.pro-project-status{padding:5px 10px;border-radius:8px;background:var(--orange-soft);color:var(--orange);font-size:11px}.pro-section-title>button{margin-left:auto;display:flex;align-items:center;gap:6px;padding:8px 12px;border:1px solid var(--border);border-radius:8px;background:transparent;color:var(--muted);font-size:11px}.pro-project-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.pro-project-grid button{display:flex;flex-direction:column;align-items:flex-start;gap:10px;min-height:125px;padding:18px;border:1px solid var(--border);border-radius:14px;background:var(--surface-2);text-align:left}.pro-project-grid button:hover{border-color:var(--teal);transform:translateY(-2px)}.pro-project-grid span{font-size:23px}.pro-project-grid b{font-size:14px;color:var(--text)}.pro-project-grid small,.pro-queue-row small{font-size:11px;color:var(--muted)}.pro-queue-row{display:flex;align-items:center;gap:14px;padding:16px;border:1px solid var(--border);border-radius:12px;background:var(--surface-2)}.pro-queue-row>div{display:flex;flex-direction:column;gap:6px}.pro-queue-row>strong{margin-left:auto;color:var(--orange)}.pro-queue-row>button{display:grid;place-items:center;background:transparent;color:var(--muted)}.queue-dot{width:10px;height:10px;border-radius:50%;background:var(--teal);box-shadow:0 0 14px var(--teal)}+.app-shell{min-height:100vh;background:radial-gradient(circle at 78% -12%,#2a352c33,transparent 31%),radial-gradient(circle at 8% 16%,#ff68180d,transparent 27%),var(--bg)}.sidebar{width:246px;flex:0 0 246px;border-right:1px solid var(--border);background:color-mix(in srgb,var(--bg) 92%,transparent);padding:23px 15px 17px;display:flex;flex-direction:column;position:fixed;inset:58px auto 0 0;z-index:5}.brand{padding:0 4px 25px}.brand-lockup{position:relative;display:flex;align-items:center;gap:11px;isolation:isolate}.brand-lockup:before{content:"";position:absolute;z-index:-1;left:-10px;top:-10px;width:63px;height:63px;border-radius:50%;background:radial-gradient(circle,var(--orange) 0%,color-mix(in srgb,var(--teal) 55%,transparent) 34%,transparent 72%);filter:blur(13px);opacity:.35;animation:brand-logo-breathe 3.8s ease-in-out infinite}.brand-logo{display:block;width:43px;height:43px;flex:0 0 43px;object-fit:contain}@keyframes brand-logo-breathe{0%,to{opacity:.24;transform:scale(.82)}50%{opacity:.9;transform:scale(1.18)}}.brand-lockup span{display:flex;flex-direction:column;gap:2px}.brand-lockup b{font-size:19px;letter-spacing:.08em;font-weight:800}.brand-lockup small{font-size:11px;letter-spacing:.58em;color:var(--muted);padding-left:2px}.workspace-switch{display:flex;align-items:center;gap:9px;border:1px solid var(--border);background:var(--surface);border-radius:12px;padding:10px;margin-bottom:26px}.workspace-switch span:nth-child(2),.profile span:nth-child(2){display:flex;flex-direction:column;min-width:0}.workspace-switch b,.profile b{font-size:12px;font-weight:700}.workspace-switch small,.profile small{font-size:10px;color:var(--muted);margin-top:3px}.workspace-switch svg{margin-left:auto;color:var(--muted-2)}.workspace-avatar,.profile-avatar{display:grid;place-items:center;width:29px;height:29px;flex:none;border-radius:9px;background:var(--teal-soft);color:var(--teal);font-weight:800}.nav-label{display:block;color:var(--muted-2);font-size:10px;text-transform:uppercase;letter-spacing:.16em;padding:0 11px 9px}.nav-label-space{margin-top:26px}.nav-item{display:flex;align-items:center;gap:11px;color:var(--muted);text-decoration:none;border-radius:9px;padding:10px 11px;font-size:12px;margin:2px 0}.nav-item svg{color:var(--muted-2)}.nav-item.active{background:var(--surface-2);color:var(--text);box-shadow:inset 2px 0 var(--orange)}.nav-item.active svg{color:var(--orange)}.nav-dot{margin-left:auto;width:5px;height:5px;border-radius:50%;background:var(--orange);box-shadow:0 0 12px var(--orange)}.count{margin-left:auto;background:var(--teal-soft);color:var(--teal);padding:2px 6px;border-radius:10px;font-size:10px}.sidebar-bottom{margin-top:auto}.profile{display:flex;align-items:center;gap:9px;border-top:1px solid var(--border);margin:15px 8px 0;padding:17px 3px 0}.status-online{width:7px;height:7px;border-radius:50%;background:var(--teal);margin-left:auto}.main-content{margin-left:246px;min-width:0}.topbar{height:72px;border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 4.2%;justify-content:space-between}.breadcrumb{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:12px}.breadcrumb svg{color:var(--muted-2)}.breadcrumb b{color:var(--text);font-weight:600}.top-actions{display:flex;align-items:center;gap:12px}.icon-button,.theme-button{position:relative;display:grid;place-items:center;background:transparent;color:var(--muted);padding:7px;border-radius:8px}.icon-button:hover,.theme-button:hover{background:var(--surface-2);color:var(--orange)}.icon-button i{position:absolute;right:3px;top:3px;width:5px;height:5px;border-radius:50%;background:var(--orange)}.mode-toggle{display:flex;gap:2px;padding:3px;border:1px solid var(--border);border-radius:9px;background:var(--surface)}.mode-toggle button{font-size:11px;color:var(--muted);padding:6px 10px;border-radius:6px;background:transparent}.mode-toggle button.selected{color:var(--text);background:var(--surface-3)}.theme-button{border:1px solid var(--border);width:31px;height:31px}.top-avatar{width:29px;height:29px;border-radius:50%;background:var(--orange);color:#20100a;font-weight:800;font-size:11px}.mobile-menu{display:none;background:none;color:var(--muted)}.page-wrap{max-width:1280px;margin:0 auto;padding:47px 4.2% 35px}.welcome-row{display:flex;align-items:flex-end;justify-content:space-between;gap:22px}.eyebrow{color:var(--muted);font-size:11px;letter-spacing:.04em;display:flex;align-items:center;gap:8px}.pulse{width:6px;height:6px;background:var(--teal);border-radius:50%;box-shadow:0 0 14px var(--teal)}.welcome-row h1{font:700 clamp(28px,3.2vw,42px) Inter,"PingFang SC",sans-serif;letter-spacing:-.05em;margin:15px 0 8px;color:var(--text)}.welcome-row h1 span{color:var(--orange);font-size:22px;vertical-align:middle}.welcome-row p{margin:0;color:var(--muted);font-size:13px}.primary-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--orange);color:#fff;border-radius:10px;padding:11px 17px;font-size:12px;font-weight:800;box-shadow:0 10px 28px #ff681833}.primary-button:hover{filter:brightness(1.08);transform:translateY(-1px)}.primary-button.small{padding:9px 13px;font-size:11px}.mode-banner{display:flex;align-items:center;gap:13px;margin-top:38px;padding:14px 16px;border:1px solid color-mix(in srgb,var(--teal) 38%,var(--border));background:linear-gradient(100deg,var(--teal-soft),var(--surface));border-radius:12px}.mode-icon{display:grid;place-items:center;width:33px;height:33px;border-radius:9px;background:var(--orange-soft);color:var(--orange)}.mode-banner div:nth-child(2){display:flex;flex-direction:column;gap:4px}.mode-banner b{font-size:12px;color:var(--text)}.mode-banner span{font-size:11px;color:var(--muted)}.demo-badge{display:inline-block!important;margin-left:7px;padding:3px 6px;border:1px solid var(--orange);border-radius:5px;color:var(--orange)!important;font:600 9px Inter,sans-serif!important;letter-spacing:0!important}.text-button,.link-button{display:flex;align-items:center;gap:5px;background:none;color:var(--orange);font-size:11px;margin-left:auto}.attention-grid{display:grid;grid-template-columns:1.65fr 1fr;gap:14px;margin-top:16px}.attention-card,.signal-card,.quick-card,.project-card,.job-row,.delivery-box{border:1px solid var(--border);background:var(--surface);border-radius:var(--radius);box-shadow:0 8px 25px #00000008}.attention-card{padding:21px;background:linear-gradient(115deg,var(--surface),var(--surface-2))}.card-kicker{display:flex;justify-content:space-between;color:var(--muted);text-transform:uppercase;letter-spacing:.13em;font-size:10px}.card-kicker span{color:var(--orange);letter-spacing:0;text-transform:none}.attention-main{display:flex;align-items:center;gap:16px;margin:24px 0}.attention-symbol{display:grid;place-items:center;width:54px;height:54px;border-radius:15px;background:var(--orange-soft);color:var(--orange);font-size:24px}.attention-main h2{font:700 18px Inter,PingFang SC,sans-serif;margin:0 0 6px}.attention-main p{font-size:12px;color:var(--muted);margin:0}.attention-meta{display:flex;gap:9px;align-items:center;margin-top:12px;font-size:10px;color:var(--muted)}.attention-meta span:first-child{display:flex;align-items:center;gap:5px;color:var(--teal)}.muted-separator{color:var(--muted-2)}.attention-actions{display:flex;gap:10px}.ghost-button{padding:9px 13px;background:transparent;border:1px solid var(--border);border-radius:8px;color:var(--muted);font-size:11px}.signal-card{padding:21px;background:linear-gradient(145deg,var(--surface),var(--teal-soft))}.signal-score{display:flex;align-items:center;gap:11px;margin:25px 0 18px}.signal-score strong{font:700 49px Inter,sans-serif;letter-spacing:-.08em}.signal-score span{font-size:11px;color:var(--muted);line-height:1.5}.signal-score em{font-style:normal;color:var(--teal)}.signal-bar,.progress-track{height:5px;background:var(--surface-3);border-radius:10px;overflow:hidden}.signal-bar i{display:block;width:67%;height:100%;background:linear-gradient(90deg,var(--orange),var(--teal));border-radius:10px}.signal-footer{display:flex;justify-content:space-between;margin-top:17px;color:var(--muted);font-size:10px}.signal-footer b{color:var(--text);margin-left:3px}.section-block{margin-top:43px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:17px}.section-heading>div{position:relative;padding-left:36px}.section-index{position:absolute;left:0;top:3px;color:var(--orange);font:700 10px monospace}.section-heading h2{font:700 18px Inter,PingFang SC,sans-serif;letter-spacing:-.03em;margin:0}.section-heading p{font-size:11px;color:var(--muted);margin:6px 0 0}.quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.quick-card{display:flex;align-items:center;text-align:left;gap:11px;padding:16px;transition:transform .2s,border-color .2s}.quick-card:hover{transform:translateY(-2px);border-color:var(--orange)}.quick-card>span:nth-child(2){display:flex;flex-direction:column;gap:5px;min-width:0}.quick-card b{font-size:12px;font-weight:700}.quick-card small{font-size:10px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.quick-card>svg{margin-left:auto;color:var(--muted);flex:none}.quick-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;flex:none}.quick-icon.pink{background:#5b213c;color:#ff91ba}.quick-icon.blue{background:var(--teal-soft);color:var(--teal)}.quick-icon.orange{background:var(--orange-soft);color:var(--orange)}.project-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.project-card{display:flex;overflow:hidden}.project-cover{width:125px;min-height:125px;display:grid;place-items:center;position:relative}.project-cover>span{font:700 36px Inter;color:#fff9}.project-cover.lavender{background:linear-gradient(145deg,#766b91,#393348)}.project-cover.mint{background:linear-gradient(145deg,#347d78,#1e4143)}.project-chip{position:absolute;top:10px;left:10px;font-size:9px;background:#111b;border:1px solid #fff4;border-radius:10px;padding:3px 6px}.project-info{padding:16px;flex:1}.project-info>b,.project-info>small{display:block}.project-info>b{font-size:12px}.project-info>small{font-size:10px;color:var(--muted);margin-top:5px}.progress-row{display:flex;justify-content:space-between;margin-top:25px;color:var(--muted);font-size:10px}.progress-row strong{color:var(--orange)}.progress-track{height:4px;margin-top:8px}.progress-track i{height:100%;display:block;background:var(--orange);border-radius:8px}.split-section{display:grid;grid-template-columns:1.2fr 1fr;gap:38px}.job-list{display:flex;flex-direction:column;gap:8px}.job-row{display:flex;align-items:center;gap:10px;padding:10px 12px}.job-status{display:grid;place-items:center;width:29px;height:29px;border-radius:8px}.job-status.violet{background:var(--orange-soft);color:var(--orange)}.job-status.blue{background:var(--teal-soft);color:var(--teal)}.job-status.green{background:#d8efe6;color:#2a9c7e}.job-title{display:flex;flex-direction:column;gap:4px;min-width:0}.job-title b{font-size:11px;font-weight:700}.job-title small{font-size:9px;color:var(--muted)}.status-label{margin-left:auto;font-size:9px}.status-label.violet{color:var(--orange)}.status-label.blue{color:var(--teal)}.status-label.green{color:#2a9c7e}.job-progress{font-size:10px;color:var(--muted)}.row-arrow{color:var(--muted-2)}.delivery-box{display:flex;align-items:center;gap:11px;padding:15px}.delivery-icon{display:grid;place-items:center;width:35px;height:35px;border-radius:10px;background:var(--teal-soft);color:var(--teal)}.delivery-box>div:nth-child(2){display:flex;flex-direction:column;gap:5px}.delivery-box b{font-size:11px}.delivery-box small{font-size:9px;color:var(--muted)}.round-arrow{display:grid;place-items:center;width:28px;height:28px;margin-left:auto;background:var(--orange-soft);color:var(--orange);border-radius:50%}footer{border-top:1px solid var(--border);margin-top:58px;padding-top:18px;color:var(--muted-2);font:600 10px monospace;letter-spacing:.14em}footer span{font:400 10px Inter,sans-serif;letter-spacing:0;margin-left:10px;color:var(--muted)}@media (max-width:900px){.pro-health-grid{grid-template-columns:repeat(3,1fr)}.pro-project-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:680px){.professional-workspace{padding:22px 18px}.professional-toolbar{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px}.professional-toolbar button{padding:11px 14px;font-size:11px}.pro-health-grid{grid-template-columns:repeat(2,1fr)}.pro-section-title{flex-wrap:wrap}.pro-section-title b{font-size:17px}.pro-project-grid{grid-template-columns:1fr}.pro-queue-row{align-items:flex-start}.pro-queue-row>strong{margin-left:auto}}@media (max-width:900px){.page-wrap{padding-left:3%;padding-right:3%}.attention-grid{grid-template-columns:1fr}.split-section{grid-template-columns:1fr;gap:10px}}@media (max-width:680px){.sidebar{left:-246px;transition:left .2s}.sidebar-open{left:0;box-shadow:16px 0 45px #0008}.main-content{margin-left:0}.mobile-menu{display:block}.topbar{height:61px;padding:0 18px}.breadcrumb{display:none}.top-actions{gap:7px}.icon-button{display:none}.mode-toggle button{padding:6px 8px}.page-wrap{padding:30px 18px 26px}.welcome-row{align-items:flex-start;flex-direction:column}.welcome-row h1{font-size:30px;margin-top:12px}.welcome-row p{font-size:12px}.welcome-row .primary-button{width:100%}.mode-banner{margin-top:26px;align-items:flex-start}.mode-banner .text-button{display:none}.quick-grid,.project-grid{grid-template-columns:1fr}.quick-card{min-height:70px}.section-block{margin-top:34px}.section-heading h2{font-size:17px}.split-section{gap:0}.jobs-block,.delivery-block{margin-top:34px}footer{margin-top:40px}}.page-picker{height:58px;display:flex;align-items:center;gap:5px;padding:0 3.5%;border-bottom:1px solid var(--border);background:linear-gradient(105deg,var(--surface),color-mix(in srgb,var(--orange) 14%,var(--surface)) 42%,color-mix(in srgb,var(--teal) 16%,var(--surface)) 72%,var(--surface));position:sticky;top:0;z-index:20;overflow:hidden;isolation:isolate;box-shadow:0 8px 34px #0004}.page-picker:before{content:"";position:absolute;z-index:-1;inset:-160% -20%;background:linear-gradient(105deg,transparent 28%,#ff681866 43%,#fff8 49%,#43d7c077 59%,transparent 76%);filter:blur(22px);transform:translate(-48%) rotate(-2deg);animation:page-picker-glow 6s ease-in-out infinite alternate}.page-picker:after{content:"";position:absolute;z-index:-1;inset:0;background:radial-gradient(ellipse at 16% 50%,#ff681850,transparent 25%),radial-gradient(ellipse at 82% 50%,#43d7c050,transparent 30%);opacity:.72;animation:page-picker-pulse 2.8s ease-in-out infinite alternate}.page-picker>*{position:relative;z-index:1}.page-picker::-webkit-scrollbar{display:none}.page-picker-label{display:inline-block;margin-right:12px;color:var(--orange);font:600 10px monospace;letter-spacing:.14em;white-space:nowrap;perspective:180px;transform-style:preserve-3d;animation:page-label-flip 7s cubic-bezier(.4,0,.2,1) infinite}.page-picker-label:after{content:"";display:inline-block;width:18px;height:1px;margin-left:8px;vertical-align:middle;background:linear-gradient(90deg,var(--orange),transparent);opacity:.8;transform:translateZ(5px);animation:page-label-sheen 7s ease-in-out infinite}@keyframes page-label-flip{0%,68%,to{transform:rotateY(0);text-shadow:0 0 0 transparent}76%{transform:rotateY(88deg);text-shadow:10px 0 16px #ff681866}84%{transform:rotateY(180deg);text-shadow:0 0 18px #43d7c077}92%{transform:rotateY(270deg);text-shadow:-10px 0 16px #ff681866}}@keyframes page-label-sheen{0%,65%,to{transform:translateZ(5px) scaleX(.55);opacity:.35}80%{transform:translateZ(12px) scaleX(1.15);opacity:1}}.page-picker button{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;padding:8px 12px;border-radius:8px;background:#00000012;color:var(--muted);font-size:11px;transition:background .3s,color .3s,box-shadow .3s}.page-picker button:hover,.page-picker button.selected{background:var(--surface-2);color:var(--text)}.page-picker button.selected{box-shadow:inset 0 -2px var(--orange),0 0 22px #ff681850}@keyframes page-picker-glow{0%{transform:translate(-48%) rotate(-2deg);opacity:.5}to{transform:translate(48%) rotate(-2deg);opacity:1}}@keyframes page-picker-pulse{0%{opacity:.32;transform:scale(1)}to{opacity:1;transform:scale(1.18)}}.login-page{position:relative;isolation:isolate;overflow:hidden;min-height:calc(100vh - 72px);padding:28px 5%;background:radial-gradient(circle at 18% 30%,#ff68181d,transparent 29%),radial-gradient(circle at 85% 70%,#43d7c01d,transparent 31%),var(--bg)}.login-page:before{content:"";position:absolute;z-index:-1;inset:-30%;background:conic-gradient(from 210deg at 50% 50%,transparent 0deg,#ff68181f 65deg,transparent 135deg,#43d7c01f 220deg,transparent 300deg);filter:blur(45px);animation:login-breathe 8s ease-in-out infinite alternate}.login-page:after{content:"";position:absolute;z-index:-1;width:34vw;height:34vw;min-width:260px;min-height:260px;right:5%;top:20%;border-radius:50%;background:radial-gradient(circle,#ff68182b 0%,#43d7c00d 38%,transparent 70%);filter:blur(20px);animation:login-orb 5s ease-in-out infinite alternate}.login-top{display:flex;justify-content:flex-end;align-items:center;max-width:1080px;margin:0 auto}.login-demo-label{font:10px monospace;letter-spacing:.09em;color:var(--muted-2)}@keyframes login-breathe{0%{opacity:.28;transform:scale(.9) rotate(-5deg)}50%{opacity:.72}to{opacity:1;transform:scale(1.12) rotate(5deg)}}@keyframes login-orb{0%{opacity:.3;transform:translate3d(-18px,12px,0) scale(.8)}to{opacity:.95;transform:translate3d(18px,-12px,0) scale(1.12)}}.login-grid{display:grid;grid-template-columns:1fr 420px;gap:8%;align-items:center;max-width:1080px;min-height:calc(100vh - 165px);margin:0 auto}.login-brand-panel{min-width:0}.login-brand{display:flex;align-items:center;gap:14px}.login-logo{width:56px;height:56px;object-fit:contain}.login-brand>span{display:flex;flex-direction:column;gap:3px}.login-brand b{font-size:22px;letter-spacing:.1em}.login-brand small{font-size:12px;letter-spacing:.6em;color:var(--muted)}.login-intro{max-width:470px;margin-top:92px}.login-kicker{display:inline-flex;align-items:center;gap:7px;color:var(--orange);font:600 10px monospace;letter-spacing:.12em}.login-intro h1{font-size:clamp(38px,5vw,70px);line-height:1.03;letter-spacing:-.07em;margin:18px 0;color:var(--text)}.login-intro h1 em{font-style:normal;color:var(--orange)}.login-intro p{max-width:410px;color:var(--muted);font-size:14px;line-height:1.8;margin:0}.login-trust{display:flex;align-items:center;gap:8px;margin-top:80px;color:var(--muted-2);font-size:11px}.login-card-wrap{display:flex;justify-content:center}.login-card{width:100%;padding:34px;border:1px solid var(--border);border-radius:22px;background:color-mix(in srgb,var(--surface) 94%,transparent);box-shadow:var(--shadow)}.login-card-heading{margin-bottom:30px}.login-step{color:var(--orange);font:600 10px monospace;letter-spacing:.13em}.login-card h2{font-size:28px;letter-spacing:-.05em;margin:13px 0 6px}.login-card-heading p{font-size:12px;color:var(--muted);margin:0}.login-field{display:block;color:var(--muted);font-size:11px}.login-field>span{display:block;margin-bottom:8px}.login-field>div{display:flex;align-items:center;gap:9px;padding:0 13px;border:1px solid var(--border);border-radius:9px;background:var(--surface-2);color:var(--muted-2)}.login-field>div:focus-within{border-color:var(--orange);box-shadow:0 0 0 3px #ff68181a}.login-field input{width:100%;padding:13px 0;border:0;outline:0;background:transparent;color:var(--text);font:inherit;font-size:12px}.login-field input::placeholder{color:var(--muted-2)}.login-primary,.login-secondary{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:13px;border-radius:9px;font-size:12px;font-weight:800}.login-primary{margin-top:16px;background:var(--orange);color:#fff}.login-primary:hover{filter:brightness(1.08)}.login-secondary{border:1px solid var(--border);background:var(--surface-2);color:var(--text)}.login-secondary:hover{border-color:var(--teal);color:var(--teal)}.login-divider{display:flex;align-items:center;gap:12px;margin:24px 0;color:var(--muted-2);font-size:10px}.login-divider:before,.login-divider:after{content:"";height:1px;flex:1;background:var(--border)}.login-terms{color:var(--muted-2);font-size:9px;line-height:1.8;text-align:center;margin:25px 0 0}.login-methods{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:0 0 22px;padding:4px;border:1px solid var(--border);border-radius:10px;background:var(--surface-2)}.login-methods button{display:flex;align-items:center;justify-content:center;gap:6px;padding:9px 6px;border-radius:7px;background:transparent;color:var(--muted);font-size:11px}.login-methods button.selected{background:var(--surface);color:var(--text);box-shadow:0 3px 12px #0002}.login-field+.login-field{margin-top:13px}.code-field>div{padding-right:7px}.code-field input{min-width:0}.code-field button{flex:none;padding:7px 8px;border:1px solid var(--border);border-radius:6px;background:transparent;color:var(--orange);font-size:10px;white-space:nowrap}.code-field button:hover{border-color:var(--orange)}.social-login-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:14px}.social-login-grid button{display:flex;align-items:center;justify-content:center;gap:6px;padding:11px 6px;border:1px solid var(--border);border-radius:9px;background:var(--surface-2);font-size:11px}.social-login-grid button:hover{transform:translateY(-1px);border-color:currentColor}.social-wechat{color:#16b979}.social-alipay{color:#208bea}.social-douyin{color:var(--text)}.preview-page{min-height:calc(100vh - 72px)}.preview-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding:18px 0 34px;border-bottom:1px solid var(--border)}.preview-kicker{color:var(--orange);font:600 10px monospace;letter-spacing:.14em}.preview-hero h1{font-size:clamp(32px,4vw,52px);letter-spacing:-.07em;margin:14px 0 8px}.preview-hero p{color:var(--muted);font-size:13px;margin:0}.preview-toolbar{display:flex;justify-content:space-between;align-items:center;padding:17px 0;color:var(--muted-2);font:10px monospace}.preview-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.preview-card{display:flex;align-items:center;gap:14px;min-height:120px;padding:20px;border:1px solid var(--border);border-radius:18px;background:linear-gradient(135deg,var(--surface),var(--surface-2));transition:transform .2s,border-color .2s}.preview-card:hover{transform:translateY(-2px);border-color:var(--orange)}.preview-card>div{display:flex;flex-direction:column;gap:7px;min-width:0}.preview-card b{font-size:13px}.preview-card small{font-size:10px;color:var(--muted);line-height:1.5}.preview-card>svg{margin-left:auto;color:var(--muted-2);flex:none}.preview-number{display:grid;place-items:center;width:35px;height:35px;flex:none;border-radius:10px;background:var(--orange-soft);color:var(--orange);font:600 11px monospace}.preview-number.n-2{background:var(--teal-soft);color:var(--teal)}.preview-number.n-3{background:var(--surface-3);color:var(--muted)}@media (max-width:1050px){.page-switcher button{padding-left:6px;padding-right:6px}.topbar{padding-left:2%;padding-right:2%}.login-grid{gap:5%}.preview-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:680px){.page-switcher{order:2;max-width:calc(100vw - 82px)}.topbar{justify-content:flex-start;gap:8px}.top-actions{margin-left:auto}.login-page{min-height:calc(100vh - 61px);padding:18px}.login-top{align-items:flex-start}.login-demo-label{display:none}.login-grid{display:block;min-height:0;margin-top:48px}.login-brand-panel{display:none}.login-card{padding:25px 20px}.login-card-wrap{display:block}.login-card h2{font-size:25px}.preview-hero{align-items:flex-start;flex-direction:column;padding-top:0}.preview-hero .primary-button{width:100%}.preview-grid{grid-template-columns:1fr}}.sidebar .nav-item{width:100%;text-align:left;background:transparent}.sidebar .nav-item:focus-visible,.page-picker button:focus-visible{outline:2px solid var(--orange);outline-offset:2px}