:root{--bg:#f3f4f1;--surface:#fff;--surface-2:#f8f9f6;--ink:#20241f;--muted:#737a71;--line:#dde1da;--accent:#496554;--accent-soft:#e6ede7;--warn:#956625;--warn-soft:#f7eedc;--danger:#9a4139;--danger-soft:#f8e7e4;--nav:#1f2420;--radius:12px;--shadow:0 22px 60px rgba(28,37,30,.12);font-family:Geist,"PingFang SC","Microsoft YaHei",-apple-system,BlinkMacSystemFont,sans-serif;color:var(--ink);background:var(--bg);font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink)}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}button:active:not(:disabled){transform:translateY(1px)}:focus-visible{outline:2px solid #6f8c78;outline-offset:3px}.shell{min-height:100dvh}.sidebar{position:fixed;inset:0 auto 0 0;width:244px;background:var(--nav);color:#f4f6f2;padding:24px 16px;display:flex;flex-direction:column;z-index:20}.brand-lockup{display:flex;align-items:center;gap:11px;text-decoration:none;color:inherit}.brand-lockup strong{display:block;font-size:16px;letter-spacing:-.02em}.brand-lockup small{display:block;margin-top:1px;color:#9da69e;font-size:10px;letter-spacing:.06em}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:#d7e2d8;color:#2f4c3a;font-weight:800}.sidebar nav{margin-top:28px;overflow:auto;padding-right:3px}.nav-group{margin:18px 8px 7px;color:#788178;font-size:10px;letter-spacing:.12em}.nav-item{width:100%;border:0;background:transparent;color:#b9c0ba;text-align:left;border-radius:8px;padding:9px 10px;margin:2px 0;display:flex;align-items:center;gap:10px}.nav-item i{display:block;width:5px;height:5px;border:1px solid currentColor;transform:rotate(45deg)}.nav-item:hover{color:#fff;background:#2a302b}.nav-item.active{color:#fff;background:#343c35}.nav-item.active i{background:#a9c0ae;border-color:#a9c0ae}.sidebar-foot{margin-top:auto;border-top:1px solid #353b36;padding-top:14px}.environment-card,.operator{display:flex;align-items:center;gap:10px;padding:9px}.environment-card strong,.operator strong{display:block;font-size:11px}.environment-card small,.operator small{display:block;color:#8f998f;font-size:10px}.status-dot{width:7px;height:7px;border-radius:50%;background:#78a285}.operator{margin-top:6px}.avatar{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#353c36;color:#dfe7df}.operator>span:nth-child(2){flex:1}.operator form{margin:0}.main-shell{margin-left:244px;min-width:0}.topbar{height:64px;background:rgba(255,255,255,.9);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 28px;position:sticky;top:0;z-index:10;backdrop-filter:blur(16px)}.breadcrumbs,.top-actions{display:flex;align-items:center;gap:10px}.breadcrumbs{font-size:13px}.breadcrumbs span{color:#98a097}.top-actions{font-size:12px}.date-range{display:flex;align-items:center;gap:8px;color:var(--muted)}.date-range select{border:0;background:transparent;color:var(--ink);font-weight:600}.badge{display:inline-flex;align-items:center;padding:4px 8px;border-radius:6px;font-size:10px;font-weight:700;letter-spacing:.05em}.badge-stage{background:#f5ead6;color:#8c5a17}.badge-prod{background:var(--danger-soft);color:var(--danger)}.badge-green{background:var(--accent-soft);color:var(--accent)}.badge-neutral{background:#eceeea;color:#687067}.badge-warn{background:var(--warn-soft);color:var(--warn)}.system-pill{display:flex;align-items:center;gap:6px;color:var(--muted)}.system-pill i{width:6px;height:6px;border-radius:50%;background:#aeb4ad}.system-pill.ok i{background:#679474}.workspace{padding:34px 36px 24px;max-width:1680px;margin:auto}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:26px}.eyebrow{margin:0 0 7px;color:#889087;font-size:10px;font-weight:700;letter-spacing:.14em}.page-head h1{font-size:30px;letter-spacing:-.045em;margin:0}.page-head p{margin:8px 0 0;color:var(--muted);font-size:13px;max-width:66ch}.actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.primary,.secondary,.danger,.ghost{border:1px solid transparent;border-radius:8px;padding:9px 13px;font-size:12px;font-weight:650}.primary{background:var(--accent);color:#fff}.secondary{background:#fff;color:var(--ink);border-color:var(--line)}.danger{background:var(--danger);color:#fff}.ghost{background:transparent;color:var(--muted)}.icon-button{border:0;background:transparent;color:inherit;padding:6px;border-radius:7px}.menu-button{display:none}.metric-strip{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:26px}.metric{padding:18px 22px 18px 0}.metric+.metric{padding-left:22px;border-left:1px solid var(--line)}.metric span{display:block;color:var(--muted);font-size:11px}.metric strong{display:block;margin-top:9px;font-size:29px;line-height:1;letter-spacing:-.05em;font-variant-numeric:tabular-nums}.metric small{display:block;color:#9ba19a;font-size:10px;margin-top:8px}.layout-main{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(280px,.75fr);gap:18px}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:18px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.section{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:20px}.section+.section{margin-top:16px}.section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px}.section h2{font-size:16px;margin:0}.section h3{font-size:14px;margin:0}.section-head p,.helper{margin:5px 0 0;color:var(--muted);font-size:11px}.chart{height:210px;background:linear-gradient(#fff,#fafbf9);border-bottom:1px solid var(--line);position:relative;overflow:hidden}.chart svg{width:100%;height:100%}.chart-line{fill:none;stroke:var(--accent);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.chart-area{fill:#e8efe9}.funnel{display:grid;gap:9px}.funnel-row{display:grid;grid-template-columns:130px 1fr 50px;align-items:center;gap:12px;font-size:12px}.funnel-track{height:9px;background:#edf0ec;border-radius:99px;overflow:hidden}.funnel-fill{height:100%;background:#6f8c78}.table-wrap{overflow:auto}.data-table{width:100%;border-collapse:collapse;font-size:12px}.data-table th{text-align:left;color:#7e867d;font-size:10px;font-weight:650;padding:0 12px 11px 0;white-space:nowrap}.data-table td{padding:13px 12px 13px 0;border-top:1px solid #e9ece7;vertical-align:top;white-space:nowrap;font-variant-numeric:tabular-nums}.data-table tr.clickable:hover{background:#f8faf7}.mono{font-family:"SFMono-Regular",Consolas,monospace;font-size:11px}.muted{color:var(--muted)}.empty{padding:46px 20px;text-align:center;color:var(--muted)}.empty b{display:block;color:#6e766d;margin-bottom:6px}.notice,.inline-error{border-left:3px solid #9a7440;background:var(--warn-soft);color:#6f552e;padding:11px 13px;font-size:12px;margin:12px 0}.inline-error{border-color:var(--danger);background:var(--danger-soft);color:var(--danger)}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.form-grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.field{display:flex;flex-direction:column;gap:6px;font-size:11px;font-weight:650;color:#596158}.field.full{grid-column:1/-1}.field input,.field select,.field textarea{width:100%;border:1px solid #d6dbd4;border-radius:8px;background:#fff;padding:10px 11px;color:var(--ink);outline:none}.field textarea{min-height:100px;resize:vertical;line-height:1.6}.field input:focus,.field select:focus,.field textarea:focus{border-color:#75917e;box-shadow:0 0 0 3px #eaf0eb}.check{display:flex;align-items:center;gap:8px;font-weight:500}.form-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:18px;padding-top:15px;border-top:1px solid var(--line)}.tabs{display:flex;gap:4px;border-bottom:1px solid var(--line);margin-bottom:18px}.tab{border:0;background:transparent;padding:10px 12px;color:var(--muted);border-bottom:2px solid transparent}.tab.active{color:var(--ink);border-bottom-color:var(--accent);font-weight:650}.gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px}.asset-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.asset-preview{height:150px;background:#e9ece7;display:grid;place-items:center;position:relative;overflow:hidden;color:#768077}.asset-preview img,.asset-preview video{display:block;width:100%;height:150px;object-fit:cover}.asset-preview .media-type{font-size:10px;letter-spacing:.12em}.asset-body{padding:15px}.asset-body h3{margin:0;font-size:14px}.asset-body p{margin:5px 0 12px;color:var(--muted);font-size:11px}.asset-meta{display:flex;justify-content:space-between;gap:8px;font-size:10px;color:#7c847c}.creative-card{display:grid;grid-template-columns:116px 1fr;min-height:150px}.creative-card .asset-preview{height:230px}.creative-card .asset-preview img,.creative-card .asset-preview video{height:230px}.creative-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}.creative-metrics span{font-size:9px;color:var(--muted)}.creative-metrics b{display:block;font-size:13px;margin-top:2px}.phone-preview{width:330px;max-width:100%;min-height:510px;border:10px solid #262b27;border-radius:34px;background:#f2eee6;padding:20px;margin:auto;display:flex;flex-direction:column;overflow:hidden}.phone-preview .island{width:88px;height:22px;border-radius:99px;background:#262b27;margin:-12px auto 24px}.phone-preview .character{height:240px;display:grid;place-items:center;background:#e5e0d6;border-radius:20px;color:#736d64}.phone-preview h3{font-size:22px;margin:18px 0 8px}.phone-preview p{font-size:13px;color:#6e6962}.timeline{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin:22px 0}.timeline-step{position:relative;padding-top:20px;font-size:11px}.timeline-step:before{content:"";position:absolute;top:5px;left:0;right:0;height:1px;background:var(--line)}.timeline-step:after{content:"";position:absolute;top:1px;left:0;width:9px;height:9px;border-radius:50%;background:var(--accent)}.wizard-steps{display:flex;gap:3px;margin-bottom:20px;overflow:auto}.wizard-step{min-width:max-content;border:0;background:#edf0ec;color:#788077;padding:8px 11px;font-size:10px}.wizard-step.active{background:var(--accent);color:#fff}.health-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.health-item{background:#fff;border:1px solid var(--line);border-radius:10px;padding:15px}.health-item header{display:flex;justify-content:space-between;align-items:center}.health-item strong{font-size:13px}.health-item p{font-size:10px;color:var(--muted);margin:10px 0 0}.health-state{font-size:9px;font-weight:750}.health-state.green{color:#4f7b5c}.health-state.warn{color:var(--warn)}.health-state.fail{color:var(--danger)}.skeleton{display:grid;gap:12px}.skeleton span{display:block;height:72px;border-radius:10px;background:linear-gradient(90deg,#e8ebe6 20%,#f4f6f2 45%,#e8ebe6 70%);background-size:220% 100%;animation:shimmer 1.6s infinite}@keyframes shimmer{to{background-position:-220% 0}}.drawer-backdrop{position:fixed;inset:0;background:rgba(24,29,25,.34);z-index:30}.drawer{position:fixed;top:0;right:0;bottom:0;width:min(580px,92vw);background:#fff;z-index:31;box-shadow:var(--shadow);padding:26px;overflow:auto}.drawer-head{display:flex;justify-content:space-between;align-items:start;border-bottom:1px solid var(--line);padding-bottom:18px;margin-bottom:20px}.dialog{position:fixed;inset:0;z-index:40;display:grid;place-items:center;background:rgba(24,29,25,.42)}.dialog-card{width:min(520px,calc(100% - 32px));background:#fff;border-radius:14px;padding:24px;box-shadow:var(--shadow)}#toast{position:fixed;right:24px;bottom:24px;background:#253028;color:#fff;padding:12px 16px;border-radius:9px;box-shadow:var(--shadow);opacity:0;transform:translateY(8px);pointer-events:none;transition:.2s}#toast.show{opacity:1;transform:none}.workspace-footer{display:flex;justify-content:space-between;margin-top:32px;padding-top:18px;border-top:1px solid var(--line);color:#9aa099;font-size:10px}.auth-page{min-height:100dvh;display:grid;grid-template-columns:1fr 1fr;background:#fff}.auth-brand{background:#ecebe5;padding:48px 64px;display:flex;flex-direction:column;justify-content:space-between}.auth-copy h1{font-size:50px;line-height:1.24;letter-spacing:-.06em;margin:26px 0}.auth-copy>p:not(.eyebrow){color:#777870;line-height:2}.rule{width:56px;height:1px;background:#c9c8bf;margin:30px 0}.auth-main{display:grid;place-items:center;position:relative;padding:32px}.auth-form{width:min(390px,100%)}.lock-icon{display:grid;place-items:center;width:46px;height:46px;border:1px solid var(--line);border-radius:13px;color:var(--accent);font-size:24px}.auth-form h2,.setup-card h1{font-size:27px;letter-spacing:-.04em;margin:25px 0 6px}.auth-form>p:not(.eyebrow),.setup-card>p{color:var(--muted);font-size:13px}.auth-form label,.setup-card label{display:flex;flex-direction:column;gap:7px;margin-top:18px;font-size:11px;font-weight:650}.auth-form input,.setup-card input{padding:12px;border:1px solid var(--line);border-radius:8px}.auth-form .primary,.setup-card .primary{width:100%;display:flex;justify-content:space-between;margin-top:22px;padding:12px 14px}.security-note{display:flex;gap:9px;margin-top:20px;color:#8b918a;font-size:10px;line-height:1.7}.security-note p{margin:0}.auth-foot{position:absolute;bottom:32px;color:#a4a9a3}.setup-page{min-height:100dvh;display:grid;place-items:center;background:var(--bg);padding:24px}.setup-card{width:min(520px,100%);background:#fff;border:1px solid var(--line);border-radius:16px;padding:32px}.qr{display:grid;place-items:center;margin:20px}.qr svg{width:210px;height:210px}.setup-card details{background:var(--surface-2);padding:12px;border-radius:8px}.setup-card code{display:block;margin-top:10px;word-break:break-all}.recovery-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:22px 0}.recovery-grid code{background:var(--surface-2);padding:10px;border-radius:6px;text-align:center}.link-button{text-decoration:none}
@media(max-width:1180px){.metric-strip{grid-template-columns:repeat(3,1fr)}.metric:nth-child(4){border-left:0;padding-left:0}.health-grid{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:1fr 1fr}.top-actions .date-range{display:none}}
@media(max-width:1024px){.sidebar{width:76px;padding:18px 10px}.sidebar .brand-lockup span:last-child,.nav-group,.nav-item span,.sidebar-foot{display:none}.brand-lockup{justify-content:center}.nav-item{justify-content:center;padding:12px}.main-shell{margin-left:76px}.workspace{padding:26px}.layout-main,.grid-2{grid-template-columns:1fr}.auth-brand{padding:40px}.auth-copy h1{font-size:42px}}
@media(max-width:720px){.sidebar{transform:translateX(-100%);transition:.2s}.sidebar.open{transform:none;width:244px}.sidebar.open .brand-lockup span:last-child,.sidebar.open .nav-group,.sidebar.open .nav-item span,.sidebar.open .sidebar-foot{display:block}.sidebar.open .nav-item{justify-content:flex-start}.main-shell{margin-left:0}.menu-button{display:block}.workspace{padding:20px 14px}.topbar{padding:0 14px}.top-actions .system-pill{display:none}.metric-strip,.grid-3,.health-grid,.form-grid,.form-grid.cols-3{grid-template-columns:1fr 1fr}.page-head{align-items:flex-start;flex-direction:column}.auth-page{grid-template-columns:1fr}.auth-brand{display:none}.auth-main{min-height:100dvh}.creative-card{grid-template-columns:90px 1fr}}
@media(max-width:480px){.metric-strip,.grid-3,.health-grid,.form-grid,.form-grid.cols-3{grid-template-columns:1fr}.metric+.metric{border-left:0;padding-left:0;border-top:1px solid var(--line)}.recovery-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}