:root{--background:#f6f7f4;--surface:#ffffff;--surface-soft:#eef4ef;--surface-warm:#fff7e8;--surface-blue:#edf5ff;--text:#19211d;--muted:#68736d;--line:#dce3dd;--line-strong:#c5d0c8;--brand:#18715c;--brand-dark:#0f4f41;--accent:#e46d3a;--blue:#2368a5;--gold:#b87814;--danger:#ba3a32;--shadow:0 16px 40px rgba(25,33,29,0.08)}*{box-sizing:border-box}html{color-scheme:light}body{margin:0;background:var(--background);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.app-shell{display:grid;grid-template-columns:260px minmax(0,1fr);min-height:100vh}.sidebar{background:#17211d;color:#f7fbf8;display:flex;flex-direction:column;gap:24px;padding:24px 18px}.brand-lockup{display:flex;align-items:center;gap:12px;padding:0 6px}.brand-mark{align-items:center;background:#d7f7e8;border-radius:8px;color:var(--brand-dark);display:inline-flex;font-weight:800;height:40px;justify-content:center;width:40px}.brand-name{display:block;font-size:18px;font-weight:760;line-height:1.1}.brand-tagline{color:#aab9b0;display:block;font-size:12px;margin-top:3px}.nav-section{display:grid;grid-gap:6px;gap:6px}.nav-label{color:#92a29a;font-size:11px;font-weight:760;letter-spacing:.08em;padding:0 8px 4px;text-transform:uppercase}.nav-item{align-items:center;border-radius:8px;color:#d8e1dc;display:flex;gap:10px;min-height:38px;padding:9px 10px}.nav-item.active{background:#26352f;color:#ffffff}.nav-icon{height:17px;width:17px}.sidebar-foot{background:#22312b;border:1px solid #334740;border-radius:8px;margin-top:auto;padding:14px}.sidebar-foot strong{display:block;font-size:13px}.sidebar-foot span{color:#b5c2bb;display:block;font-size:12px;line-height:1.45;margin-top:4px}.main{min-width:0}.topbar{align-items:center;background:rgba(246,247,244,.92);border-bottom:1px solid var(--line);display:flex;gap:16px;justify-content:space-between;padding:18px 28px;position:-webkit-sticky;position:sticky;top:0;z-index:2}.page-kicker{color:var(--muted);display:block;font-size:12px;font-weight:760;letter-spacing:.08em;text-transform:uppercase}h1{font-size:clamp(24px,3vw,36px);line-height:1.05;margin:6px 0 0}.topbar-actions{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}.user-chip{background:var(--surface);border:1px solid var(--line);border-radius:999px;color:var(--muted);display:inline-flex;font-size:12px;font-weight:720;min-height:32px;padding:7px 10px}.icon-button,.primary-button,.secondary-button{align-items:center;border:1px solid transparent;border-radius:8px;display:inline-flex;font-weight:720;gap:8px;min-height:38px;padding:9px 12px}.icon-button{background:var(--surface);border-color:var(--line);color:var(--muted);justify-content:center;padding:9px;width:38px}.primary-button{background:var(--brand);color:#ffffff}.secondary-button{background:var(--surface);border-color:var(--line);color:var(--text)}.content{display:grid;grid-gap:22px;gap:22px;padding:24px 28px 36px}.status-strip{display:grid;grid-gap:14px;gap:14px;grid-template-columns:repeat(4,minmax(0,1fr))}.campaign-card,.metric-card,.panel,.queue-item,.template-card{background:var(--surface);border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow)}.metric-card{min-height:128px;padding:16px}.metric-card span{color:var(--muted);display:block;font-size:13px;font-weight:680}.metric-value{align-items:baseline;display:flex;gap:8px;margin-top:18px}.metric-value strong{font-size:34px;line-height:1}.metric-value small{color:var(--brand);font-size:13px;font-weight:740}.metric-value small.danger-text{color:var(--danger)}.workspace-grid{display:grid;grid-gap:18px;gap:18px;grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr)}.panel{min-width:0;padding:18px}.panel-header{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:16px}.panel-title{font-size:18px;font-weight:780;margin:0}.panel-subtitle{color:var(--muted);font-size:13px;margin:4px 0 0}.segmented{background:var(--surface-soft);border:1px solid var(--line);border-radius:8px;display:inline-grid;gap:3px;grid-auto-flow:column;padding:3px}.segment{background:transparent;border:0;border-radius:6px;color:var(--muted);font-size:13px;font-weight:720;min-height:30px;padding:6px 10px}.segment.active{background:var(--surface);box-shadow:0 1px 5px rgba(25,33,29,.08);color:var(--text)}.campaign-grid{display:grid;grid-gap:12px;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr))}.campaign-card{box-shadow:none;display:grid;grid-gap:14px;gap:14px;min-height:188px;padding:14px}.campaign-topline,.queue-topline,.template-topline{align-items:center;display:flex;gap:10px;justify-content:space-between}.pill{align-items:center;border-radius:999px;display:inline-flex;font-size:12px;font-weight:760;min-height:24px;padding:4px 9px}.pill.live{background:#e1f7ec;color:var(--brand-dark)}.pill.draft{background:var(--surface-warm);color:var(--gold)}.pill.trigger{background:var(--surface-blue);color:var(--blue)}.pill.alert{background:#ffe9e5;color:var(--danger)}.campaign-card h3,.template-card h3{font-size:16px;line-height:1.25;margin:0}.campaign-card p,.queue-item p,.template-card p{color:var(--muted);font-size:13px;line-height:1.45;margin:0}.campaign-stats{border-top:1px solid var(--line);display:grid;grid-gap:8px;gap:8px;grid-template-columns:repeat(3,1fr);padding-top:12px}.campaign-stats strong{display:block;font-size:18px}.campaign-stats span{color:var(--muted);display:block;font-size:11px;margin-top:2px}.queue-item,.queue-list{display:grid;grid-gap:10px;gap:10px}.queue-item{box-shadow:none;padding:12px}.queue-name{font-weight:780}.queue-meta{color:var(--muted);display:flex;flex-wrap:wrap;font-size:12px;gap:10px}.split-grid{display:grid;grid-gap:18px;gap:18px;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}.template-list{display:grid;grid-gap:10px;gap:10px}.template-card{box-shadow:none;padding:12px}.settings-link{display:block;transition:border-color .16s ease,transform .16s ease}.settings-link:hover{border-color:var(--brand);transform:translateY(-1px)}.template-topline{margin-bottom:8px}.settings-grid,.settings-list{display:grid;grid-gap:12px;gap:12px}.settings-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.settings-detail-grid{display:grid;grid-gap:18px;gap:18px;grid-template-columns:minmax(0,1fr) minmax(280px,.35fr)}.settings-form{display:grid;grid-gap:12px;gap:12px}.field-row{display:grid;grid-gap:7px;gap:7px}.field-row span{color:var(--muted);font-size:13px;font-weight:720}.field-row input{background:var(--surface);border:1px solid var(--line);border-radius:8px;color:var(--text);min-height:40px;padding:9px 11px}.field-row input:focus{border-color:var(--brand);outline:3px solid rgba(24,113,92,.14)}.auth-page{align-items:center;min-height:100vh}.auth-card,.auth-page{display:grid;padding:24px}.auth-card{background:var(--surface);border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow);grid-gap:20px;gap:20px;margin:0 auto;max-width:440px;width:100%}.auth-brand{color:var(--text);padding:0}.auth-brand .brand-tagline{color:var(--muted)}.auth-message{background:var(--surface-warm);border:1px solid #f0d7ad;border-radius:8px;color:var(--gold);font-size:13px;font-weight:720;margin:0;padding:10px 12px}.auth-submit{justify-content:center}.auth-footer{color:var(--muted);font-size:13px;margin:0;text-align:center}.auth-footer a{color:var(--brand);font-weight:760}.settings-summary{background:var(--surface-soft);border:1px solid var(--line);border-radius:8px;padding:14px}.settings-summary h3{font-size:15px;margin:0 0 12px}.back-link{align-items:center;color:var(--muted);display:inline-flex;font-size:13px;font-weight:720;gap:6px;margin-bottom:10px}.setting-row{align-items:center;border-bottom:1px solid var(--line);display:grid;grid-gap:12px;gap:12px;grid-template-columns:minmax(0,1fr) auto;padding-bottom:12px}.setting-row:last-child{border-bottom:0;padding-bottom:0}.setting-row strong{align-items:center;display:block;font-size:14px}.setting-row strong:has(.inline-icon){display:flex;gap:8px}.inline-icon{align-items:center;color:var(--brand);display:inline-flex}.template-card h3 .inline-icon{margin-right:8px;vertical-align:text-bottom}.setting-row span{color:var(--muted);display:block;font-size:13px;margin-top:2px}.switch{align-items:center;background:#d5e0d9;border:0;border-radius:999px;display:flex;height:28px;justify-content:flex-end;padding:3px;width:50px}.switch:after{background:var(--surface);border-radius:50%;content:"";height:22px;width:22px}.switch.on{background:var(--brand)}.data-table{border-collapse:collapse;font-size:14px;width:100%}.data-table td,.data-table th{border-bottom:1px solid var(--line);padding:12px 10px;text-align:left;vertical-align:middle}.data-table th{color:var(--muted);font-size:12px;font-weight:760;letter-spacing:.04em;text-transform:uppercase}.data-table td{color:var(--text)}.data-table tbody tr:hover{background:var(--surface-soft)}.row-actions{display:flex;flex-wrap:wrap;gap:8px}@media (max-width:1180px){.campaign-grid,.settings-grid,.status-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.settings-detail-grid,.split-grid,.workspace-grid{grid-template-columns:1fr}}@media (max-width:820px){.app-shell{grid-template-columns:1fr}.sidebar{position:static}.topbar{align-items:flex-start;flex-direction:column}.topbar-actions{justify-content:flex-start}.content,.topbar{padding-left:18px;padding-right:18px}.campaign-grid,.settings-grid,.status-strip{grid-template-columns:1fr}.data-table{display:block;overflow-x:auto;white-space:nowrap}}