:root{--ink:#18202a;--muted:#6d747c;--paper:#f7f5f0;--panel:#fff;--line:#e8e4dc;--coral:#ed6f83;--coral-soft:#fce9ed;--teal:#2f8f89;--teal-soft:#e4f4f1;--amber:#d49b3e;--amber-soft:#fbf1dd;--nav:#17252b;--shadow:0 18px 46px rgba(23,34,39,.07);font-family:Inter,"Noto Sans SC","Microsoft YaHei",system-ui,sans-serif;color:var(--ink);background:var(--paper)}
*{box-sizing:border-box}body{margin:0;background:var(--paper)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}.shell{display:grid;grid-template-columns:238px 1fr;min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:238px;background:var(--nav);color:#eaf1f1;padding:28px 18px 18px;display:flex;flex-direction:column;z-index:20}.brand-lockup{display:flex;align-items:center;gap:12px;padding:0 10px 28px}.brand-lockup strong,.brand-lockup small{display:block}.brand-lockup strong{font-size:16px}.brand-lockup small{font-size:10px;letter-spacing:.08em;color:#95a7a9;margin-top:3px;text-transform:uppercase}.brand-mark{display:grid;place-items:center;width:39px;height:39px;background:linear-gradient(145deg,var(--coral),#d44d6a);color:#fff;border-radius:12px;font-size:11px;font-weight:700;letter-spacing:-.04em;box-shadow:0 8px 22px rgba(237,111,131,.25)}.brand-mark.large{width:58px;height:58px;border-radius:18px;font-size:15px}.sidebar nav{display:grid;gap:4px}.sidebar nav a{display:flex;align-items:center;gap:13px;padding:11px 13px;color:#aebbbc;border-radius:10px;font-size:14px;font-weight:500}.sidebar nav a i{display:grid;place-items:center;width:24px;font-style:normal;font-size:17px}.sidebar nav a:hover,.sidebar nav a.active{background:#25383d;color:#fff}.sidebar nav a.active{box-shadow:inset 3px 0 var(--coral)}.admin-nav{border-top:1px solid #2c3c41;margin-top:18px;padding-top:18px}.sidebar-footer{margin-top:auto;border-top:1px solid #2c3c41;padding:18px 8px 0;display:flex;align-items:center;gap:9px}.sidebar-footer strong,.sidebar-footer small{display:block}.sidebar-footer strong{font-size:13px}.sidebar-footer small{color:#809598;font-size:11px;text-transform:capitalize}.sidebar-footer form{margin-left:auto}.avatar{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:linear-gradient(145deg,#f3b2bd,var(--coral));color:#fff;font-weight:700}.avatar.soft{background:var(--coral-soft);color:#c95069}.avatar.large{width:46px;height:46px}.avatar.hero{width:72px;height:72px;font-size:27px;border-radius:22px;box-shadow:0 12px 30px rgba(237,111,131,.2)}.icon-button{background:transparent;border:0;color:#829699;font-size:18px}.shell>main{grid-column:2;min-width:0}.topbar{height:74px;background:rgba(247,245,240,.88);backdrop-filter:blur(12px);position:sticky;top:0;z-index:10;border-bottom:1px solid rgba(224,219,209,.8);display:flex;align-items:center;padding:0 38px;gap:24px}.brand-switcher{display:flex;align-items:center;gap:8px}.brand-switcher>span{font-size:11px;color:var(--muted);margin-right:4px}.brand-pill{padding:7px 11px;border:1px solid var(--line);background:#fff;border-radius:999px;font-size:12px;color:var(--muted);display:flex;gap:7px;align-items:center}.brand-pill b{width:7px;height:7px;border-radius:50%}.brand-pill.selected{border-color:#bac6c5;color:var(--ink);box-shadow:0 3px 10px rgba(0,0,0,.04)}.safe-mode{margin-left:auto;display:flex;align-items:center;gap:8px;color:var(--teal);font-size:12px;font-weight:600}.safe-mode span{width:8px;height:8px;background:#4fbc8e;border-radius:50%;box-shadow:0 0 0 4px rgba(79,188,142,.12)}.safe-mode.large{padding:9px 13px;border:1px solid #c9e4dc;background:#effaf6;border-radius:999px}.mobile-menu{display:none;border:0;background:transparent;font-size:22px}.page{padding:38px;max-width:1500px;margin:auto}.page-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:28px}.page-heading h1{font-size:30px;line-height:1.15;margin:4px 0 8px;letter-spacing:-.035em}.page-heading p:not(.eyebrow){margin:0;color:var(--muted);font-size:14px}.eyebrow{font-size:10px!important;letter-spacing:.15em;font-weight:700;color:var(--coral)!important;margin:0 0 5px!important}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:10px;padding:10px 15px;font-size:13px;font-weight:600;white-space:nowrap}.button.primary{background:var(--ink);color:#fff;box-shadow:0 8px 20px rgba(24,32,42,.14)}.button.primary:hover{background:#2a3948}.button.secondary{background:var(--teal);color:#fff}.button.ghost{background:#fff;color:var(--ink);border:1px solid var(--line)}.button.wide{width:100%}.button-row{display:flex;align-items:center;gap:9px}.button-row form{margin:0}.notice{background:#fff;border:1px solid #dce8e4;border-left:4px solid var(--teal);border-radius:10px;padding:12px 16px;margin:-14px 0 22px;display:flex;justify-content:space-between;color:#315d58;font-size:13px;box-shadow:var(--shadow)}.notice button{background:transparent;border:0;font-size:20px;color:var(--muted)}.warning-banner{display:flex;gap:14px;align-items:center;background:var(--amber-soft);border:1px solid #eddbb8;border-radius:12px;padding:14px 18px;margin-bottom:22px;color:#6e5427}.warning-banner span{font-size:13px}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:22px}.metric{background:var(--panel);border:1px solid var(--line);border-radius:15px;padding:19px 20px;box-shadow:0 8px 25px rgba(35,43,48,.035);position:relative;overflow:hidden}.metric:after{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:#ccd2d1}.metric.coral:after{background:var(--coral)}.metric.teal:after{background:var(--teal)}.metric.amber:after{background:var(--amber)}.metric.ink:after{background:var(--ink)}.metric span,.metric small{display:block;color:var(--muted);font-size:11px}.metric strong{display:block;font-size:31px;letter-spacing:-.04em;margin:8px 0 5px}.metric-grid.small .metric{padding:15px 18px}.metric-grid.small .metric strong{font-size:25px}.two-column{display:grid;grid-template-columns:1.2fr 1fr;gap:20px;margin-bottom:20px}.campaign-layout{grid-template-columns:1.35fr .8fr}.three-column{display:grid;grid-template-columns:.8fr 1.2fr 1fr;gap:18px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:21px;box-shadow:0 10px 30px rgba(35,43,48,.035);margin-bottom:20px;min-width:0}.panel h2{font-size:17px;margin:3px 0 4px;letter-spacing:-.02em}.panel-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px}.panel-head>a,.panel-head>span{font-size:11px;color:var(--muted)}.list{margin:0 -8px}.list-row{display:flex;align-items:center;gap:11px;padding:12px 8px;border-bottom:1px solid #f0ede7}.list-row:last-child{border-bottom:0}.list-row:hover{background:#faf9f6;border-radius:10px}.grow{flex:1;min-width:0}.list-row strong,.list-row small{display:block}.list-row strong{font-size:13px}.list-row small{font-size:11px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:3px}.platform-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:#eef1f1;color:#536064;font-weight:700;font-size:12px}.platform-icon.instagram{background:#fbeaf0;color:#cc5d7e}.platform-icon.youtube{background:#ffeded;color:#d74c4c}.platform-icon.tiktok{background:#e7f5f3;color:#318b84}.platform-icon.blog{background:#f1edfb;color:#7461b0}.status{display:inline-flex;align-items:center;padding:4px 8px;border-radius:999px;background:#f0f1f1;color:#626a6e;font-size:10px;font-weight:700;white-space:nowrap;text-transform:none}.status.active,.status.completed,.status.configured,.status.created,.status.matched,.status.provider_accepted,.status.cleared{background:var(--teal-soft);color:#26746e}.status.review_required,.status.queued,.status.processing,.status.needs_enrichment,.status.interested{background:var(--amber-soft);color:#8e6527}.status.failed,.status.blocked,.status.quality_failed,.status.invalid,.status.no_email,.status.declined{background:var(--coral-soft);color:#b84860}.status.paused,.status.unconfigured,.status.not_checked,.status.tier_mismatch{background:#f1f0ed;color:#77716a}.empty{text-align:center;padding:38px 20px;color:var(--muted)}.empty>span{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--teal-soft);color:var(--teal);margin:0 auto 12px;font-size:18px}.empty h2,.empty h3{color:var(--ink);margin:8px}.empty p{max-width:450px;margin:8px auto 18px;font-size:13px}.empty.compact{padding:22px 10px}.empty.compact>span{width:34px;height:34px}.empty.large{padding:75px 20px}.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.campaign-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px;min-height:210px;box-shadow:0 10px 30px rgba(35,43,48,.035);transition:.18s}.campaign-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.card-top{display:flex;justify-content:space-between}.brand-tag{display:inline-flex;padding:4px 8px;border-radius:6px;background:#f4f1eb;font-size:9px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.campaign-card h2{font-size:18px;margin:24px 0 6px}.campaign-card>p{color:var(--muted);font-size:12px}.campaign-stats{display:flex;gap:24px;border-top:1px solid var(--line);padding-top:14px;margin-top:22px;color:var(--muted);font-size:11px}.campaign-stats strong{color:var(--ink);font-size:15px}.card-link{display:flex;justify-content:space-between;color:var(--teal);font-size:12px;font-weight:600;margin-top:16px}.form-panel{max-width:970px}.form-section{display:flex;gap:14px;padding:17px 0 12px;border-top:1px solid var(--line);margin-top:15px}.form-section:first-of-type{border-top:0;margin-top:0}.form-section h2{margin:0}.form-section p{font-size:12px;color:var(--muted);margin:4px 0}.step{width:28px;height:28px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;color:var(--coral);font-size:10px;font-weight:700}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.form-grid.four{grid-template-columns:repeat(4,1fr)}.span-2{grid-column:span 2}label,legend{font-size:11px;font-weight:600;color:#555e62}label input,label select,label textarea,.stack-form input,.stack-form select,fieldset+input{width:100%;display:block;margin-top:6px}input,select,textarea{border:1px solid #ddd9d1;border-radius:9px;background:#fff;padding:10px 11px;color:var(--ink);outline:none}input:focus,select:focus,textarea:focus{border-color:#8ab9b5;box-shadow:0 0 0 3px rgba(47,143,137,.08)}textarea{resize:vertical;line-height:1.55}fieldset{border:0;padding:0;margin:13px 0}legend{margin-bottom:8px}.choice-row,.choice-grid{display:flex;gap:8px;flex-wrap:wrap}.choice-grid{display:grid;grid-template-columns:repeat(4,1fr)}.choice input{position:absolute;opacity:0}.choice span{display:block;padding:9px 12px;border:1px solid var(--line);border-radius:9px;background:#fff;color:var(--muted);font-size:11px;text-align:center}.choice input:checked+span{background:var(--teal-soft);color:var(--teal);border-color:#a8d4cf;font-weight:700}.form-actions{display:flex;justify-content:flex-end;gap:10px;border-top:1px solid var(--line);padding-top:18px;margin-top:22px}.provider-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.provider-grid.vertical{grid-template-columns:1fr}.provider{display:flex;gap:10px;align-items:center;border:1px solid var(--line);border-radius:11px;padding:10px}.provider>div{flex:1;min-width:0}.provider strong,.provider small{display:block}.provider strong{font-size:12px}.provider small{font-size:9px;color:var(--muted);margin-top:2px}.cost{font-variant-numeric:tabular-nums}.table-wrap{overflow:auto;margin:8px -5px 0}table{width:100%;border-collapse:collapse;font-size:11px}th{text-align:left;color:#858b8d;font-weight:600;padding:10px 8px;border-bottom:1px solid var(--line);white-space:nowrap}td{padding:11px 8px;border-bottom:1px solid #f0eee9;vertical-align:top}td small{display:block;color:var(--muted);font-size:9px;margin-top:3px;max-width:230px;overflow:hidden;text-overflow:ellipsis}.upload-box{display:grid;gap:13px}.file-drop{height:108px;border:1px dashed #bfc9c7;border-radius:12px;background:#fafcfb;display:flex;flex-direction:column;justify-content:center;align-items:center;color:var(--teal)}.file-drop input{display:none}.file-drop span{font-size:12px}.file-drop small{font-size:10px;color:var(--muted);margin-top:5px}.sub-list{border-top:1px solid var(--line);margin-top:17px;padding-top:12px}.sub-list h3{font-size:11px}.sub-list a{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #f1efeb;font-size:11px}.sub-list small{color:var(--muted)}.detail-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.detail-grid div{padding:12px;background:#faf9f6;border-radius:10px}.detail-grid span,.detail-grid strong{display:block}.detail-grid span{font-size:9px;color:var(--muted);margin-bottom:5px}.detail-grid strong{font-size:11px}.mapping-list{display:flex;flex-wrap:wrap;gap:8px}.mapping-list span{font-size:10px;background:#f7f7f5;border:1px solid var(--line);padding:7px 9px;border-radius:7px}.mapping-list i{font-style:normal;color:var(--coral);margin:0 7px}.creator-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:22px}.creator-card{background:#fff;border:1px solid var(--line);border-radius:15px;padding:18px;transition:.18s}.creator-card:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.creator-head{display:flex;align-items:center;gap:10px}.creator-head strong,.creator-head small{display:block}.creator-head small{color:var(--muted);font-size:10px;margin-top:3px}.creator-card>p{font-size:11px;color:var(--muted);line-height:1.5;min-height:50px}.creator-meta{display:flex;justify-content:space-between;gap:8px;font-size:10px;padding:10px 0;border-top:1px solid var(--line);color:#5c6669}.source-line{display:flex;justify-content:space-between;margin-top:7px;font-size:9px;color:var(--muted)}.source-line b{color:var(--ink)}.creator-title{align-items:center;justify-content:flex-start}.creator-title>a{margin-left:auto}.insight,.evidence{border-top:1px solid var(--line);padding:14px 0}.insight:first-of-type,.evidence:first-of-type{border-top:0}.insight strong,.evidence strong{display:block;font-size:12px;margin-top:7px}.insight p,.evidence p{font-size:11px;color:var(--muted);line-height:1.55}.insight a,.evidence a{font-size:10px;color:var(--teal)}.evidence small{display:block;font-size:9px;color:#999;margin-top:7px}.message{border-left:2px solid var(--teal);padding:8px 10px;margin:8px 0;background:#f8fbfa}.message.inbound{border-color:var(--coral);background:#fdf8f9}.message small,.message strong{display:block;font-size:9px}.message strong{font-size:11px;margin-top:3px}.tab-heading{display:flex;align-items:center;gap:10px;margin:28px 0 12px}.tab-heading h2{font-size:18px;margin:0}.tab-heading span{font-size:10px;background:#eae8e2;padding:3px 7px;border-radius:999px}.draft-stack{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.draft-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px}.draft-card header{display:flex;justify-content:space-between;margin-bottom:16px}.draft-card h2{font-size:18px;margin:7px 0 2px}.draft-card header p{font-size:10px;color:var(--muted);margin:0}.draft-card label{display:block;margin-top:10px}.draft-footer{display:flex;align-items:center;justify-content:space-between;margin-top:13px}.safety-note{font-size:9px;color:var(--muted)}.reply-row{display:flex;gap:12px;padding:16px 0;border-bottom:1px solid var(--line)}.reply-row:last-child{border:0}.reply-row .grow>div{display:flex;align-items:center;gap:8px}.reply-row small{color:var(--muted);font-size:9px}.reply-row p{font-size:11px;line-height:1.5}.reply-row form{display:flex;align-items:center;gap:6px}.reply-row select{font-size:10px}.kanban{display:grid;grid-template-columns:repeat(5,minmax(190px,1fr));gap:12px;overflow:auto;padding-bottom:12px}.kanban-column{background:#eeece7;border-radius:14px;padding:11px;min-height:400px}.kanban-column>header{display:flex;justify-content:space-between;align-items:center;padding:3px 3px 10px}.kanban-column h2{font-size:12px;margin:0}.kanban-column>header span{font-size:9px;background:#fff;border-radius:999px;padding:3px 7px}.kanban-column article{background:#fff;border:1px solid var(--line);border-radius:11px;padding:12px;margin-bottom:9px}.kanban-column h3{font-size:13px;margin:9px 0 3px}.kanban-column article>p{font-size:9px;color:var(--muted)}.kanban-column form{display:grid;gap:6px}.kanban-column input,.kanban-column select{font-size:9px;padding:7px}.mailbox-row{display:flex;justify-content:space-between;padding:11px 0;border-bottom:1px solid var(--line)}.mailbox-row strong,.mailbox-row small{display:block}.mailbox-row strong{font-size:11px}.mailbox-row small{font-size:9px;color:var(--muted);margin-top:3px}details{border-top:1px solid var(--line);margin-top:14px;padding-top:12px}summary{cursor:pointer;color:var(--teal);font-size:11px;font-weight:600}.stack-form{display:grid;gap:10px;margin-top:14px}.check{display:flex!important;gap:7px;align-items:flex-start;font-weight:400;line-height:1.4}.check input{width:auto!important;margin:2px 0!important}.check.inline{display:inline-flex!important;margin-right:15px}.footnote,.muted{color:var(--muted);font-size:10px}
.login-body{min-height:100vh;display:grid;place-items:center;background:#e9eeec;padding:24px}.login-card{width:min(920px,100%);min-height:560px;background:#fff;border-radius:24px;box-shadow:0 28px 80px rgba(20,38,40,.14);display:grid;grid-template-columns:1.15fr .85fr;overflow:hidden}.login-visual{background:linear-gradient(145deg,#183036,#1d252a);padding:42px;color:#fff;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.login-visual h1{font-size:37px;line-height:1.25;letter-spacing:-.045em;margin:14px 0}.login-visual>div>p:last-child{color:#aababb;font-size:13px;line-height:1.7;max-width:420px}.orbit{position:absolute;border:1px solid rgba(255,255,255,.08);border-radius:50%}.orbit.one{width:340px;height:340px;right:-110px;top:-100px}.orbit.two{width:500px;height:500px;right:-190px;top:-180px}.login-form{padding:65px 50px;display:flex;flex-direction:column;justify-content:center}.login-form h2{font-size:26px;margin:5px 0}.login-form>.muted{font-size:11px;margin:0 0 25px}.login-form label{margin-bottom:14px}.form-error{background:var(--coral-soft);color:#ad455b;padding:10px;border-radius:8px;font-size:11px;margin-bottom:13px}.login-note{display:block;text-align:center;color:#9b9b95;font-size:9px;margin-top:16px}
.status.configured_unverified{background:#f1f0ed;color:#77716a}.status.transient_preview{background:var(--amber-soft);color:#8e6527}.status.verified_available{background:var(--teal-soft);color:#26746e}.status.permission_denied,.status.permission_or_quota,.status.quota_exhausted,.status.temporary_failure{background:var(--coral-soft);color:#b84860}
@media(max-width:1050px){.metric-grid{grid-template-columns:repeat(2,1fr)}.card-grid,.creator-grid{grid-template-columns:repeat(2,1fr)}.three-column{grid-template-columns:1fr}.detail-grid{grid-template-columns:repeat(3,1fr)}.form-grid.four{grid-template-columns:repeat(2,1fr)}.draft-stack{grid-template-columns:1fr}}
@media(max-width:760px){.shell{display:block}.sidebar{transform:translateX(-100%);transition:.2s;box-shadow:15px 0 40px rgba(0,0,0,.2)}.sidebar.open{transform:none}.shell>main{display:block}.mobile-menu{display:block}.topbar{height:auto;min-height:64px;padding:12px 16px}.brand-switcher>span{display:none}.brand-pill{font-size:10px;padding:6px 8px}.safe-mode{display:none}.page{padding:23px 16px}.page-heading{display:block}.page-heading>.button,.page-heading>.button-row{margin-top:16px}.page-heading h1{font-size:25px}.two-column,.campaign-layout{grid-template-columns:1fr}.metric-grid{gap:9px}.metric{padding:14px}.metric strong{font-size:24px}.card-grid,.creator-grid{grid-template-columns:1fr}.choice-grid{grid-template-columns:repeat(2,1fr)}.form-grid,.form-grid.four{grid-template-columns:1fr}.span-2{grid-column:auto}.detail-grid{grid-template-columns:repeat(2,1fr)}.provider-grid{grid-template-columns:1fr}.login-card{grid-template-columns:1fr}.login-visual{min-height:270px;padding:28px}.login-visual h1{font-size:27px}.login-form{padding:38px 28px}.draft-footer{display:block}.draft-footer .button-row{margin-top:10px}.reply-row{display:block}.reply-row form{margin-top:12px}}
