:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#172033;background:#f6f8fc;font-size:14px}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a{cursor:pointer}.app{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:252px;background:#fff;border-right:1px solid #e7eaf1;display:flex;flex-direction:column;z-index:10}.side-brand{height:76px;padding:0 20px;display:flex;align-items:center;gap:11px;border-bottom:1px solid #eef0f5}.side-brand b{display:block;font-size:14px}.side-brand span{display:block;color:#8b94a7;font-size:12px}.brand-mark{width:38px;height:38px;border-radius:11px;background:#5b4de8;color:#fff;display:grid;place-items:center;box-shadow:0 7px 18px #5b4de82b}.sidebar nav{padding:16px 12px;display:flex;flex-direction:column;gap:3px}.nav{height:43px;border-radius:9px;padding:0 12px;display:flex;align-items:center;gap:12px;color:#657087;text-decoration:none;font-weight:600}.nav:hover{background:#f6f6fb;color:#3026a9}.nav.active{background:#eeedff;color:#5042d6}.side-bottom{margin-top:auto;padding:12px;border-top:1px solid #eef0f5}.logout{width:100%;border:0;background:transparent;padding:11px 12px;display:flex;gap:12px;align-items:center;color:#657087}.main{margin-left:252px;min-height:100vh}.topbar{height:76px;background:#fff;border-bottom:1px solid #e7eaf1;display:flex;align-items:center;justify-content:space-between;padding:0 32px;position:sticky;top:0;z-index:5}.crumb{display:flex;align-items:center;gap:8px;color:#8a93a5}.crumb b{color:#172033}.top-actions{display:flex;align-items:center;gap:16px}.search{height:38px;border:1px solid #e3e6ed;border-radius:9px;background:#fff;display:flex;align-items:center;gap:8px;padding:0 11px;color:#9299aa}.search input{border:0;outline:0;width:170px;background:transparent}.icon-btn{border:0;background:transparent;position:relative;color:#69748a}.icon-btn i{position:absolute;width:6px;height:6px;background:#ef5a6d;border-radius:50%;top:0;right:1px}.avatar{width:36px;height:36px;border-radius:50%;background:#ebe9ff;color:#5042d6;display:grid;place-items:center;font-weight:800}.content{padding:30px 34px 50px;max-width:1500px;margin:auto}.page-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-end;margin-bottom:24px}.page-head h1{font-size:28px;margin:4px 0 6px;letter-spacing:-.6px}.page-head p{margin:0;color:#758096}.eyebrow{font-size:11px;font-weight:800;letter-spacing:1.4px;color:#6558db}.primary,.secondary{border:0;border-radius:9px;padding:10px 15px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:700;text-decoration:none}.primary{background:#584be3;color:#fff;box-shadow:0 7px 15px #584be322}.secondary{background:#f1f1fa;color:#4d43bc}.wide{width:100%;height:44px}.card{background:#fff;border:1px solid #e7eaf1;border-radius:13px;padding:20px;box-shadow:0 2px 5px #1e293b05}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:18px}.stat-top,.between,.card-title{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.stat-top{color:#788399;font-weight:600}.stat-icon{width:34px;height:34px;border-radius:9px;background:#f0efff;color:#5b4de8;display:grid;place-items:center}.stat strong{display:block;font-size:28px;margin-top:13px}.stat small{display:block;color:#8a94a6;margin-top:4px}.stat small.up{color:#1e9b69}.dashboard-grid,.two-col{display:grid;grid-template-columns:1.25fr .75fr;gap:18px}.card-title h3,.card h3{margin:0;font-size:16px}.card-title p{margin:5px 0 0;color:#8490a3;font-size:12px}.badge{display:inline-flex;align-items:center;white-space:nowrap;padding:5px 8px;border-radius:20px;font-size:11px;font-weight:800}.badge.success{background:#e8f8f0;color:#18845a}.badge.warning{background:#fff3dc;color:#a26b09}.badge.info{background:#e9f0ff;color:#3565bd}.badge.danger{background:#ffebee;color:#c83b50}.badge.neutral{background:#f0f2f6;color:#69748a}.workflow{margin-top:15px}.workflow-step{display:flex;align-items:center;gap:12px;padding:13px 7px;border-bottom:1px solid #eef0f4;text-decoration:none;color:inherit}.workflow-step:last-child{border:0}.stage-no{width:31px;height:31px;border:1px solid #dfe2ea;border-radius:50%;display:grid;place-items:center;color:#8b94a7;font-weight:800}.stage-no.done{background:#e9f8f0;color:#16855b;border-color:#ccefe0}.workflow-step div:nth-child(2){flex:1}.workflow-step b{display:block;font-size:13px}.workflow-step span{display:block;color:#8992a4;font-size:11px;margin-top:2px}.workflow-step>svg{color:#b3bac8}.project-list{margin-top:12px}.project-row{display:flex;align-items:center;gap:11px;padding:13px 2px;border-bottom:1px solid #eef0f4;text-decoration:none;color:inherit}.project-row:last-child{border:0}.project-icon{width:34px;height:34px;border-radius:9px;background:#f0efff;color:#5b4de8;display:grid;place-items:center}.grow{flex:1}.project-row b{display:block;font-size:13px}.project-row span{display:block;color:#8a94a6;font-size:11px;margin-top:2px}.project-row small{display:block;color:#8a94a6;margin-top:6px;text-align:right}.progress{height:5px;background:#edf0f5;border-radius:5px;overflow:hidden;margin-top:7px}.progress span{height:100%;display:block;background:#5b4de8;border-radius:5px}.text-link{color:#5b4de8;text-decoration:none;font-weight:700;font-size:12px}.toolbar{display:flex;gap:10px;justify-content:space-between;margin-bottom:18px}.toolbar .search{width:320px}.toolbar select,select{height:40px;border:1px solid #e1e5ed;border-radius:8px;background:#fff;padding:0 10px;outline:0;color:#4b566b}label{display:block;color:#59657a;font-weight:650;margin:14px 0}label input,label textarea,label select{display:block;width:100%;margin-top:7px;border:1px solid #dfe3eb;border-radius:8px;padding:10px;outline:0;background:#fff;color:#172033}textarea{min-height:100px;resize:vertical}.project-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.project-card{text-decoration:none;color:inherit;padding:0;overflow:hidden}.project-cover{height:125px;background:linear-gradient(135deg,#29265d,#6559db);color:#fff;padding:17px;display:flex;justify-content:space-between}.project-cover span{font-size:10px;font-weight:900;letter-spacing:1.5px}.project-card-body{padding:17px}.project-card-body h3{margin:0;font-size:16px}.project-card-body p{color:#7e899b}.meta{display:flex;gap:16px;color:#798499;font-size:12px}.stage-line{display:flex;justify-content:space-between;margin-top:16px;color:#7b8597;font-size:11px}.stage-line b{color:#4f43c6}.stage-nav{display:flex;gap:7px;overflow:auto;margin-bottom:18px;padding-bottom:3px}.stage-pill{background:#fff;border:1px solid #e3e6ee;padding:8px 10px;border-radius:8px;white-space:nowrap;color:#7c8699;font-size:11px;font-weight:700}.stage-pill span{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#eef0f5;margin-right:6px}.stage-pill.current{border-color:#6559db;color:#5042d6;background:#f2f1ff}.stage-pill.complete{color:#18845a}.stage-pill.complete span{background:#e8f8f0}.info-section{padding:15px 0;border-top:1px solid #edf0f4}.info-section h4{margin:0 0 10px;font-size:12px;color:#7a8497}.info-item{display:flex;gap:8px;margin:8px 0;font-size:13px}.info-item svg{color:#22a36f}.agent-row{display:flex;gap:10px;align-items:center;padding:12px 0;border-bottom:1px solid #eef0f4}.agent-dot{width:29px;height:29px;border-radius:50%;display:grid;place-items:center;background:#f1f3f7;color:#8d96a7}.agent-dot.done{background:#e8f8f0;color:#18845a}.agent-row b,.agent-row span{display:block}.agent-row span{font-size:11px;color:#8a94a6;margin-top:2px}.callout{display:flex;gap:12px;margin-top:18px;background:#fff9e9;border-color:#f5e5b9;color:#795c1e}.callout p{font-size:12px;margin:5px 0 0}.segment-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:15px}.segment{border:1px solid #e2e5ed;border-radius:10px;padding:13px}.segment.selected{border-color:#c7c1ff;background:#f8f7ff}.segment-icon{width:30px;height:30px;background:#eceaff;color:#5b4de8;border-radius:8px;display:grid;place-items:center;margin-bottom:9px}.segment b,.segment span{display:block}.segment span{font-size:11px;color:#8b94a5;margin-top:3px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.full{grid-column:1/-1}.choice-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:15px}.choice{border:1px solid #e1e4eb;background:#fff;border-radius:8px;padding:10px;text-align:left}.choice.active{border-color:#aaa3ff;background:#f1efff;color:#5144cf;font-weight:700}.mt{margin-top:24px!important}.channel-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;margin-top:15px}.channel{border:1px solid #e1e4eb;border-radius:9px;padding:11px;display:flex;gap:9px;align-items:center;color:#687388}.channel.selected{border-color:#c9c4ff;background:#f8f7ff;color:#5144cf}.channel span{flex:1}.strategy-result{display:flex;gap:12px;background:#f5f4ff;padding:14px;border-radius:10px;margin-top:20px;color:#5144cf}.strategy-result p{margin:5px 0 0;color:#687388}.chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:15px}.chip{padding:8px 10px;border-radius:20px;background:#f0efff;color:#5144cf;font-weight:700;font-size:12px}.factory-banner{display:flex;align-items:center;gap:14px;margin-bottom:18px}.factory-icon{width:48px;height:48px;background:#eeeaff;color:#584be3;border-radius:12px;display:grid;place-items:center}.factory-banner p{margin:5px 0 0;color:#8490a2}.factory-flow{margin-left:auto;display:flex;align-items:center;gap:8px;color:#6c768a;font-size:12px}.generation{margin-bottom:18px}.generating{display:flex;align-items:center;gap:12px}.generating>div{flex:1}.generating b,.generating span{display:block}.generating span{font-size:12px;color:#8490a2;margin-top:4px}.spin{animation:spin 1.2s linear infinite;color:#584be3}@keyframes spin{to{transform:rotate(360deg)}}.asset-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.asset-icon{width:38px;height:38px;border-radius:10px;background:#f0efff;color:#584be3;display:grid;place-items:center;margin-bottom:15px}.asset-card p{font-size:12px;color:#8490a2;line-height:1.5;min-height:38px}.asset-actions{display:flex;gap:7px;margin-top:13px}.asset-actions button{border:1px solid #e0e3eb;background:#fff;border-radius:7px;padding:7px 9px;font-size:11px;color:#657087}.table-card{overflow:auto}table{width:100%;border-collapse:collapse;min-width:760px}th{text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.7px;color:#8a94a6;background:#fafbfc}th,td{padding:14px;border-bottom:1px solid #edf0f4}td{font-size:12px;color:#59657a}td b{color:#172033}.small-primary{border:0;background:#eeeaff;color:#5144cf;padding:7px 10px;border-radius:7px;font-weight:800;font-size:11px}.approved{color:#18845a;display:flex;align-items:center;gap:5px;font-weight:700}.approval-banner{display:flex;align-items:center;gap:13px;margin-bottom:18px;background:#f7fbf9;border-color:#d7eee4}.approval-banner div:nth-child(2){flex:1}.approval-banner span{display:block;color:#7c899a;font-size:11px;margin-top:3px}.language-toolbar{display:flex;align-items:center;gap:8px;margin-bottom:18px}.language-toolbar>span{font-weight:700;margin-right:7px}.lang-btn{border:1px solid #e0e3eb;background:#fff;border-radius:8px;padding:8px 11px;color:#697489}.lang-btn.active{background:#eeedff;border-color:#c6c1ff;color:#5144cf;font-weight:800}.copy-box{background:#f8f9fc;border:1px solid #e6e9ef;border-radius:10px;padding:18px;margin-top:14px;min-height:190px;line-height:1.7}.copy-box b{font-size:16px}.copy-box strong{color:#5144cf}.fake-chart{height:270px;position:relative;margin-top:15px;padding:20px 10px 35px}.chart-grid{position:absolute;top:15px;right:10px;bottom:35px;left:10px;background:repeating-linear-gradient(to bottom,#fff 0,#fff 47px,#edf0f4 48px)}.bars{height:220px;display:flex;align-items:flex-end;gap:14px;position:relative;padding:0 15px}.bars span{display:block;flex:1;max-width:32px;background:#5b4de8;border-radius:5px 5px 0 0}.chart-labels{display:flex;justify-content:space-around;color:#8a94a6;font-size:10px;margin-top:8px}.rank-row{display:flex;justify-content:space-between;padding:17px 0;border-bottom:1px solid #edf0f4}.rank-row b{color:#5144cf}.optimization-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.recommendation .rec-top{display:flex;justify-content:space-between;color:#584be3}.recommendation p{color:#7d8799;line-height:1.55;min-height:58px}.loop{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:18px;flex-wrap:wrap}.loop-step{padding:10px 13px;border-radius:8px;background:#f0f2f6;color:#7b8597;font-weight:700;font-size:11px}.loop-step.done{background:#e8f8f0;color:#18845a}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.switch-row{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #edf0f4;padding:14px 0}.switch-row input{width:auto}.login-page{min-height:100vh;background:radial-gradient(circle at 80% 10%,#e9e6ff,transparent 34%),#f5f7fb;display:grid;place-items:center;padding:30px}.login-card{width:430px;background:#fff;border:1px solid #e5e8ef;border-radius:16px;padding:34px;box-shadow:0 18px 50px #27304a12}.login-brand{position:absolute;top:35px;left:40px;display:flex;align-items:center;gap:11px}.brand-title{font-weight:850}.brand-sub{font-size:11px;color:#8992a5}.login-card h1{font-size:25px;margin:6px 0}.login-row{display:flex;justify-content:space-between;align-items:center;font-size:11px;margin:5px 0 15px}.check{display:flex;align-items:center;gap:6px;margin:0;font-weight:500}.check input{width:auto;margin:0}.link-btn{border:0;background:transparent;color:#584be3;font-weight:700;padding:0}.login-switch{text-align:center;color:#7f899b;margin-top:18px;font-size:12px}.demo-note{display:flex;align-items:center;gap:6px;background:#f7f8fb;border-radius:8px;padding:10px;margin-top:18px;color:#7c8698;font-size:10px}.mobile-close,.hamb{display:none}@media(max-width:1100px){.stats-grid,.project-cards,.asset-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid,.two-col{grid-template-columns:1fr}.optimization-grid{grid-template-columns:1fr 1fr}.sidebar{width:230px}.main{margin-left:230px}}@media(max-width:760px){.sidebar{transform:translate(-100%);transition:.2s}.sidebar.open{transform:none}.main{margin-left:0}.hamb{display:block;border:0;background:transparent;color:#59657a}.mobile-close{display:block;margin-left:auto;border:0;background:transparent}.topbar{padding:0 15px}.top-actions .search{display:none}.content{padding:22px 15px}.page-head{align-items:flex-start;flex-direction:column}.stats-grid,.project-cards,.asset-grid,.form-grid,.optimization-grid,.settings-grid{grid-template-columns:1fr}.login-brand{position:static;margin-bottom:15px}.login-page{display:flex;flex-direction:column}.login-card{width:min(430px,100%)}.factory-flow{display:none}.language-toolbar{overflow:auto}.segment-grid{grid-template-columns:1fr}.login-page .login-brand{align-self:flex-start}.topbar .crumb{font-size:12px}}