:root{--bg:#f3f2ed;--surface:#fff;--ink:#161714;--muted:#74766f;--line:#e5e5df;--lime:#dcff4f;--lime-soft:#f1ffc0;--blue:#dce9ff;--orange:#ffe5c0;--red:#ffd9d2;--radius:18px;--shadow:0 16px 50px rgba(35,35,25,.08)}*{box-sizing:border-box}html{font-size:16px}body{margin:0;font-family:Inter,"SF Pro Display","PingFang SC","Microsoft YaHei",sans-serif;background:var(--bg);color:var(--ink);overflow:hidden}button,input,textarea{font:inherit}button{color:inherit}.app-shell{display:grid;grid-template-columns:232px minmax(0,1fr) 350px;height:100dvh}.sidebar{background:#ebeae4;border-right:1px solid #ddddd6;padding:22px 14px 14px;display:flex;flex-direction:column;min-width:0}.brand{display:flex;align-items:center;gap:11px;padding:0 8px 22px}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#151515;color:var(--lime);font-weight:800}.brand strong,.brand small{display:block}.brand strong{letter-spacing:.02em}.brand small{font-size:.7rem;letter-spacing:.14em;color:var(--muted)}.quick-add{border:0;background:#171815;color:white;border-radius:12px;padding:12px;text-align:left;font-weight:700;margin-bottom:18px;cursor:pointer}.quick-add kbd{float:right;color:#aaa;background:#30312e;border-radius:5px;padding:1px 5px;font-size:.7rem}.nav-group{margin:4px 0 14px}.nav-label{display:block;font-size:.7rem;text-transform:uppercase;color:#92938d;padding:7px 10px;letter-spacing:.08em}.nav-item{width:100%;border:0;background:transparent;border-radius:10px;padding:10px;display:flex;gap:10px;align-items:center;color:#595b55;cursor:pointer;text-align:left;margin:1px 0}.nav-item:hover{background:#e2e1db;color:#111}.nav-item.active{background:#fff;color:#111;font-weight:700;box-shadow:0 2px 8px rgba(0,0,0,.04)}.nav-item .nav-icon{width:20px;text-align:center}.nav-item em{margin-left:auto;background:#dadbd4;padding:1px 6px;border-radius:12px;font-size:.7rem;font-style:normal}.sidebar-bottom{margin-top:auto}.project-switch,.profile{width:100%;display:flex;align-items:center;gap:10px}.project-switch{border:1px solid #ddd;background:#f5f4ef;border-radius:12px;padding:9px;cursor:pointer}.project-switch span:nth-child(2),.profile span:nth-child(2){min-width:0;flex:1;text-align:left}.project-switch b,.project-switch small,.profile b,.profile small{display:block}.project-switch b,.profile b{font-size:.82rem}.project-switch small,.profile small{font-size:.7rem;color:var(--muted)}.project-logo,.avatar{width:31px;height:31px;border-radius:9px;display:grid;place-items:center;background:var(--lime);font-size:.7rem;font-weight:800}.profile{padding:13px 8px 2px}.profile button{border:0;background:none}.avatar{border-radius:50%;background:#d4d5cf}.topbar{height:72px;padding:0 26px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;background:rgba(243,242,237,.88);backdrop-filter:blur(14px);position:relative;z-index:5}.search{display:flex;align-items:center;gap:9px;background:#eae9e3;border:1px solid transparent;border-radius:10px;padding:8px 10px;width:min(410px,55%)}.search:focus-within{background:#fff;border-color:#ccc}.search input{background:none;border:0;outline:0;min-width:0;flex:1}.search kbd{font-size:.7rem;color:#85857f}.top-actions{display:flex;gap:10px}.icon-btn{border:0;background:transparent;width:36px;height:36px;border-radius:10px;cursor:pointer;font-size:1.1rem}.icon-btn:hover{background:#e4e3de}.icon-btn i{display:block;width:6px;height:6px;background:#ff6d56;border-radius:50%;position:absolute;margin:-22px 0 0 20px}.ai-pill{border:0;border-radius:10px;background:#171815;color:white;padding:8px 13px;cursor:pointer;font-weight:700}.ai-pill span{color:var(--lime)}main{min-width:0;overflow:hidden}.page{height:calc(100dvh - 72px);overflow:auto;padding:28px 30px 80px}.page-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:24px}.eyebrow{color:var(--muted);font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.page h1{font-size:clamp(1.7rem,3vw,2.35rem);letter-spacing:-.04em;margin:4px 0 2px}.page-head p{margin:0;color:var(--muted)}.primary,.secondary,.ghost{border:0;border-radius:10px;padding:10px 14px;font-weight:700;cursor:pointer}.primary{background:#161715;color:#fff}.primary:hover{background:#333}.secondary{background:#fff;border:1px solid var(--line)}.ghost{background:transparent;color:var(--muted)}.grid{display:grid;gap:16px}.stats{grid-template-columns:repeat(4,1fr);margin-bottom:16px}.stat,.card{background:var(--surface);border:1px solid rgba(0,0,0,.055);border-radius:var(--radius)}.stat{padding:18px}.stat-top{display:flex;justify-content:space-between;color:var(--muted);font-size:.8rem}.stat strong{display:block;font-size:1.8rem;margin:12px 0 5px;letter-spacing:-.04em}.delta{font-size:.75rem}.delta.up{color:#2e7c4a}.main-grid{grid-template-columns:minmax(0,1.6fr) minmax(260px,.75fr)}.card{padding:20px}.card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px}.card-head h2{font-size:1rem;margin:0}.card-head button{border:0;background:none;color:var(--muted);cursor:pointer}.task-list,.customer-list{display:flex;flex-direction:column;gap:7px}.task{display:grid;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:10px;border-radius:12px;padding:11px 9px}.task:hover{background:#f6f6f2}.check{width:21px;height:21px;border:1.5px solid #c7c8c1;border-radius:7px;background:white;cursor:pointer}.check.done{background:#1b1c19;color:var(--lime);border-color:#1b1c19}.task b,.task small{display:block}.task b{font-size:.88rem}.task small{font-size:.73rem;color:var(--muted);margin-top:3px}.tag{border-radius:20px;padding:4px 8px;font-size:.7rem;white-space:nowrap}.tag.hot{background:#ffe3d7;color:#9b412c}.tag.lime{background:var(--lime-soft);color:#566400}.tag.blue{background:var(--blue);color:#315b98}.priority{border-left:3px solid #ff745f}.customer-row{display:grid;grid-template-columns:38px 1fr auto;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid #efefeb;cursor:pointer}.customer-row:last-child{border:0}.company-avatar{width:38px;height:38px;border-radius:11px;background:#edeee8;display:grid;place-items:center;font-weight:800;font-size:.7rem}.customer-row b,.customer-row small{display:block}.customer-row small{font-size:.72rem;color:var(--muted);margin-top:3px}.score{font-weight:800}.progress{height:7px;background:#ecece7;border-radius:8px;overflow:hidden}.progress i{height:100%;display:block;background:#171815;border-radius:8px}.funnel{display:flex;align-items:flex-end;gap:6px;height:155px;padding-top:12px}.bar{flex:1;background:#e8e9e3;border-radius:8px 8px 3px 3px;min-width:20px;position:relative;transition:.2s}.bar:hover{background:var(--lime)}.bar span{position:absolute;top:-23px;width:100%;text-align:center;font-size:.72rem;font-weight:700}.bar label{position:absolute;bottom:-30px;width:100%;text-align:center;font-size:.65rem;color:var(--muted)}.activity{margin-top:16px}.activity-item{display:grid;grid-template-columns:10px 1fr;gap:10px;padding:8px 0}.activity-dot{width:8px;height:8px;border-radius:50%;background:#181915;margin-top:5px}.activity-item p{margin:0;font-size:.8rem}.activity-item small{color:var(--muted)}.copilot{background:#fdfdfb;border-left:1px solid var(--line);display:flex;flex-direction:column;min-width:0;z-index:20}.copilot-head{height:72px;padding:0 18px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.copilot-head>div{display:flex;align-items:center;gap:9px}.copilot-head span span b,.copilot-head span span small{display:block}.copilot-head small{font-size:.7rem;color:var(--muted)}.ai-orb{width:32px;height:32px;display:grid;place-items:center;border-radius:10px;background:#171815;color:var(--lime)}.ai-orb.small{width:25px;height:25px;border-radius:8px;font-size:.7rem;flex:0 0 auto}.context-strip{margin:12px 16px 0;background:#f1f1ed;padding:8px 10px;border-radius:9px;font-size:.72rem;display:flex;gap:6px;align-items:center}.context-strip span{color:var(--muted)}.context-strip button{margin-left:auto;border:0;background:none;color:#666;font-size:.7rem}.chat{flex:1;padding:20px 16px;overflow:auto}.ai-message{display:flex;gap:9px}.ai-message p{font-size:.86rem;line-height:1.65;margin:7px 0 12px;color:#454640}.ai-message button{border:1px solid #d7d7d0;border-radius:9px;background:#fff;padding:8px 10px;font-size:.78rem;font-weight:700;cursor:pointer}.suggestions{display:flex;flex-wrap:wrap;gap:6px;margin:16px 0 0 34px}.suggestions button{font-size:.7rem;border:1px solid #e3e3de;background:#f7f7f4;border-radius:20px;padding:7px 9px;cursor:pointer}.user-message{background:#1c1d1a;color:white;border-radius:13px 13px 3px 13px;padding:10px 12px;margin:12px 0 12px 50px;font-size:.82rem;line-height:1.5}.composer{margin:0 14px;border:1px solid #d9d9d2;background:white;border-radius:13px;padding:9px}.composer textarea{border:0;outline:0;resize:none;width:100%;font-size:.82rem;line-height:1.4}.composer>div{display:flex;justify-content:space-between}.composer button{border:0;cursor:pointer}.attach{background:none}.send{width:28px;height:28px;border-radius:8px;background:#171815;color:white}.ai-note{text-align:center;font-size:.62rem;color:#aaa;margin:7px 0 11px}.mobile-only{display:none}.table-wrap{overflow:auto}.data-table{width:100%;border-collapse:collapse;min-width:720px}.data-table th{text-align:left;font-size:.7rem;color:var(--muted);font-weight:600;padding:10px;border-bottom:1px solid var(--line)}.data-table td{padding:13px 10px;border-bottom:1px solid #efefeb;font-size:.82rem}.data-table tr{cursor:pointer}.data-table tbody tr:hover{background:#f8f8f4}.contact-cell{display:flex;align-items:center;gap:9px}.kanban{display:grid;grid-template-columns:repeat(4,minmax(220px,1fr));gap:12px;overflow:auto;padding-bottom:10px}.kanban-col{background:#ecebe6;border-radius:16px;padding:12px;min-height:500px}.kanban-title{display:flex;justify-content:space-between;font-size:.78rem;font-weight:700;margin:2px 3px 12px}.deal{background:white;border-radius:13px;padding:14px;margin-bottom:9px;box-shadow:0 2px 7px rgba(0,0,0,.03);cursor:pointer}.deal:hover{transform:translateY(-1px)}.deal b,.deal small{display:block}.deal small{color:var(--muted);margin-top:4px}.deal footer{display:flex;justify-content:space-between;align-items:center;margin-top:14px;font-size:.72rem}.metric-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:16px}.big-number{font-size:3.2rem;font-weight:800;letter-spacing:-.06em}.segments{display:flex;height:12px;border-radius:10px;overflow:hidden;margin:18px 0}.segments i:nth-child(1){width:56%;background:#171815}.segments i:nth-child(2){width:28%;background:var(--lime)}.segments i:nth-child(3){width:16%;background:#dcdcd5}.customer-hero{display:grid;grid-template-columns:1fr auto;align-items:center;gap:16px}.customer-title{display:flex;gap:14px;align-items:center}.customer-title .company-avatar{width:54px;height:54px;font-size:.9rem}.customer-title h1{font-size:1.7rem}.customer-title p{margin:3px 0 0;color:var(--muted)}.tabs{display:flex;gap:4px;border-bottom:1px solid var(--line);margin:20px 0 16px}.tabs button{border:0;background:none;padding:10px 12px;border-bottom:2px solid transparent;color:var(--muted);cursor:pointer}.tabs button.active{color:#111;border-color:#111;font-weight:700}.timeline{position:relative;padding-left:20px}.timeline:before{content:"";position:absolute;left:5px;top:8px;bottom:8px;width:1px;background:#ddd}.timeline article{position:relative;padding:0 0 18px}.timeline article:before{content:"";position:absolute;left:-19px;top:5px;width:9px;height:9px;background:white;border:2px solid #111;border-radius:50%}.timeline h3{font-size:.85rem;margin:0 0 5px}.timeline p{font-size:.8rem;color:#5e605a;margin:0;line-height:1.5}.empty{padding:70px 20px;text-align:center;color:var(--muted)}.settings-list{display:grid;gap:10px}.setting-row{display:grid;grid-template-columns:42px 1fr auto;gap:12px;align-items:center;padding:13px;background:#f7f7f3;border-radius:13px}.setting-icon{width:38px;height:38px;border-radius:10px;background:#e6e7e1;display:grid;place-items:center}.setting-row b,.setting-row small{display:block}.setting-row small{color:var(--muted);margin-top:3px}.status-dot{width:8px;height:8px;border-radius:50%;display:inline-block;background:#bbb;margin-right:5px}.status-dot.mock{background:#f0a552}.toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%,30px);background:#191a17;color:#fff;padding:11px 16px;border-radius:10px;opacity:0;pointer-events:none;z-index:100;transition:.25s;font-size:.82rem}.toast.show{opacity:1;transform:translate(-50%,0)}dialog{border:0;border-radius:20px;padding:22px;width:min(520px,calc(100vw - 28px));box-shadow:var(--shadow);z-index:61}dialog::backdrop{background:transparent}.modal-backdrop{position:fixed;inset:0;background:rgba(10,10,8,.3);backdrop-filter:blur(3px);z-index:60;display:none}.modal-backdrop.show{display:block}.dialog-head{display:flex;justify-content:space-between}.dialog-head h2{margin:4px 0 18px}.dialog-head small{color:var(--muted)}.add-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.add-grid button{border:1px solid var(--line);background:#fafaf7;border-radius:14px;padding:16px;text-align:left;cursor:pointer}.add-grid button:hover{border-color:#222;background:#fff}.add-grid span,.add-grid b,.add-grid small{display:block}.add-grid span{font-size:1.3rem;margin-bottom:14px}.add-grid small{color:var(--muted);margin-top:4px}.mobile-nav{display:none}
@media(max-width:1180px){.app-shell{grid-template-columns:210px minmax(0,1fr)}.copilot{position:fixed;right:0;top:0;bottom:0;width:min(360px,100vw);box-shadow:-18px 0 50px rgba(0,0,0,.12);transform:translateX(105%);transition:.25s}.copilot.open{transform:none}.stats{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){body{overflow:auto}.app-shell{display:block}.sidebar{position:fixed;inset:0 auto 0 0;width:270px;z-index:50;transform:translateX(-105%);transition:.25s;box-shadow:15px 0 45px rgba(0,0,0,.12)}.sidebar.open{transform:none}main{overflow:visible}.topbar{height:62px;padding:0 12px;position:sticky;top:0}.mobile-only{display:block}.search{width:auto;flex:1;margin:0 8px}.search kbd{display:none}.page{height:auto;min-height:calc(100dvh - 62px);padding:20px 14px 92px}.page-head{align-items:flex-start}.page-head p{font-size:.82rem}.page-head .primary{font-size:0;padding:10px}.page-head .primary:after{content:'＋';font-size:1rem}.stats{grid-template-columns:1fr 1fr;gap:10px}.stat{padding:14px}.stat strong{font-size:1.45rem}.main-grid,.metric-grid{grid-template-columns:1fr}.card{padding:16px}.kanban{margin-right:-14px}.top-actions .icon-btn{display:none}.ai-pill{font-size:0;padding:9px}.ai-pill span{font-size:1rem}.customer-hero{grid-template-columns:1fr}.customer-hero>.primary{display:none}.tabs{overflow:auto}.tabs button{white-space:nowrap}.add-grid{grid-template-columns:1fr}.copilot{width:100%}}

/* Energetic lavender workspace — inspired by the supplied references */
:root{--bg:#f1f0f8;--surface:rgba(255,255,255,.9);--ink:#181722;--muted:#747186;--line:#dedcea;--purple:#7359e8;--purple-soft:#eeeaff;--lime:#d9ff5b;--lime-soft:#efffc5;--blue:#dceaff;--radius:20px;--shadow:0 16px 44px rgba(79,63,150,.11)}
body{background:radial-gradient(circle at 76% 6%,#d9efff 0,transparent 28%),radial-gradient(circle at 20% 100%,#e1d9ff 0,transparent 30%),var(--bg)}
.app-shell{grid-template-columns:252px minmax(0,1fr) 350px}
.sidebar{background:linear-gradient(180deg,rgba(237,236,246,.97),rgba(227,225,241,.96));border-right:1px solid rgba(115,89,232,.12);padding:24px 16px 16px}
.brand{gap:12px;padding-bottom:24px}.brand-mark{width:38px;height:38px;border-radius:12px;background:linear-gradient(145deg,#765be9,#4d38b4);color:#fff;box-shadow:0 8px 20px rgba(115,89,232,.27)}
.quick-add{padding:13px 14px;margin-bottom:20px;border-radius:14px;background:linear-gradient(135deg,#191821,#353142);box-shadow:0 9px 22px rgba(25,22,40,.18)}
.nav-group{margin:3px 0 16px}.nav-label{padding:8px 11px;color:#918da2;font-weight:750}.nav-item{min-height:48px;padding:7px 9px;margin:3px 0;gap:11px;border-radius:14px;color:#575468;transition:.2s}.nav-item:hover{background:rgba(255,255,255,.68);color:#211e35;transform:translateX(2px)}.nav-item.active{background:#fff;color:#211e35;box-shadow:0 8px 24px rgba(82,67,151,.12)}
.nav-item .nav-icon{width:35px;height:35px;flex:0 0 35px;display:grid;place-items:center;border-radius:11px;background:rgba(255,255,255,.72);font-size:1.12rem;line-height:1;filter:saturate(1.15)}.nav-item.active .nav-icon{background:var(--purple-soft);box-shadow:inset 0 0 0 1px rgba(115,89,232,.09)}.nav-item em{background:#dfdced;color:#5f5a72;padding:2px 7px}
.nav-item .nav-icon{width:34px;height:34px;flex-basis:34px;border-radius:10px;font-family:Inter,"SF Pro Display",sans-serif;font-size:.66rem;font-weight:800;letter-spacing:.06em;color:#89859a;background:rgba(255,255,255,.64);filter:none;border:1px solid rgba(71,64,105,.06)}.nav-item.active .nav-icon{color:#fff;background:linear-gradient(145deg,#765ae9,#5540c2);border-color:transparent;box-shadow:0 6px 14px rgba(107,83,214,.25)}
.project-switch{background:rgba(255,255,255,.68);border-color:rgba(115,89,232,.13);border-radius:14px;padding:10px}.project-logo{background:linear-gradient(135deg,var(--lime),#b7ea38)}.avatar{background:linear-gradient(135deg,#7760df,#b6a7ff);color:#fff}
.topbar{background:rgba(247,246,252,.76);border-bottom-color:rgba(115,89,232,.1);backdrop-filter:blur(18px)}.search{background:rgba(255,255,255,.72);border-color:rgba(115,89,232,.1);border-radius:12px;box-shadow:0 5px 18px rgba(79,63,150,.05)}.search:focus-within{border-color:#aa9af2}.ai-pill{background:linear-gradient(135deg,#7358e7,#4e39b6);border-radius:12px;box-shadow:0 8px 20px rgba(103,79,216,.27)}
.stat,.card{background:var(--surface);border-color:rgba(115,89,232,.09);box-shadow:0 10px 32px rgba(75,60,139,.06);backdrop-filter:blur(12px)}.stat{position:relative;overflow:hidden}.stat:after{content:"";position:absolute;width:72px;height:72px;border-radius:50%;right:-27px;top:-30px;background:linear-gradient(145deg,rgba(115,89,232,.18),rgba(151,215,255,.07))}
.primary{background:linear-gradient(135deg,#191820,#363044);box-shadow:0 8px 18px rgba(32,28,48,.15)}.primary:hover{background:linear-gradient(135deg,#765ae9,#4e39b6)}.secondary{border-color:rgba(115,89,232,.14)}
.copilot{background:linear-gradient(180deg,rgba(251,250,255,.97),rgba(241,239,251,.98));border-left-color:rgba(115,89,232,.12)}.ai-orb{background:linear-gradient(145deg,#765ae9,#4d38b4);color:#fff;box-shadow:0 6px 16px rgba(115,89,232,.24)}.context-strip{background:#eeebf8}.composer{border-color:rgba(115,89,232,.16);box-shadow:0 6px 20px rgba(80,65,145,.06)}
.kanban-col{background:rgba(228,225,241,.72)}.bar:hover{background:linear-gradient(180deg,#aa91f7,#7458e8)}.segments i:nth-child(1),.progress i{background:linear-gradient(90deg,#765ae9,#9b86f1)}.setting-icon{background:var(--purple-soft)}
@media(max-width:1180px){.app-shell{grid-template-columns:226px minmax(0,1fr)}}
@media(max-width:760px){.app-shell{display:block}.sidebar{width:286px}.stats{grid-template-columns:1fr 1fr}.nav-item{min-height:50px}}
.brief-card{display:grid;grid-template-columns:1fr auto;gap:24px;align-items:center;padding:24px 26px;margin-bottom:14px;border-radius:24px;color:#fff;background:linear-gradient(125deg,#252232 0%,#51429f 56%,#7b64ed 100%);box-shadow:0 18px 40px rgba(73,56,151,.23)}.brief-card h2{font-size:1.35rem;margin:8px 0}.brief-card p{margin:0;color:rgba(255,255,255,.74)}.brief-card .eyebrow{color:#d9ff5b}.brief-score{width:92px;height:92px;border-radius:50%;display:grid;place-content:center;text-align:center;background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.22)}.brief-score b{font-size:1.9rem}.brief-score small{font-size:.65rem;color:#ded9ff}.portfolio-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:16px}.portfolio-strip>div{padding:15px 18px;background:rgba(255,255,255,.75);border:1px solid rgba(115,89,232,.09);border-radius:15px}.portfolio-strip span,.portfolio-strip b,.portfolio-strip small{display:block}.portfolio-strip span{font-size:.7rem;color:var(--muted);letter-spacing:.05em}.portfolio-strip b{margin:6px 0;font-size:1rem}.portfolio-strip small{color:var(--muted);font-size:.7rem}.action-queue{display:grid;gap:8px}.action-card{display:grid;grid-template-columns:34px 1fr auto;gap:12px;align-items:center;padding:13px;border:1px solid #ebe9f2;border-radius:15px;background:rgba(255,255,255,.7)}.action-card:hover{border-color:#cfc6f4}.action-card small,.action-card b,.action-card p{display:block;margin:0}.action-card>div>small{color:#7057da;font-weight:700}.action-card p{font-size:.73rem;color:var(--muted);margin:4px 0 7px}.action-card footer{display:flex;gap:12px;font-size:.68rem}.action-card footer span{color:var(--muted)}.action-no{font-size:.65rem;font-weight:800;color:#8d88a1}.radar-row{display:flex;align-items:center;justify-content:space-between;padding:11px 2px;border-bottom:1px solid #efedf4;font-size:.82rem}.radar-row:last-child{border:0}.muted-copy{color:var(--muted);line-height:1.65;font-size:.82rem}.channel-tabs,.view-switch,.filter-bar{display:flex;gap:7px;margin-bottom:16px;overflow:auto}.channel-tabs button,.view-switch button,.filter-bar button{border:1px solid rgba(115,89,232,.11);background:rgba(255,255,255,.72);padding:9px 13px;border-radius:10px;white-space:nowrap;cursor:pointer}.channel-tabs button.active,.view-switch button.active{background:#201e2a;color:#fff}.inbox-list{padding:8px}.mail-row{display:grid;grid-template-columns:40px 1fr 8px;gap:11px;padding:13px;border-radius:14px;cursor:pointer}.mail-row:hover,.mail-row.selected{background:#f0edfb}.mail-row header{display:flex;justify-content:space-between}.mail-row header time,.mail-row small{font-size:.7rem;color:var(--muted)}.mail-row p{font-size:.77rem;margin:6px 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mail-dot{width:7px;height:7px;border-radius:50%;background:#765ae9;margin-top:5px}.message-preview>p{padding:20px 0;line-height:1.7}.ai-insight{background:#f0edfb;border-radius:14px;padding:14px;margin-bottom:14px}.ai-insight p{margin:6px 0 0;font-size:.8rem;line-height:1.6;color:#5f5a72}.day-plan{display:grid;gap:4px}.time-block{display:grid;grid-template-columns:60px 1fr;gap:12px}.time-block time{font-size:.75rem;color:var(--muted);padding-top:14px}.time-block article{padding:12px 15px;border-left:4px solid;border-radius:10px;margin-bottom:5px}.time-block article b,.time-block article small{display:block}.time-block article small{color:var(--muted);margin-top:4px;font-size:.72rem}.time-block .purple{background:#f0ecff;border-color:#765ae9}.time-block .lime{background:#f3ffd2;border-color:#c4ec48}.time-block .blue{background:#eaf5ff;border-color:#8fc7f4}.time-block .gray{background:#f0eff3;border-color:#aaa7b4}.donut-wrap{display:flex;align-items:center;gap:20px}.donut{width:128px;height:128px;border-radius:50%;background:conic-gradient(#7258e8 0 58%,#8fc7f4 58% 92%,#d9d8e5 92%);display:grid;place-items:center}.donut:before{content:"";width:78px;height:78px;border-radius:50%;background:#fff}.donut span{position:absolute;text-align:center}.donut b,.donut small{display:block}.donut small{font-size:.65rem;color:var(--muted)}.legend{flex:1}.legend p{display:flex;align-items:center;gap:7px;font-size:.75rem}.legend p b{margin-left:auto}.legend i{width:8px;height:8px;border-radius:50%}.project-bars{display:grid;gap:17px;padding:12px 0}.project-bars>div{display:grid;grid-template-columns:90px 1fr 30px;gap:10px;align-items:center;font-size:.78rem}.project-bars>div>div{height:12px;background:#eeecf4;border-radius:10px;overflow:hidden}.project-bars i{display:block;height:100%;border-radius:10px;background:linear-gradient(90deg,#765ae9,#a995f5)}.funnel-3d{display:flex;flex-direction:column;align-items:center;padding:10px 0 4px;perspective:500px}.funnel-3d button{width:calc(100% - var(--level)*11%);min-width:42%;height:58px;border:0;color:white;cursor:pointer;display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:18px;padding:0 24px;background:linear-gradient(110deg,hsl(calc(253 - var(--level)*3) 70% calc(58% + var(--level)*3%)),hsl(calc(250 - var(--level)*2) 72% calc(48% + var(--level)*3%)));clip-path:polygon(4% 0,96% 0,100% 100%,0 100%);box-shadow:0 8px 14px rgba(70,49,157,.13);transform:rotateX(-2deg)}.funnel-3d button:first-child{border-radius:10px 10px 0 0}.funnel-3d button:last-child{border-radius:0 0 10px 10px}.funnel-3d button span{text-align:left;font-weight:700}.funnel-3d button small{color:rgba(255,255,255,.72)}.smart-create textarea{width:100%;resize:none;border:1px solid #ded9ee;border-radius:14px;padding:14px;outline:0;line-height:1.6}.smart-create textarea:focus{border-color:#8c78e7;box-shadow:0 0 0 3px #eeeaff}.smart-hints{display:flex;flex-wrap:wrap;gap:7px;margin:10px 0 16px}.smart-hints span{font-size:.7rem;color:#706b82;background:#f0eef7;padding:5px 8px;border-radius:20px}.smart-create .primary{width:100%}
@media(max-width:760px){.brief-card{grid-template-columns:1fr;padding:20px}.brief-score{display:none}.portfolio-strip{grid-template-columns:1fr}.action-card{grid-template-columns:26px 1fr}.action-card>.primary{grid-column:2;width:max-content}.donut-wrap{align-items:flex-start}.funnel-3d button{width:calc(100% - var(--level)*7%);padding:0 12px;gap:8px}.funnel-3d button small{display:none}}
.project-allocation{padding:16px 18px;margin-bottom:16px;background:rgba(255,255,255,.82);border:1px solid rgba(115,89,232,.09);border-radius:17px}.allocation-head{display:flex;justify-content:space-between;align-items:center}.allocation-head span,.allocation-head b{display:block}.allocation-head b{margin-top:4px}.allocation-head button{border:0;background:none;color:var(--muted);cursor:pointer}.allocation-bar{height:10px;display:flex;overflow:hidden;border-radius:20px;margin:14px 0 12px}.allocation-bar i:nth-child(1){background:#7258e8}.allocation-bar i:nth-child(2){background:#8fc7f4}.allocation-bar i:nth-child(3){background:#d9d8e5}.allocation-list{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.allocation-list span{display:grid;grid-template-columns:8px auto;column-gap:7px;align-items:center}.allocation-list span i{grid-row:1/3;width:8px;height:8px;border-radius:50%}.allocation-list small{color:var(--muted);font-size:.68rem}.allocation-list>strong{margin-left:auto;font-size:.76rem}.purple-dot{background:#7258e8}.blue-dot{background:#8fc7f4}.gray-dot{background:#d9d8e5}
.funnel-3d{display:flex;flex-direction:column;align-items:stretch;padding:0;margin:12px auto 4px;width:min(100%,620px);height:360px;overflow:hidden;clip-path:polygon(0 0,100% 0,50% 100%);background:#7258e8;filter:drop-shadow(0 16px 18px rgba(70,49,157,.18));perspective:none}.funnel-3d button{width:100%;min-width:0;height:60px;flex:0 0 60px;border:0;border-bottom:1px solid rgba(255,255,255,.22);color:white;cursor:pointer;display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:18px;padding:0 max(24px,18%);clip-path:none;box-shadow:none;transform:none;background:linear-gradient(105deg,hsl(calc(253 - var(--level)*2) 68% calc(56% + var(--level)*2%)),hsl(calc(250 - var(--level)*2) 70% calc(47% + var(--level)*2%)))}.funnel-3d button:hover{filter:brightness(1.08)}.funnel-3d button:first-child,.funnel-3d button:last-child{border-radius:0}
@media(max-width:760px){.allocation-list{gap:12px}.allocation-list>strong{width:100%;margin:0}.funnel-3d{height:300px}.funnel-3d button{width:100%;height:50px;flex-basis:50px;padding:0 20%;gap:7px}}
.follow-plan{display:grid;grid-template-columns:118px 1fr auto;gap:22px;align-items:center;padding:20px 22px;margin-bottom:16px;background:linear-gradient(120deg,rgba(255,255,255,.92),rgba(238,234,255,.9));border:1px solid rgba(115,89,232,.12);border-radius:20px;box-shadow:0 10px 28px rgba(73,57,142,.07)}.follow-ring{width:102px;height:102px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#7258e8 0 68%,#e3dff2 68%)}.follow-ring:before{content:"";width:72px;height:72px;border-radius:50%;background:#fff}.follow-ring span{position:absolute;text-align:center}.follow-ring b,.follow-ring small{display:block}.follow-ring b{font-size:1.15rem}.follow-ring small{font-size:.6rem;color:var(--muted)}.follow-summary h2{font-size:1.05rem;margin:5px 0}.follow-summary>p{font-size:.76rem;color:var(--muted);margin:0 0 12px}.follow-stats{display:flex;gap:24px}.follow-stats span b,.follow-stats span small{display:block}.follow-stats span small{font-size:.65rem;color:var(--muted);margin-top:2px}
.funnel-3d button{position:relative;grid-template-columns:auto auto;justify-content:center;gap:13px;padding:0;transition:transform .22s ease,filter .22s ease,background .22s ease;overflow:visible}.funnel-3d button span,.funnel-3d button b{position:relative;z-index:2;text-align:center;white-space:nowrap;text-shadow:0 1px 3px rgba(25,16,76,.25)}.funnel-3d button span{font-size:.82rem}.funnel-3d button b{font-size:1rem}.funnel-3d button small{display:none}.funnel-3d button:hover{z-index:5;transform:scale(1.055);filter:brightness(1.16) saturate(1.2);background:linear-gradient(100deg,#9c84ff,#5d3ee2);box-shadow:0 10px 24px rgba(63,41,159,.32)}
@media(max-width:760px){.follow-plan{grid-template-columns:82px 1fr;padding:16px;gap:13px}.follow-ring{width:76px;height:76px}.follow-ring:before{width:54px;height:54px}.follow-plan>.secondary{grid-column:1/3}.follow-stats{gap:13px}.funnel-3d button{padding:0;gap:8px}.funnel-3d button span{font-size:.7rem}.funnel-3d button b{font-size:.8rem}}
.funnel-3d{height:264px;clip-path:polygon(0 0,100% 0,72% 100%,28% 100%);border-radius:10px 10px 16px 16px}.funnel-3d button{height:66px;flex-basis:66px}.funnel-3d button span{font-size:.88rem}.funnel-3d button b{font-size:1.05rem}
@media(max-width:760px){.funnel-3d{height:224px;clip-path:polygon(0 0,100% 0,76% 100%,24% 100%)}.funnel-3d button{height:56px;flex-basis:56px}.funnel-3d button span{font-size:.76rem}.funnel-3d button b{font-size:.9rem}}
.settings-tabs{display:flex;gap:7px;margin-bottom:16px;overflow:auto}.settings-tabs button{border:1px solid rgba(115,89,232,.1);background:rgba(255,255,255,.72);padding:9px 14px;border-radius:10px;white-space:nowrap}.settings-tabs button.active{background:#211e2c;color:#fff}.model-strategy,.cost-simulator{margin-bottom:16px}.strategy-choice{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-bottom:18px}.strategy-choice button{border:1px solid #e5e1ef;background:#f8f7fc;border-radius:14px;padding:14px;text-align:left;cursor:pointer}.strategy-choice button b,.strategy-choice button small{display:block}.strategy-choice button small{font-size:.7rem;color:var(--muted);line-height:1.45;margin-top:5px}.strategy-choice button.active{border-color:#765ae9;background:#f0ecff;box-shadow:0 0 0 2px rgba(118,90,233,.1)}.routing-table{border:1px solid #ece9f2;border-radius:14px;overflow:hidden}.routing-table>div{display:grid;grid-template-columns:1.2fr .7fr 1fr;gap:14px;align-items:center;padding:10px 13px;border-bottom:1px solid #efedf4;font-size:.76rem}.routing-table>div:last-child{border:0}.routing-head{background:#f4f2f9;color:var(--muted);font-size:.68rem!important}.model-chip{width:max-content;padding:4px 8px;border-radius:20px;background:#eeeaff;color:#5a43bd;font-weight:800}.budget-guard{display:flex;justify-content:space-between;align-items:center;padding:14px;margin-top:14px;border-radius:13px;background:#f6f5fa}.budget-guard b,.budget-guard small{display:block}.budget-guard small{font-size:.7rem;color:var(--muted);margin-top:3px}.budget-guard input{width:72px;border:1px solid #ddd8e9;border-radius:8px;padding:7px}.sim-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.sim-grid label{font-size:.7rem;color:var(--muted)}.sim-grid input{display:block;width:100%;margin-top:6px;border:1px solid #ddd9e8;border-radius:10px;padding:10px;background:#faf9fd}.cost-scenarios{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:16px 0}.cost-scenarios article{padding:17px;border-radius:15px;background:#f6f5fa;border:1px solid #ebe8f2}.cost-scenarios article span,.cost-scenarios article b,.cost-scenarios article small{display:block}.cost-scenarios article b{font-size:1.7rem;margin:8px 0}.cost-scenarios article small{font-size:.7rem;color:var(--muted)}.cost-scenarios article.recommended{background:linear-gradient(135deg,#292536,#6650ce);color:#fff}.cost-scenarios article.recommended small{color:#d8d1fb}.sim-note{display:flex;justify-content:space-between;align-items:center;font-size:.7rem;color:var(--muted)}.settings-lower{margin-top:0}
@media(max-width:760px){.strategy-choice,.cost-scenarios{grid-template-columns:1fr}.sim-grid{grid-template-columns:1fr 1fr}.routing-table>div{grid-template-columns:1.2fr .7fr}.routing-table>div span:last-child{display:none}.budget-guard{align-items:flex-start;gap:12px}.settings-lower{grid-template-columns:1fr}}
.followup-backdrop{position:fixed;inset:0;background:rgba(20,18,30,.28);backdrop-filter:blur(3px);opacity:0;pointer-events:none;transition:.25s;z-index:69}.followup-backdrop.show{opacity:1;pointer-events:auto}.followup-sheet{position:fixed;top:0;right:0;bottom:0;width:min(520px,100vw);background:#fbfafc;box-shadow:-22px 0 60px rgba(41,32,82,.18);z-index:70;transform:translateX(105%);transition:transform .28s ease;display:flex;flex-direction:column}.followup-sheet.open{transform:none}.followup-sheet-head{height:72px;padding:0 22px;border-bottom:1px solid #e9e6ef;display:flex;align-items:center;justify-content:space-between;flex:0 0 auto}.followup-sheet-head small{color:#765ae9;font-weight:700}.followup-sheet-head h2{font-size:1.05rem;margin:3px 0 0}.followup-sheet-body{padding:18px 22px 30px;overflow:auto}.followup-status{display:flex;align-items:center;justify-content:space-between;padding:11px 13px;background:#fff4e5;border:1px solid #f1ddbd;border-radius:12px;margin-bottom:14px}.followup-status span{font-size:.78rem;font-weight:700}.followup-status i{display:inline-block;width:8px;height:8px;border-radius:50%;background:#e39c36;margin-right:6px}.followup-status small{color:#8c6a35}.followup-section{background:#fff;border:1px solid #ebe8f0;border-radius:16px;padding:16px;margin-bottom:11px}.followup-section p{font-size:.82rem;line-height:1.7;color:#53515a;margin:10px 0 0}.followup-section.ai-reason{background:linear-gradient(135deg,#f3f0ff,#faf9ff);border-color:#ded6fb}.followup-section.ai-reason b{display:block;font-size:.76rem;margin-top:12px}.followup-meta{display:flex;gap:6px;margin-top:10px}.followup-meta span{font-size:.68rem;background:#f0eef5;padding:5px 8px;border-radius:20px}.section-line{display:flex;align-items:center;justify-content:space-between}.followup-section textarea{width:100%;resize:vertical;margin-top:12px;border:1px solid #ded9ee;border-radius:12px;padding:12px;outline:0;line-height:1.65;color:#34323a;background:#fdfcff}.followup-section textarea:focus{border-color:#846fe2;box-shadow:0 0 0 3px #eeeaff}.edit-hint{display:block;color:var(--muted);font-size:.67rem;margin-top:7px}.followup-actions{display:grid;grid-template-columns:1fr 1.45fr;gap:9px;margin:15px 0 10px}.followup-actions .adopted{background:#efffc1;border-color:#caec5a}.followup-actions button:disabled{opacity:.48;cursor:not-allowed}.audit-note{font-size:.68rem;line-height:1.55;color:var(--muted);margin:0 4px}
@media(max-width:760px){.followup-sheet-head{height:62px;padding:0 16px}.followup-sheet-body{padding:14px 14px 24px}.followup-actions{grid-template-columns:1fr}.followup-status{align-items:flex-start;gap:8px}.followup-status small{text-align:right}}
.expandable{padding:0;overflow:hidden}.expandable summary{list-style:none;display:flex;justify-content:space-between;gap:14px;padding:16px;cursor:pointer}.expandable summary::-webkit-details-marker{display:none}.expandable summary>span{min-width:0}.expandable summary>b{flex:0 0 auto;font-size:.68rem;color:#7258e8}.summary-copy{display:-webkit-box!important;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.expandable[open] .summary-copy{-webkit-line-clamp:initial}.expandable[open] summary>b{font-size:0}.expandable[open] summary>b:after{content:'收起详情';font-size:.68rem}.detail-body{padding:0 16px 16px;border-top:1px solid #efedf4}.detail-body dl{margin:8px 0}.detail-body dl>div{display:grid;grid-template-columns:72px 1fr;gap:10px;padding:9px 0;border-bottom:1px solid #f0eef3}.detail-body dt{font-size:.7rem;color:var(--muted)}.detail-body dd{font-size:.76rem;line-height:1.55;margin:0}.detail-body>small{font-size:.65rem;color:#765ae9}.followup-meta i{font-style:normal;font-size:.68rem;background:#f0eef5;padding:5px 8px;border-radius:20px}.recommendation{background:linear-gradient(135deg,#f6f3ff,#fff);border-color:#ddd5fb}.recommend-grid{display:grid;gap:8px;margin:12px 0}.recommend-grid>div{display:grid;grid-template-columns:42px 1fr;gap:8px}.recommend-grid span{font-size:.68rem;font-weight:800;color:#7258e8;padding-top:3px}.recommend-grid p{margin:0;font-size:.78rem;line-height:1.55}.recommend-more{border-top:1px solid #e5dff8;margin:12px 0;padding-top:10px}.recommend-more summary{font-size:.7rem;font-weight:700;color:#6650c7;cursor:pointer}.recommend-more p{font-size:.74rem}.message-label{display:block;font-size:.7rem;font-weight:800;margin-top:12px}.feedback-box>p{font-size:.75rem;margin:8px 0;color:var(--muted)}.feedback-box textarea{width:100%;resize:vertical;border:1px solid #ded9ee;border-radius:12px;padding:11px;outline:0;line-height:1.55}.refine-btn{width:100%;margin-top:9px}.refine-result{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px dashed #cdc6df;border-radius:14px;padding:13px;margin:12px 0;color:var(--muted);font-size:.72rem}.refine-result div b,.refine-result div small{display:block}.refine-result div b{color:var(--ink);font-size:.8rem}.refine-result div small{margin-top:4px;line-height:1.45}.refine-result .primary{flex:0 0 auto}
@media(max-width:760px){.detail-body dl>div{grid-template-columns:1fr;gap:3px}.refine-result{align-items:stretch;flex-direction:column}.refine-result .primary{width:100%}}
.app-shell.locked{display:none}.login-screen{min-height:100dvh;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(430px,.72fr);background:#f5f3f8}.login-screen.hidden{display:none}.login-visual{position:relative;overflow:hidden;padding:42px 48px;display:flex;flex-direction:column;color:#fff;background:radial-gradient(circle at 15% 90%,rgba(210,255,88,.22),transparent 26%),radial-gradient(circle at 88% 10%,rgba(181,162,255,.44),transparent 32%),linear-gradient(135deg,#211e2c 0%,#4e3ca3 58%,#745ce3 100%)}.login-visual:after{content:'';position:absolute;width:420px;height:420px;border:1px solid rgba(255,255,255,.12);border-radius:50%;right:-110px;bottom:-180px;box-shadow:0 0 0 70px rgba(255,255,255,.025),0 0 0 140px rgba(255,255,255,.02)}.login-brand{display:flex;align-items:center;gap:12px;position:relative;z-index:1}.login-brand .brand-mark{background:#fff;color:#5d46c1}.login-brand strong,.login-brand small{display:block}.login-brand small{font-size:.62rem;color:rgba(255,255,255,.58);letter-spacing:.13em;margin-top:2px}.login-message{margin:auto 0;position:relative;z-index:1}.login-message>span{font-size:.68rem;letter-spacing:.18em;color:#dcff4f}.login-message h1{font-size:clamp(2.4rem,5vw,4.6rem);line-height:1.05;letter-spacing:-.055em;margin:18px 0 20px;max-width:760px}.login-message p{font-size:1rem;color:rgba(255,255,255,.68);max-width:520px;line-height:1.7}.login-preview{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;position:relative;z-index:1}.login-preview>div{padding:16px 18px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.13);border-radius:15px;backdrop-filter:blur(10px)}.login-preview small,.login-preview b{display:block}.login-preview small{color:rgba(255,255,255,.62);font-size:.68rem}.login-preview b{font-size:1.05rem;margin-top:7px}.login-panel{display:grid;place-items:center;padding:38px;background:linear-gradient(145deg,#faf9fc,#eeebf6)}.login-card{width:min(390px,100%);background:rgba(255,255,255,.82);border:1px solid rgba(95,73,176,.1);border-radius:24px;padding:34px;box-shadow:0 25px 70px rgba(51,39,97,.13);backdrop-filter:blur(18px)}.login-card h2{font-size:1.75rem;letter-spacing:-.04em;margin:8px 0}.login-card>p{color:var(--muted);font-size:.8rem;margin:0 0 26px}.login-card>label{display:block;font-size:.72rem;font-weight:700;margin:14px 0 0}.login-card>label>input,.password-field{margin-top:7px;width:100%;border:1px solid #ddd8e8;border-radius:11px;background:#fbfafe}.login-card>label>input,.password-field input{padding:12px 13px;outline:0}.login-card>label>input:focus,.password-field:focus-within{border-color:#8069df;box-shadow:0 0 0 3px #eeeaff}.password-field{display:flex}.password-field input{border:0;background:transparent;min-width:0;flex:1}.password-field button{border:0;background:transparent;color:#6d57cc;font-size:.7rem;padding:0 12px;cursor:pointer}.login-options{display:flex;justify-content:space-between;align-items:center;margin:14px 0 20px}.login-options label{font-size:.72rem;color:#5e596d}.login-options button{border:0;background:none;color:#6d57cc;font-size:.72rem;cursor:pointer}.login-submit{width:100%;display:flex;justify-content:space-between;border:0;border-radius:11px;padding:13px 15px;background:#211e2c;color:#fff;font-weight:800;cursor:pointer}.login-submit:hover{background:#5f49c5}.login-submit span{color:#dcff4f}.demo-account{display:flex;justify-content:space-between;align-items:center;margin-top:17px;padding:11px 12px;border-radius:10px;background:#f0edfa;font-size:.66rem}.demo-account span{color:var(--muted)}.demo-account button{border:0;background:none;color:#5f49c5;font-size:.66rem;font-weight:700;cursor:pointer}.security-note{display:block;color:#9993a6;font-size:.61rem;line-height:1.5;margin-top:15px}.login-error{color:#bb4235!important;min-height:17px;margin:8px 0!important}.login-mobile-brand{display:none}
@media(max-width:900px){.login-screen{grid-template-columns:1fr}.login-visual{min-height:260px;padding:28px}.login-message{margin:48px 0}.login-message h1{font-size:2.35rem}.login-preview{display:none}.login-panel{padding:28px 18px}.login-card{margin-top:-54px;position:relative;z-index:3}.login-mobile-brand{display:none}}
@media(max-width:560px){.login-visual{min-height:210px;padding:22px}.login-brand{display:none}.login-message{margin:24px 0 55px}.login-message h1{font-size:1.95rem}.login-message p{font-size:.8rem}.login-panel{align-items:start}.login-card{padding:25px 22px}.login-mobile-brand{display:flex;align-items:center;gap:9px;margin-bottom:24px}.login-mobile-brand .brand-mark{width:30px;height:30px}}
html body .login-screen.login-screen{background:radial-gradient(circle at 18% 16%,rgba(208,195,255,.38),transparent 28%),radial-gradient(circle at 82% 82%,rgba(220,255,79,.12),transparent 26%),linear-gradient(135deg,#5943a7 0%,#8268d0 48%,#9a82e5 72%,#684dbb 100%)}html body .login-screen.login-screen:before{border-color:rgba(255,255,255,.16);background:none}html body .login-screen.login-screen>.login-brand{color:#fff}html body .login-screen.login-screen>.login-brand small{color:rgba(255,255,255,.58)}html body .brand-star{background:rgba(255,255,255,.92);border-color:rgba(255,255,255,.42)}html body .mascot-panel{background:linear-gradient(155deg,rgba(55,39,111,.42),rgba(122,96,205,.38));border-color:rgba(255,255,255,.16);box-shadow:0 26px 70px rgba(34,21,83,.22)}html body .mascot-panel:before{display:none}html body .mascot-panel>img{width:94%;max-height:420px;bottom:48px;filter:drop-shadow(0 24px 28px rgba(46,29,105,.25))}html body .mascot-kicker{color:#e8e0ff}html body .mascot-panel>div b{color:#fff}html body .mascot-panel>div small{color:rgba(255,255,255,.62)}html body .login-card{box-shadow:0 26px 70px rgba(34,21,83,.2)}html body .login-footer{color:#fff!important}html body .login-footer b{color:#dcff4f}html body .login-footer span{color:rgba(255,255,255,.62)}@media(max-width:760px){html body .mascot-panel>img{width:58%;height:200px;left:75%;bottom:-2px}}
html body .login-screen{padding:90px 24px 62px;background:linear-gradient(135deg,#f6f3fb 0%,#eee9f8 52%,#e4dcf5 100%)}html body .login-screen:before{inset:24px;border-radius:38px;border:1px solid rgba(101,75,181,.1);background:none}html body .login-screen:after{display:none}html body .login-ambient{display:none}html body .login-screen>.login-brand{top:36px;color:#2b2538}html body .login-screen>.login-brand small{color:#8c8499}.brand-star{width:42px;height:42px;display:grid;place-items:center;overflow:hidden;border-radius:15px;background:#fff;border:1px solid rgba(105,80,187,.11);box-shadow:0 8px 24px rgba(79,58,140,.12)}.brand-star img{width:54px;height:54px;object-fit:contain}.login-stage{width:min(850px,calc(100vw - 48px));display:grid;grid-template-columns:.92fr 1.08fr;gap:14px;position:relative;z-index:2}.mascot-panel{position:relative;min-height:540px;overflow:hidden;border-radius:34px;background:linear-gradient(150deg,#d9cef3,#eee9fb 58%,#d9ff70 140%);border:1px solid rgba(104,77,185,.08);box-shadow:0 24px 70px rgba(72,53,128,.12)}.mascot-panel:before{content:'';position:absolute;width:240px;height:240px;right:-90px;top:-80px;border-radius:50%;background:rgba(255,255,255,.38)}.mascot-panel>img{position:absolute;width:88%;max-height:390px;object-fit:contain;left:50%;bottom:55px;transform:translateX(-50%);filter:drop-shadow(0 22px 24px rgba(78,56,137,.16))}.mascot-kicker{position:absolute;top:28px;left:28px;font-size:.66rem;letter-spacing:.18em;font-weight:800;color:#6651a7}.mascot-panel>div{position:absolute;left:28px;bottom:25px;z-index:2}.mascot-panel>div b,.mascot-panel>div small{display:block}.mascot-panel>div b{font-size:1.35rem;line-height:1.25;color:#352b4d}.mascot-panel>div small{font-size:.58rem;letter-spacing:.15em;color:#756990;margin-top:9px}html body .login-card{width:100%;min-height:540px;margin:0;padding:54px 44px 34px;text-align:left;color:#2d2739;background:rgba(255,255,255,.88);border:1px solid rgba(104,77,185,.09);border-radius:34px;box-shadow:0 24px 70px rgba(72,53,128,.12);backdrop-filter:blur(18px)}html body .login-card .eyebrow{color:#765ae9}html body .login-card>p{color:#81798f}html body .login-card>label{color:#4c4657}html body .login-card>label>input,html body .password-field{background:#f7f5fb;border-color:#ded8ea;color:#2d2739}html body .login-card input::placeholder{color:#aaa3b5}html body .password-field input{color:#2d2739}html body .password-field button,html body .login-options button{color:#6d57cc}html body .login-options label{color:#696272}html body .login-submit{background:#211d2b;color:#fff;box-shadow:none}html body .login-submit:hover{background:#5e48bf}html body .login-submit span{color:#dcff4f}html body .demo-account{background:#f2eff9;border-color:#e7e1f1}html body .demo-account span,html body .security-note{color:#8b8494}html body .demo-account button{color:#6651c0}html body .login-footer{bottom:27px;color:#5d546d!important}html body .login-footer b{color:#5e49b7}html body .login-footer span{color:#8d8599}.login-tech-mark{display:none}@media(max-width:760px){html body .login-screen{padding:96px 16px 70px}html body .login-screen:before{inset:10px;border-radius:26px}.login-stage{width:min(430px,calc(100vw - 32px));grid-template-columns:1fr}.mascot-panel{min-height:205px;border-radius:26px}.mascot-panel>img{width:52%;height:190px;left:76%;bottom:2px}.mascot-panel>div{left:22px;bottom:24px}.mascot-panel>div b{font-size:1.1rem}.mascot-kicker{top:22px;left:22px}html body .login-card{min-height:auto;padding:32px 24px 26px;border-radius:26px}html body .login-footer{bottom:22px}}
body .login-screen{background:radial-gradient(circle at 18% 16%,rgba(124,92,238,.5),transparent 29%),radial-gradient(circle at 82% 80%,rgba(78,207,203,.15),transparent 30%),linear-gradient(135deg,#171326 0%,#30245d 43%,#553bb0 72%,#241b47 100%)}body .login-screen:before{border-color:rgba(255,255,255,.08);background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:42px 42px}body .login-screen:after{content:'';position:absolute;width:520px;height:520px;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;border:1px solid rgba(207,255,75,.07);box-shadow:0 0 0 90px rgba(255,255,255,.018),0 0 0 180px rgba(255,255,255,.012);pointer-events:none}body .login-screen>.login-brand{color:#fff}body .login-screen>.login-brand small{color:rgba(255,255,255,.48)}body .login-screen>.login-brand .brand-mark{background:#dcff4f;color:#241b47;box-shadow:0 8px 24px rgba(220,255,79,.18)}body .login-card{padding:86px 38px 32px;color:#f7f5ff;background:linear-gradient(145deg,rgba(39,31,68,.9),rgba(24,20,41,.86));border-color:rgba(255,255,255,.13);box-shadow:0 35px 100px rgba(7,4,20,.42),inset 0 1px 0 rgba(255,255,255,.06);backdrop-filter:blur(28px)}body .login-card .eyebrow{color:#dcff4f}body .login-card>p{color:#aaa4bc}body .login-card>label{color:#d9d5e4}body .login-card>label>input,body .password-field{background:rgba(255,255,255,.065);border-color:rgba(255,255,255,.12);color:#fff}body .login-card input::placeholder{color:#777086}body .password-field input{color:#fff}body .password-field button,body .login-options button{color:#c0b0ff}body .login-options label{color:#aaa4bc}body .login-submit{background:#dcff4f;color:#1d1830;box-shadow:0 10px 30px rgba(220,255,79,.13)}body .login-submit:hover{background:#edff99;transform:translateY(-1px)}body .login-submit span{color:#4c368f}body .demo-account{background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.07)}body .demo-account span,body .security-note{color:#837d91}body .demo-account button{color:#cbbcff}.login-tech-mark{position:absolute;top:-38px;left:50%;width:76px;height:76px;transform:translateX(-50%) rotate(45deg);display:grid;place-items:center;border-radius:22px;background:linear-gradient(145deg,#8d72ee,#5238ac);border:1px solid rgba(255,255,255,.25);box-shadow:0 18px 38px rgba(9,5,28,.36),inset 0 1px 0 rgba(255,255,255,.2)}.login-tech-mark span{transform:rotate(-45deg);font-size:1.35rem;font-weight:900;color:#fff}.login-tech-mark i{position:absolute;width:9px;height:9px;right:8px;top:8px;border-radius:50%;background:#dcff4f;box-shadow:0 0 16px #dcff4f;animation:tech-pulse 2.4s ease-in-out infinite}body .login-ambient i{background:rgba(255,255,255,.035);border-color:rgba(255,255,255,.07);box-shadow:0 22px 60px rgba(6,4,19,.2)}body .login-ambient i:nth-child(4){background:rgba(220,255,79,.12);border-color:rgba(220,255,79,.18)}body .login-footer{position:absolute;bottom:28px;display:flex;gap:14px;align-items:center;margin:0;color:#fff!important;z-index:2}body .login-footer b{font-size:.65rem;letter-spacing:.18em;color:#dcff4f}body .login-footer span{font-size:.61rem;letter-spacing:.13em;color:rgba(255,255,255,.46)}@keyframes tech-pulse{0%,100%{opacity:.55;transform:scale(.75)}50%{opacity:1;transform:scale(1.15)}}@media(max-width:700px){body .login-card{padding:80px 24px 26px}body .login-footer{bottom:18px;flex-direction:column;gap:5px;text-align:center}body .login-footer span{font-size:.52rem}body .login-screen:after{width:330px;height:330px}}
.login-screen{position:relative;display:grid;grid-template-columns:1fr;place-items:center;min-height:100dvh;padding:78px 22px 48px;overflow:hidden;background:radial-gradient(circle at 18% 14%,rgba(206,255,77,.2),transparent 22%),radial-gradient(circle at 83% 78%,rgba(123,96,232,.2),transparent 29%),linear-gradient(145deg,#f7f6f3 0%,#eeebf8 55%,#e5e0f7 100%)}.login-screen:before{content:'';position:absolute;inset:22px;border:1px solid rgba(105,82,199,.1);border-radius:34px;pointer-events:none}.login-screen>.login-brand{position:absolute;top:44px;left:50%;transform:translateX(-50%);color:#272331;z-index:3}.login-screen>.login-brand .brand-mark{background:linear-gradient(145deg,#765ae9,#4b37ac);color:#fff;box-shadow:0 8px 20px rgba(88,66,186,.23)}.login-screen>.login-brand small{color:#8a8499}.login-card{position:relative;width:min(410px,calc(100vw - 38px));padding:90px 36px 32px;text-align:center;border:1px solid rgba(104,79,201,.12);border-radius:30px;background:rgba(255,255,255,.82);box-shadow:0 28px 85px rgba(61,45,118,.15);backdrop-filter:blur(24px);z-index:2}.login-card h2{font-size:2rem;margin:7px 0}.login-card>p{margin-bottom:24px}.login-card>label{text-align:left}.login-options{text-align:left}.login-error{text-align:left}.login-friend{position:absolute;top:-52px;left:50%;width:112px;height:112px;transform:translateX(-50%);animation:friend-float 3.6s ease-in-out infinite}.friend-face{position:absolute;inset:13px;border-radius:38% 38% 46% 46%;background:linear-gradient(145deg,#7d65e7,#563eb9);box-shadow:inset 0 5px 12px rgba(255,255,255,.2),0 16px 28px rgba(83,60,183,.26);z-index:2}.friend-face i{position:absolute;top:37px;width:10px;height:14px;border-radius:50%;background:#fff;animation:friend-blink 4.8s infinite}.friend-face i:first-child{left:26px}.friend-face i:nth-child(2){right:26px}.friend-face b{position:absolute;left:50%;top:58px;width:21px;height:10px;transform:translateX(-50%);border-bottom:3px solid #dcff4f;border-radius:50%}.friend-ear{position:absolute;top:14px;width:36px;height:45px;border-radius:18px 18px 8px 8px;background:#654cc9;z-index:1}.friend-ear.left{left:3px;transform:rotate(-28deg)}.friend-ear.right{right:3px;transform:rotate(28deg)}.friend-glow{position:absolute;inset:3px;border-radius:50%;background:rgba(209,255,75,.26);filter:blur(12px);animation:friend-glow 2.8s ease-in-out infinite}.login-card:focus-within .friend-face{background:linear-gradient(145deg,#8c74f0,#654acb)}.login-card:focus-within .friend-face b{width:25px}.login-ambient{position:absolute;inset:0;pointer-events:none}.login-ambient i{position:absolute;border-radius:28px;background:rgba(255,255,255,.45);border:1px solid rgba(116,90,227,.09);box-shadow:0 14px 45px rgba(79,61,146,.07);animation:ambient-float 8s ease-in-out infinite}.login-ambient i:nth-child(1){width:180px;height:110px;left:8%;top:24%;transform:rotate(-12deg)}.login-ambient i:nth-child(2){width:120px;height:120px;right:11%;top:17%;border-radius:50%;animation-delay:-2s}.login-ambient i:nth-child(3){width:155px;height:88px;right:7%;bottom:14%;transform:rotate(9deg);animation-delay:-4s}.login-ambient i:nth-child(4){width:74px;height:74px;left:14%;bottom:12%;background:rgba(220,255,79,.32);animation-delay:-5s}.login-footer{position:absolute;bottom:32px;margin:0!important;font-size:.62rem!important;letter-spacing:.2em;color:#8d879b!important}.demo-account{text-align:left}.security-note{text-align:left}@keyframes friend-float{0%,100%{transform:translate(-50%,0) rotate(-1deg)}50%{transform:translate(-50%,-7px) rotate(1deg)}}@keyframes friend-blink{0%,44%,50%,100%{transform:scaleY(1)}46%,48%{transform:scaleY(.12)}}@keyframes friend-glow{0%,100%{opacity:.55;transform:scale(.92)}50%{opacity:1;transform:scale(1.08)}}@keyframes ambient-float{0%,100%{translate:0 0}50%{translate:0 -14px}}@media(max-width:700px){.login-screen{padding:96px 18px 54px}.login-screen:before{inset:10px;border-radius:24px}.login-screen>.login-brand{top:34px}.login-ambient i:nth-child(1){left:-90px}.login-ambient i:nth-child(2){right:-55px}.login-ambient i:nth-child(3){right:-80px}.login-card{padding:82px 24px 25px;border-radius:25px}.login-footer{bottom:20px}}