:root{--bg:#111318;--sidebar:#15171d;--panel:#191c23;--panel-2:#1d2028;--line:#2a2e38;--text:#f2f3f7;--muted:#9399a8;--muted-2:#687080;--purple:#a78bfa;--purple-2:#8b5cf6;--green:#71d7ac;--yellow:#f0c979;--radius:17px;--font:'DM Sans',sans-serif;--display:'Manrope',sans-serif;--mono:'DM Mono',monospace}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:14px;line-height:1.5}button,input,select,textarea{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--purple);outline-offset:3px}.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:248px;background:var(--sidebar);border-right:1px solid var(--line);padding:26px 15px 16px;display:flex;flex-direction:column;z-index:20}.brand{display:flex;align-items:center;gap:11px;padding:0 12px 31px;color:inherit;text-decoration:none}.brand-mark{width:31px;height:31px;display:flex;gap:3px;align-items:center;justify-content:center;border:1px solid #5c4d82;border-radius:10px;background:#292337}.brand-mark span{display:block;width:4px;border-radius:4px;background:#c7b5ff}.brand-mark span:nth-child(1){height:10px}.brand-mark span:nth-child(2){height:18px}.brand-mark span:nth-child(3){height:13px}.brand-copy{display:flex;flex-direction:column;line-height:1.2;letter-spacing:.08em}.brand-copy strong{font:800 12px var(--display)}.brand-copy small{color:#9295a4;font:400 8px var(--mono);margin-top:4px;letter-spacing:.1em}.workspace-label,.eyebrow{font:500 10px var(--mono);letter-spacing:.13em;color:#858b9b}.workspace-label{padding:0 13px 12px;display:flex;align-items:center;gap:8px}.status-dot,.online-dot{width:6px;height:6px;background:#6ed8a8;border-radius:50%;display:inline-block}.nav{display:grid;gap:5px}.nav-item{display:flex;align-items:center;gap:12px;border:0;border-radius:9px;background:transparent;color:#a7acba;padding:11px 13px;text-align:left;width:100%;font-size:13px;transition:background .2s,color .2s}.nav-item:hover{background:#22252d;color:#fff}.nav-item.active{background:#292433;color:#e8dcff;box-shadow:inset 2px 0 #a78bfa}.nav-icon{width:17px;text-align:center;font-size:17px;color:#969bad}.nav-item.active .nav-icon{color:#c2a8ff}.nav-count{margin-left:auto;background:#2b2e37;color:#b9bfcc;padding:1px 7px;border-radius:6px;font:11px var(--mono)}.sidebar-bottom{margin-top:auto}.local-note{display:flex;gap:10px;padding:13px 12px;margin:0 0 12px;background:#1b1e25;border:1px solid #2b2e38;border-radius:11px}.lock-icon{font-size:19px;color:var(--green)}.local-note div,.user-chip>div:nth-child(2){display:flex;flex-direction:column}.local-note strong,.user-chip strong{font-size:11px;font-weight:600}.local-note small,.user-chip small{font-size:10px;color:var(--muted);margin-top:2px}.user-chip{display:flex;align-items:center;gap:9px;margin:18px 5px 0;padding:14px 7px 0;border-top:1px solid var(--line)}.avatar{width:30px;height:30px;border-radius:9px;background:#393047;color:#d9c9ff;display:grid;place-items:center;font:11px var(--mono)}.online-dot{margin-left:auto}.main{margin-left:248px;min-height:100vh}.topbar{height:68px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 36px;position:sticky;top:0;background:rgba(17,19,24,.91);backdrop-filter:blur(14px);z-index:10}.breadcrumbs{display:flex;gap:10px;align-items:center;color:#747b8a;font-size:12px}.breadcrumbs b{font-weight:400;color:#454a56}.breadcrumbs strong{font-weight:500;color:#dce0e9}.top-actions{display:flex;align-items:center;gap:16px}.local-badge,.pill{border:1px solid #30343f;border-radius:20px;padding:5px 9px;font:10px var(--mono);color:#aeb4c1;letter-spacing:.02em}.local-badge i{display:inline-block;width:5px;height:5px;background:var(--green);border-radius:50%;margin:0 5px 1px 0}.button{display:inline-flex;align-items:center;justify-content:center;gap:11px;border:1px solid transparent;border-radius:9px;padding:11px 15px;font-size:12px;font-weight:600;transition:transform .2s,background .2s,border-color .2s;color:var(--text);text-decoration:none}.button:hover{transform:translateY(-1px)}.button-primary{background:#b29af8;color:#181320}.button-primary:hover{background:#c2afff}.button-secondary{background:#22252d;border-color:#343844;color:#e6e8ef}.button-secondary:hover{background:#2b2f39}.button-small{padding:9px 12px}.button-wide{width:100%;justify-content:space-between}.button-danger{background:#382329;border-color:#5d303d;color:#ffbdc6}.text-button{background:none;border:0;color:#bda8ff;font-size:12px}.mobile-menu{display:none;background:none;color:white;border:0;font-size:20px}.view{display:none;max-width:1500px;margin:0 auto;padding:37px 36px 60px}.view.active{display:block;animation:view-in .28s ease both}@keyframes view-in{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-bottom:26px;position:relative}.eyebrow{margin:0 0 9px}.page-heading h1{font:700 clamp(29px,3.1vw,39px)/1.17 var(--display);letter-spacing:-.055em;margin:0}.heading-period{color:var(--purple)}.subheading{color:var(--muted);font-size:13px;margin:12px 0 0;max-width:610px}.heading-orbit{width:160px;height:120px;position:relative;flex:none;margin-right:30px}.orbit{position:absolute;left:24px;top:4px;width:110px;height:110px;border:1px solid #353142;border-radius:50%;transform:rotate(-27deg)}.orbit-two{width:142px;height:70px;left:9px;top:24px;transform:rotate(32deg);border-color:#45405a}.orbit-core{position:absolute;left:61px;top:43px;width:38px;height:38px;display:grid;place-items:center;border:1px solid #6c5b91;border-radius:12px;background:linear-gradient(135deg,#4b3a6b,#22202e);font:12px var(--mono);color:#e2d7ff;box-shadow:0 0 30px #8b5cf620}.orbit-core span{position:absolute;top:-13px;right:-13px;color:#bfa8ff;font-size:14px}.orbit-dot{position:absolute;width:7px;height:7px;background:#a78bfa;border-radius:50%;box-shadow:0 0 12px #a78bfa}.dot-one{top:10px;left:89px}.dot-two{bottom:4px;left:25px;background:#71d7ac}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:19px}.stat-card,.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius)}.stat-card{padding:17px 18px;min-width:0}.stat-top{display:flex;align-items:center;justify-content:space-between;color:#a3a9b7;font-size:11px}.stat-symbol{font-size:19px;color:#b6bbc9}.stat-symbol.violet{color:#c4aaff}.stat-symbol.green{color:var(--green)}.stat-symbol.yellow{color:var(--yellow)}.stat-card>strong{display:block;font:700 30px var(--display);letter-spacing:-.05em;margin:12px 0 2px}.stat-card>small{font-size:10px;color:#858c9b}.plus{color:#a78bfa;font-size:20px}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);gap:18px}.panel{padding:21px}.panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:15px}.panel-heading h2{font:650 17px var(--display);letter-spacing:-.03em;margin:0}.panel-heading .eyebrow{margin-bottom:6px}.pill-muted{color:#9da3b1;background:#22252d}.workflow-list{margin-top:16px}.workflow-step{display:flex;align-items:center;gap:12px;padding:12px 8px;border-bottom:1px solid #282b34;min-width:0}.workflow-step:last-child{border-bottom:0}.step-number{width:29px;height:29px;border:1px solid #363a46;border-radius:8px;display:grid;place-items:center;font:10px var(--mono);color:#a3a9b6;flex:none}.featured .step-number{background:#30263e;border-color:#59436f;color:#d4bcff}.step-copy{display:flex;flex-direction:column;min-width:0}.step-copy strong{font-size:12px;font-weight:600}.step-copy small{font-size:10px;color:#8c93a2;margin-top:3px;white-space:normal}.step-state{margin-left:auto;color:#6f7787;font:9px var(--mono);letter-spacing:.05em;flex:none}.purple-state{color:#c1a8ff}.panel-footer{border-top:1px solid #2b2e38;padding-top:15px;margin-top:8px;color:#8e95a4;font-size:10px}.tiny-check{color:var(--green);margin-right:6px}.sparkle{font-size:24px;color:#bba5ff}.body-copy{color:#9ba2b0;font-size:12px;line-height:1.75}.quickstart-panel>.body-copy{margin:15px 0 17px}.quickstart-steps{display:grid;gap:14px;margin:17px 0 21px}.quickstart-steps>div{display:flex;gap:12px;align-items:center}.quickstart-steps>div>span{width:27px;height:27px;border:1px solid #444052;border-radius:8px;display:grid;place-items:center;color:#c5afff;font:11px var(--mono)}.quickstart-steps p{display:flex;flex-direction:column;margin:0}.quickstart-steps strong{font-size:11px}.quickstart-steps small{font-size:10px;color:#8d94a2;margin-top:3px}.safe-note{display:flex;gap:8px;align-items:flex-start;color:#7e8795;font-size:10px;line-height:1.5;margin-top:14px}.safe-note span{color:var(--green)}.recent-panel{margin-top:19px}.empty-state{text-align:center;padding:28px 20px;color:#9ca2b0}.empty-icon{width:43px;height:43px;border:1px solid #393544;background:#24212d;color:#c3acff;border-radius:13px;display:grid;place-items:center;font-size:20px;margin:0 auto 12px}.empty-state strong{display:block;color:#e5e7ed;font-size:13px}.empty-state p{font-size:11px;margin:5px 0 14px}.compact-heading{margin-bottom:25px}.builder-layout{display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:18px;align-items:start}.project-form{padding:25px}.form-section-title{display:flex;align-items:flex-start;gap:12px;margin-bottom:22px}.form-step{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:#30263f;border:1px solid #59456f;color:#c9b2ff;font:11px var(--mono);flex:none}.form-section-title h2{font:650 16px var(--display);margin:1px 0 4px}.form-section-title p{font-size:11px;color:#8e95a3;margin:0}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px 14px}.field{display:flex;flex-direction:column;gap:7px;min-width:0}.field.full{grid-column:1/-1}.field>span{font-size:11px;font-weight:600;color:#dce0e9}.field>span b,.required-note b{color:#c6aaff}.field input,.field textarea,.field select{width:100%;border:1px solid #353944;background:#13151a;color:#e9ebf1;border-radius:8px;padding:11px 12px;font-size:12px;min-width:0}.field input::placeholder,.field textarea::placeholder{color:#656c7b}.field textarea{resize:vertical;min-height:44px}.field select{appearance:auto}.field small{font-size:10px;color:#788090}.color-input{display:flex;gap:7px}.color-input input[type=text],.color-input input:not([type=color]){flex:1}.color-input input[type=color]{width:44px;padding:4px;cursor:pointer}.second-form-title{margin-top:31px;padding-top:26px;border-top:1px solid var(--line)}.deliverable-options{display:grid;grid-template-columns:1fr 1fr;gap:10px}.option-card{display:flex;align-items:center;gap:10px;border:1px solid #343843;background:#15171d;border-radius:10px;padding:12px;cursor:pointer;position:relative;transition:border-color .2s}.option-card:has(input:checked){border-color:#665188;background:#211d2b}.option-card input{position:absolute;opacity:0;width:1px;height:1px}.option-check{width:17px;height:17px;border:1px solid #4a4f5d;border-radius:5px;display:grid;place-items:center;font-size:10px;color:transparent;flex:none}.option-card:has(input:checked) .option-check{background:#b29af8;border-color:#b29af8;color:#191520}.option-card>span:nth-of-type(2){display:flex;flex-direction:column;min-width:0}.option-card strong{font-size:11px}.option-card small{font-size:10px;color:#8d94a3;margin-top:3px}.option-icon{margin-left:auto;color:#b7a1ef;font-size:17px}.form-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:25px;padding-top:20px;border-top:1px solid var(--line)}.required-note{font-size:10px;color:#818896}.builder-aside{display:grid;gap:14px}.aside-card{padding:20px}.aside-card h3{font:700 20px/1.35 var(--display);letter-spacing:-.04em;margin:7px 0 10px}.aside-card .body-copy{font-size:11px}.mini-flow{margin-top:20px;display:grid;justify-items:start;gap:7px}.mini-flow>div{display:flex;align-items:center;gap:10px;font-size:11px;color:#d5d9e2}.mini-flow>i{margin-left:12px;font-style:normal;color:#737b8c}.mini-node{width:27px;height:27px;border:1px solid #474052;border-radius:8px;display:grid;place-items:center;font:10px var(--mono);color:#c3adff}.accent-aside{background:linear-gradient(145deg,#211d2c,#191c23 60%)}.big-sparkle{color:#bda6ff;font-size:24px}.accent-aside p:last-child{font-size:11px;color:#a0a5b2;line-height:1.8}.projects-list{display:grid;gap:12px}.project-row{display:flex;align-items:center;gap:15px;padding:17px 19px;background:var(--panel);border:1px solid var(--line);border-radius:13px}.project-row-icon{width:42px;height:42px;border:1px solid #49405c;background:#292334;border-radius:11px;display:grid;place-items:center;color:#c4adff;font-size:19px;flex:none}.project-row-main{min-width:0;flex:1}.project-row-main strong{font:650 14px var(--display);display:block}.project-row-main small{color:#8c93a1;font-size:10px;display:block;margin-top:4px}.project-row-actions{display:flex;gap:8px;flex-wrap:wrap}.button-quiet{background:transparent;border:1px solid #373b46;color:#b8bdc8;border-radius:8px;padding:8px 10px;font-size:11px}.button-quiet:hover{background:#252832}.deliverables-content{display:grid;gap:14px}.deliverable-project-select{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.deliverable-project-select select{background:#15171d;border:1px solid #393d48;border-radius:8px;color:#e9ebf1;padding:10px;min-width:240px}.deliverable-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.deliverable-card{padding:18px;background:var(--panel);border:1px solid var(--line);border-radius:13px;min-width:0}.deliverable-card-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.deliverable-card h3{font:650 14px var(--display);margin:12px 0 7px}.deliverable-card p{color:#9ba2b0;font-size:11px;line-height:1.65;min-height:36px}.deliverable-card .button{margin-top:8px}.deliverable-code{background:#101216;border:1px solid #2c303a;color:#c5cbd6;padding:11px;border-radius:8px;font:10px var(--mono);white-space:pre-wrap;overflow-wrap:anywhere;max-height:150px;overflow:auto}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.settings-card{padding:22px}.settings-icon{width:35px;height:35px;display:grid;place-items:center;background:#292433;border:1px solid #48405a;color:#c5b0ff;border-radius:10px;font-size:18px}.settings-card h2{font:650 15px var(--display);margin:15px 0 7px}.settings-card p{font-size:11px;line-height:1.75;color:#9ba2b0;min-height:55px}.settings-card .button{margin-top:9px}.pill-green{display:inline-block;background:#1d302a;border-color:#315444;color:#8ae0b8}.danger-card .settings-icon{background:#352329;border-color:#58323b;color:#ffb4c0}.danger-card h2{color:#ffccd2}.toast{position:fixed;right:25px;bottom:25px;max-width:min(400px,calc(100vw - 40px));background:#e6ddff;color:#20172c;padding:12px 16px;border-radius:10px;font-size:12px;font-weight:600;box-shadow:0 10px 35px #0005;z-index:50;opacity:0;transform:translateY(10px);pointer-events:none;transition:opacity .2s,transform .2s}.toast.show{opacity:1;transform:translateY(0)}.project-dialog{background:#1a1c23;border:1px solid #41404d;border-radius:16px;color:#f2f3f7;padding:25px;width:min(480px,calc(100vw - 30px));box-shadow:0 20px 90px #0009}.project-dialog::backdrop{background:#08090dbb;backdrop-filter:blur(5px)}.dialog-head{display:flex;justify-content:space-between;align-items:flex-start}.dialog-head h2{font:700 22px var(--display);margin:0}.icon-button{background:#292c35;border:1px solid #3c404c;color:white;border-radius:8px;width:32px;height:32px;font-size:20px}.project-dialog>p{color:#a4a9b6;font-size:12px;line-height:1.7}.dialog-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.dialog-actions .button{flex:1}
@media(max-width:1150px){.view{padding:30px 25px 50px}.topbar{padding:0 25px}.builder-layout{grid-template-columns:minmax(0,1fr) 250px}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid{grid-template-columns:1fr}.heading-orbit{margin-right:5px}}
@media(max-width:850px){.sidebar{transform:translateX(-100%);transition:transform .25s;box-shadow:10px 0 40px #0004}.sidebar.open{transform:translateX(0)}.main{margin-left:0}.mobile-menu{display:block}.topbar{gap:12px;padding:0 20px}.breadcrumbs{margin-right:auto}.top-actions{gap:8px}.local-badge{display:none}.view{padding:27px 20px 45px}.builder-layout{grid-template-columns:1fr}.builder-aside{grid-template-columns:1fr 1fr}.heading-orbit{transform:scale(.8);transform-origin:right center;margin-left:-30px}}
@media(max-width:600px){.topbar{height:60px;padding:0 14px}.breadcrumbs{font-size:10px;gap:6px}.top-actions .button{font-size:10px;padding:9px}.view{padding:24px 14px 36px}.page-heading{align-items:flex-start}.page-heading h1{font-size:29px}.heading-orbit{display:none}.stats-grid{gap:9px}.stat-card{padding:14px}.stat-card>strong{font-size:26px}.dashboard-grid{gap:12px}.panel{padding:16px;border-radius:13px}.workflow-step{gap:8px;padding:11px 2px}.step-state{display:none}.step-copy strong{font-size:11px}.step-copy small{font-size:9px}.builder-layout{gap:12px}.project-form{padding:17px}.field-grid{grid-template-columns:1fr;gap:15px}.field.full{grid-column:auto}.deliverable-options{grid-template-columns:1fr}.builder-aside{grid-template-columns:1fr}.form-actions{align-items:stretch;flex-direction:column}.form-actions .button{width:100%}.project-row{align-items:flex-start;padding:13px;flex-wrap:wrap}.project-row-main{min-width:calc(100% - 60px)}.project-row-actions{width:100%;padding-left:57px}.deliverable-grid,.settings-grid{grid-template-columns:1fr}.deliverable-project-select select{width:100%;min-width:0}.compact-heading>.button{font-size:10px;padding:9px}.project-dialog{padding:18px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* Agency AI OS — visual refresh: bright workspace, ink sidebar, lilac + citrus accents */
:root{--bg:#f5f5f9;--sidebar:#111116;--panel:#fff;--panel-2:#fbfaff;--line:#e7e6ef;--text:#17151d;--muted:#696777;--muted-2:#9895a5;--purple:#a678ff;--purple-2:#7542e8;--green:#21885c;--yellow:#ffbf36;--orange:#ff8a35;--radius:18px;--font:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--display:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--mono:"SFMono-Regular",Consolas,monospace}
body{background:var(--bg);color:var(--text)}
.sidebar{background:linear-gradient(180deg,#111116 0%,#17151d 100%);border-right:0;color:#fff;box-shadow:8px 0 30px #17111d0a}
.brand{padding-bottom:34px}.brand-mark{border:0;border-radius:12px;background:linear-gradient(140deg,#a678ff 0%,#ff9b3f 54%,#ffd44d 100%);box-shadow:0 6px 22px #a678ff30}.brand-mark span{background:#fff}.brand-copy strong{font-size:13px;letter-spacing:.045em}.brand-copy small{color:#aaa5b5;font-family:var(--font);letter-spacing:.06em}
.workspace-label,.eyebrow{color:#8a8498}.nav-item{color:#c3bfce;border-radius:11px;padding:12px 13px}.nav-item:hover{background:#24212c;color:#fff}.nav-item.active{background:linear-gradient(100deg,#7542e8 0%,#5a35b4 100%);color:white;box-shadow:0 6px 20px #7542e833,inset 0 0 0 1px #ffffff16}.nav-item.active .nav-icon{color:#fff}.nav-icon{color:#a9a3b5}.nav-count{background:#2c2835;color:#eee8fa}
.local-note{background:#1c1923;border-color:#393141}.local-note strong,.user-chip strong{color:#f8f5ff}.local-note small,.user-chip small{color:#aaa4b6}.lock-icon{color:#ffbd45}.avatar{background:linear-gradient(145deg,#a678ff,#ff963d);color:#fff;border-radius:50%;font-weight:800}.user-chip{border-color:#39333f}
.main{background:radial-gradient(ellipse at 74% 2%,#f0e8ff 0,transparent 27%),var(--bg)}.topbar{background:#ffffffd9;border-bottom:1px solid #e8e6ef;box-shadow:0 3px 15px #20102a04}.breadcrumbs{color:#928d9d}.breadcrumbs b{color:#c9c4d1}.breadcrumbs strong{color:#272331}.local-badge,.pill{border-color:#e4e0ed;color:#655b73;background:#fff}.local-badge i{background:#24a66a}.button{border-radius:11px;font-weight:650}.button-primary{background:linear-gradient(105deg,#a678ff 0%,#8a5af1 48%,#ff9a3f 100%);color:#fff;box-shadow:0 7px 18px #9462ef26}.button-primary:hover{background:linear-gradient(105deg,#9460f5,#7845e4 48%,#f88a2b);box-shadow:0 9px 24px #9462ef40}.button-secondary{background:#fff;border-color:#e6e1ef;color:#292433}.button-secondary:hover{background:#f5f0ff;border-color:#cdbaff}.button-danger{background:#fff0f0;border-color:#f4caca;color:#ad3030}.text-button{color:#7848d7}.mobile-menu{color:#262130}
.view{padding-top:32px}.page-heading{background:linear-gradient(112deg,#f0e7ff 0%,#fff 48%,#fff0dc 100%);border:1px solid #ece4fa;border-radius:23px;padding:28px 30px;margin-bottom:19px;overflow:hidden;box-shadow:0 12px 32px #2a163408}.page-heading h1{color:#17131e;letter-spacing:-.06em}.heading-period{background:linear-gradient(110deg,#985cf4,#ff8c36 78%);background-clip:text;-webkit-background-clip:text;color:transparent}.subheading{color:#676172}.eyebrow{color:#7c58b7}.heading-orbit .orbit{border-color:#d6c5f5}.heading-orbit .orbit-two{border-color:#f2cba4}.orbit-core{background:linear-gradient(145deg,#a678ff,#ff9a3f);border:0;color:white;box-shadow:0 0 35px #9b69ed35}.orbit-dot{background:#ff963c;box-shadow:0 0 14px #ff963c77}.dot-two{background:#b17bff}
.stat-card,.panel{background:#fff;border-color:#e8e5ef;box-shadow:0 7px 24px #28173e06}.stat-card{border-radius:16px;transition:transform .22s,box-shadow .22s,border-color .22s}.stat-card:hover{transform:translateY(-3px);box-shadow:0 12px 28px #28173e0c;border-color:#d9c8ff}.stat-top{color:#777183}.stat-card>strong{color:#17131e}.stat-card>small{color:#8a8495}.stat-symbol{color:#7d54dc}.stat-symbol.violet{color:#8d5af2}.stat-symbol.green{color:#1c9c67}.stat-symbol.yellow{color:#f39a27}.plus{color:#ff8c36}.dashboard-grid{gap:16px}.panel{border-radius:18px}.panel-heading h2{color:#1a1721}.pill-muted{color:#7352a9;background:#f5efff;border-color:#e7dafa}.workflow-step{border-color:#f0edf5}.step-number{border-color:#e9e4f0;color:#898294;background:#fbfaff}.featured .step-number{background:#f0e6ff;border-color:#d9c2ff;color:#7542d7}.step-copy strong{color:#262130}.step-copy small{color:#8b8495}.step-state{color:#a19aa9}.purple-state{color:#8a55e8}.panel-footer{border-color:#eeeaf3;color:#777183}.tiny-check{color:#1b9e68}.sparkle{color:#ff9839}.body-copy{color:#777183}.quickstart-steps>div>span{background:#f3ebff;border-color:#e1d0ff;color:#7743d6}.quickstart-steps strong{color:#2b2633}.quickstart-steps small{color:#8a8495}.safe-note{color:#7d7789}.safe-note span{color:#239763}.empty-state{color:#817a8d}.empty-icon{border-color:#e6dafa;background:#f4edff;color:#8b58e9}.empty-state strong{color:#272230}.empty-state p{color:#898294}
.project-form,.aside-card,.settings-card{background:#fff}.form-step{background:#f1e8ff;border-color:#dfccff;color:#7844db}.form-section-title h2{color:#24202d}.form-section-title p{color:#817a8d}.field>span{color:#393343}.field>span b,.required-note b{color:#8954e8}.field input,.field textarea,.field select{border-color:#e5e0ed;background:#fcfbfe;color:#292433;border-radius:10px}.field input::placeholder,.field textarea::placeholder{color:#aaa3b3}.field small{color:#8d8698}.second-form-title{border-color:#eee9f4}.option-card{border-color:#e8e3ef;background:#fff}.option-card:has(input:checked){border-color:#b99af8;background:#f6f0ff}.option-check{border-color:#d8d1e3}.option-card:has(input:checked) .option-check{background:#8e5af0;border-color:#8e5af0;color:white}.option-card strong{color:#2b2633}.option-card small{color:#8a8495}.option-icon{color:#8e5af0}.form-actions{border-color:#eee9f4}.required-note{color:#8a8495}.aside-card h3{color:#1d1825}.mini-node{border-color:#e1d4f5;background:#f5efff;color:#7b49d7}.mini-flow>div{color:#4e465a}.mini-flow>i{color:#b1a9ba}.accent-aside{background:radial-gradient(circle at 90% 0%,#ffdba8 0,transparent 35%),linear-gradient(140deg,#1a1722,#2a1b3b 70%,#4b2c74);border-color:#352543}.accent-aside .eyebrow{color:#d9b9ff}.accent-aside h3{color:#fff}.accent-aside p:last-child{color:#d0c7dd}.big-sparkle{color:#ffc34a}
.project-row,.deliverable-card{background:#fff;border-color:#e8e5ef;box-shadow:0 5px 20px #28173e05}.project-row-icon{border-color:#e2d3ff;background:#f4edff;color:#8651e7}.project-row-main strong{color:#282331}.project-row-main small{color:#8b8495}.button-quiet{border-color:#e7e1ee;color:#71687f}.button-quiet:hover{background:#f5f0ff}.deliverable-project-select select{background:#fff;border-color:#e4dfeb;color:#302a3a}.deliverable-card h3{color:#292433}.deliverable-card p{color:#817a8d}.deliverable-code{background:#17141d;border-color:#30283a;color:#e8dff6}.settings-icon{background:#f1e8ff;border-color:#e0ceff;color:#8450e3}.settings-card h2{color:#292433}.settings-card p{color:#817a8d}.pill-green{background:#e7f8ef;border-color:#bde9cf;color:#18814f}.danger-card .settings-icon{background:#fff0f0;border-color:#f7d1d1;color:#ce4444}.danger-card h2{color:#a52d37}.toast{background:#1b1723;color:#fff;box-shadow:0 12px 38px #20132d30}.project-dialog{background:#fff;border-color:#e6e0ed;color:#282331;box-shadow:0 20px 90px #21112c24}.project-dialog::backdrop{background:#21142e77}.dialog-head h2{color:#211b2a}.icon-button{background:#f5f1fa;border-color:#e7e0ef;color:#30283b}.project-dialog>p{color:#7c7489}
@media(max-width:600px){.page-heading{padding:22px 18px;border-radius:18px}.page-heading h1{font-size:29px}.main{background:var(--bg)}}
@media(prefers-reduced-motion:no-preference){.button-primary{position:relative;overflow:hidden}.button-primary::after{content:"";position:absolute;top:-80%;left:-35%;width:25%;height:260%;background:#ffffff42;transform:rotate(24deg);transition:left .55s ease}.button-primary:hover::after{left:125%}.panel,.project-row,.deliverable-card{transition:transform .2s,border-color .2s,box-shadow .2s}.project-row:hover,.deliverable-card:hover{transform:translateY(-2px);border-color:#d8c5ff;box-shadow:0 10px 25px #28173e0b}}