:root{--ink:#162033;--muted:#667085;--line:#e5e8ef;--surface:#ffffff;--canvas:#f6f7fb;--navy:#12192c;--navy-2:#1c2540;--purple:#6d5ce7;--purple-dark:#5545c5;--purple-soft:#eeebff;--green:#11836f;--orange:#d47022;--red:#cb3a4b;--shadow:0 10px 35px rgba(25,34,57,0.07);--radius:14px}*{box-sizing:border-box}body,html{margin:0;min-height:100%;background:var(--canvas);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select,textarea{font:inherit}a,button{-webkit-tap-highlight-color:transparent}a{text-decoration:none}a,button{color:inherit}.login-shell{min-height:100vh;display:grid;grid-template-columns:minmax(440px,1.05fr) minmax(430px,.95fr);background:#fff}.login-visual{position:relative;overflow:hidden;padding:38px 52px;display:flex;flex-direction:column;background:radial-gradient(circle at 80% 20%,rgba(117,100,245,.25),transparent 30%),linear-gradient(145deg,#10162a,#1c2444 70%,#202750);color:white}.brand{display:inline-flex;align-items:center;gap:10px;font-size:17px;font-weight:750;letter-spacing:-.02em}.brand-mark{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:linear-gradient(135deg,#7968f2,#9d78f0);color:white;box-shadow:0 7px 20px rgba(109,92,231,.35)}.brand-light,.login-copy{position:relative;z-index:2}.login-copy{max-width:580px;margin:auto 0;padding:70px 0}.login-copy h1{font-size:clamp(48px,5vw,75px);line-height:.98;letter-spacing:-.055em;margin:20px 0 26px;font-weight:770}.login-copy>p{max-width:570px;color:#c4cae2;font-size:18px;line-height:1.65}.eyebrow{display:block;color:var(--purple);font-size:11px;font-weight:800;letter-spacing:.14em;margin-bottom:9px}.eyebrow-dark{color:#b7adff}.login-benefits{display:flex;flex-wrap:wrap;gap:11px 24px;margin-top:35px;color:#e4e6f2;font-size:13px}.login-benefits span{display:inline-flex;gap:8px;align-items:center}.login-benefits svg{color:#9d91ff}.login-orbit{position:absolute;border:1px solid rgba(255,255,255,.08);border-radius:50%}.login-orbit-one{width:430px;height:430px;right:-120px;bottom:-130px}.login-orbit-two{width:620px;height:620px;right:-230px;bottom:-220px}.login-panel{display:grid;place-items:center;padding:50px;position:relative}.login-card{width:min(430px,100%)}.login-icon{width:52px;height:52px;display:grid;place-items:center;background:var(--purple-soft);color:var(--purple);border-radius:15px;margin-bottom:25px}.kicker{color:var(--purple);font-size:11px;letter-spacing:.14em;font-weight:800;margin:0 0 10px}.login-card h2{margin:0;font-size:31px;letter-spacing:-.035em}.login-card>.muted,.muted{color:var(--muted);line-height:1.55;font-size:14px}.google-button{width:100%;height:52px;border-radius:10px;border:1px solid #d8dce6;background:white;display:flex;align-items:center;justify-content:center;gap:13px;padding:0 16px;font-weight:700;margin-top:26px;cursor:pointer;box-shadow:0 3px 9px rgba(20,30,50,.05);transition:.18s ease}.google-button:hover:not(:disabled){border-color:var(--purple);transform:translateY(-1px);box-shadow:0 7px 20px rgba(66,56,135,.1)}.google-button svg{margin-left:auto}.google-button:disabled{cursor:not-allowed;opacity:.55}.google-g{color:#4285f4;font-size:19px;font-family:Arial,sans-serif}.setup-notice{display:flex;gap:10px;align-items:flex-start;background:#fff8ea;border:1px solid #f2dfb2;color:#7c5a1d;font-size:12px;line-height:1.45;border-radius:10px;padding:12px;margin-top:13px}.setup-notice svg{flex:0 0 auto}.login-security{display:flex;gap:8px;align-items:center;justify-content:center;color:#8a92a3;font-size:11px;padding-top:25px}.login-footer{position:absolute;bottom:27px;color:#9097a7;font-size:11px}.app-layout{min-height:100vh;display:grid;grid-template-columns:252px minmax(0,1fr)}.sidebar{position:fixed;inset:0 auto 0 0;width:252px;z-index:50;background:var(--navy);color:#d8dcec;padding:20px 14px 16px;display:flex;flex-direction:column}.sidebar-head{display:flex;align-items:center;justify-content:space-between;padding:0 8px 18px}.sidebar-close{display:none!important;color:#b8bed3!important}.workspace-switcher{display:grid;grid-template-columns:34px 1fr auto;align-items:center;grid-gap:10px;gap:10px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.07);border-radius:10px;padding:10px;margin:7px 0 16px}.workspace-logo{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;color:#fff;background:#4c5cd4;font-size:11px;font-weight:800}.workspace-switcher small,.workspace-switcher strong{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.workspace-switcher strong{color:#f7f8fc;font-size:12px}.workspace-switcher small{color:#8e96b0;font-size:10px;margin-top:3px}.main-nav{overflow-y:auto;padding-right:2px}.nav-label{color:#68708a;font-size:9px;font-weight:800;letter-spacing:.16em;padding:4px 11px;margin:5px 0}.nav-label-spaced{margin-top:20px}.main-nav>a{height:42px;display:flex;gap:11px;align-items:center;padding:0 11px;margin:2px 0;border-radius:8px;color:#9fa6be;font-size:13px;font-weight:600;transition:.15s ease}.main-nav>a:hover{background:rgba(255,255,255,.045);color:white}.main-nav>a.active{color:white;background:#2a3152;box-shadow:inset 3px 0 #8b7cf5}.main-nav>a.active svg{color:#a89cf8}.nav-badge{margin-left:auto;color:white;font-size:10px;background:#d95462;min-width:20px;height:20px;display:grid;place-items:center;border-radius:999px}.safety-card{display:flex;gap:9px;align-items:flex-start;padding:12px;margin-top:auto;border:1px solid rgba(79,199,157,.19);background:rgba(25,129,101,.1);border-radius:10px;color:#64d0ad}.safety-card svg{flex:0 0 auto}.safety-card span,.safety-card strong{display:block}.safety-card strong{color:#d8f3ea;font-size:11px}.safety-card span{color:#83a99e;font-size:9px;line-height:1.4;margin-top:3px}.app-main{grid-column:2;min-width:0}.topbar{position:-webkit-sticky;position:sticky;top:0;z-index:30;height:72px;background:rgba(255,255,255,.96);border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr minmax(220px,380px) 1fr;align-items:center;padding:0 32px;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.topbar-title{display:flex;align-items:center;gap:10px}.topbar-title span{display:none;color:#9aa1b1;font-size:9px;text-transform:uppercase;letter-spacing:.1em}.topbar-title h1{font-size:16px;margin:0;letter-spacing:-.01em}.mobile-menu{display:none!important}.global-search{height:38px;display:flex;align-items:center;gap:9px;color:#939bac;background:#f6f7fa;border:1px solid #edf0f4;border-radius:9px;padding:0 11px}.global-search input{min-width:0;width:100%;border:0;outline:0;background:transparent;font-size:12px;color:var(--ink)}.global-search kbd{border:1px solid #dfe2e8;background:white;box-shadow:0 1px 1px #ddd;border-radius:4px;padding:2px 5px;font-size:9px;white-space:nowrap}.topbar-actions{justify-self:end;display:flex;align-items:center;gap:10px}.icon-button{width:34px;height:34px;display:inline-grid;place-items:center;border:0;border-radius:8px;color:#697286;background:transparent;cursor:pointer}.icon-button:hover{background:#f0f1f6;color:var(--ink)}.notification-button{position:relative}.notification-button i{width:6px;height:6px;border-radius:50%;background:#e54a5c;position:absolute;top:7px;right:7px;box-shadow:0 0 0 2px white}.profile-wrap{position:relative}.profile-button{border:0;background:transparent;display:flex;gap:9px;align-items:center;cursor:pointer;border-radius:9px;padding:4px 6px}.profile-button:hover{background:#f5f6f9}.avatar{width:34px;height:34px;flex:0 0 auto;border-radius:9px;display:grid;place-items:center;background:#e8e5ff;color:var(--purple);font-size:11px;font-weight:800}.profile-copy{text-align:left;min-width:100px}.profile-copy small,.profile-copy strong{display:block;max-width:130px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-copy strong{font-size:11px}.profile-copy small{font-size:9px;color:#9aa1b1;margin-top:2px}.profile-menu{position:absolute;right:0;top:calc(100% + 8px);width:230px;background:white;border:1px solid var(--line);border-radius:10px;padding:10px;box-shadow:var(--shadow)}.profile-menu>span{display:block;color:var(--muted);font-size:11px;padding:5px 7px 10px;border-bottom:1px solid var(--line);overflow:hidden;text-overflow:ellipsis}.profile-menu button{display:flex;width:100%;gap:8px;align-items:center;margin-top:6px;padding:8px;border-radius:7px;border:0;background:transparent;color:var(--red);font-size:12px;cursor:pointer}.profile-menu button:hover{background:#fff1f2}.page-content{max-width:1490px;margin:0 auto;padding:31px 34px 60px}.page-header{display:flex;justify-content:space-between;align-items:flex-end;gap:25px;margin:0 0 24px}.page-header h2{font-size:28px;line-height:1.15;letter-spacing:-.035em;margin:0}.page-header p{color:var(--muted);margin:8px 0 0;font-size:13px;line-height:1.5;max-width:680px}.page-actions{display:flex;gap:9px;flex-wrap:wrap}.button{min-height:38px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:8px;padding:0 14px;font-size:12px;font-weight:700;cursor:pointer;white-space:nowrap;transition:.15s ease}.button:hover{transform:translateY(-1px)}.button.primary{background:var(--purple);color:white;box-shadow:0 5px 14px rgba(109,92,231,.2)}.button.primary:hover{background:var(--purple-dark)}.button.secondary{background:white;color:#465066;border-color:#dfe3ea}.button.secondary:hover{border-color:#bfc5d1;box-shadow:0 3px 8px rgba(15,20,40,.04)}.button.danger{background:var(--red);color:white}.button.danger-subtle{color:var(--red);border-color:#f0cfd4;background:#fff5f6}.button.full{width:100%}.demo-notice{display:flex;gap:8px;align-items:center;color:#6b5f3e;background:#fffaec;border:1px solid #f1e5bc;border-radius:9px;padding:9px 12px;font-size:10px;margin:-10px 0 19px}.demo-notice.connected-notice{color:#236b5c;background:#eef9f5;border-color:#cce9df}.status-pill{display:inline-flex;align-items:center;gap:6px;width:max-content;border-radius:999px;padding:4px 8px;font-size:9px;font-weight:750;white-space:nowrap}.status-pill i{width:5px;height:5px;border-radius:50%;background:currentColor}.status-success{color:#147662;background:#e7f6f1}.status-warning{color:#a9621f;background:#fff1dc}.status-danger{color:#bc3e4f;background:#ffeaed}.status-info{color:#4b53bd;background:#e9eaff}.status-neutral{color:#667085;background:#eff1f4}.metrics-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:14px;gap:14px;margin-bottom:18px}.metrics-grid.compact{grid-template-columns:repeat(3,minmax(0,1fr))}.metric-card{display:flex;gap:13px;align-items:center;background:white;border:1px solid var(--line);box-shadow:0 2px 8px rgba(25,34,57,.025);border-radius:12px;padding:16px;min-width:0}.metric-icon{width:39px;height:39px;flex:0 0 auto;display:grid;place-items:center;border-radius:10px}.metric-purple{background:#eeebff;color:var(--purple)}.metric-orange{background:#fff0df;color:var(--orange)}.metric-blue{background:#e7f1ff;color:#3977c4}.metric-green{background:#e6f6f1;color:var(--green)}.metric-card small,.metric-card span,.metric-card strong{display:block}.metric-card span{color:#778095;font-size:9px;text-transform:uppercase;font-weight:800;letter-spacing:.06em}.metric-card strong{font-size:22px;margin:2px 0 1px;letter-spacing:-.03em}.metric-card small{color:#9aa1af;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.panel{background:white;border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 2px 10px rgba(25,34,57,.025)}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 19px;border-bottom:1px solid #edf0f4}.panel-head h3{margin:0;font-size:14px}.panel-head p{margin:4px 0 0;font-size:10px;color:var(--muted)}.panel-head>a{display:inline-flex;align-items:center;gap:5px;color:var(--purple);font-size:10px;font-weight:750}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(330px,.8fr);grid-gap:18px;gap:18px;margin-bottom:18px}.approval-list{padding:0 19px}.approval-row{display:flex;gap:12px;align-items:center;padding:14px 0;border-bottom:1px solid #eef0f3}.approval-row:last-child{border:0}.channel-icon{width:38px;height:38px;flex:0 0 auto;display:grid;place-items:center;border-radius:10px;color:#6b5bd5;background:#efecff}.channel-icon.instagram{background:#fff0f4;color:#c33d68}.channel-icon.meta{background:#eaf2ff;color:#3477ca}.approval-main{min-width:0;flex:1 1;display:flex;align-items:center;justify-content:space-between;gap:10px}.approval-main span,.approval-main strong{display:block}.approval-main strong{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.approval-main span{color:#8c94a5;font-size:9px;margin-top:4px}.approval-meta{display:flex;align-items:center;gap:11px}.approval-meta b{font-size:10px}.timeline{padding:10px 18px 14px}.timeline-item{display:grid;grid-template-columns:43px 10px 1fr auto;grid-gap:8px;gap:8px;align-items:start;min-height:54px;position:relative}.timeline-item time{font-size:9px;color:#929aab;padding-top:2px}.timeline-item>i{position:relative;width:8px;height:8px;border-radius:50%;border:2px solid #b5bbc7;background:white}.timeline-item>i:after{content:"";position:absolute;width:1px;height:39px;background:#e5e7ed;top:7px;left:2px}.timeline-item:last-child>i:after{display:none}.timeline-item span,.timeline-item strong{display:block}.timeline-item strong{font-size:10px}.timeline-item span{color:#929aab;font-size:9px;margin-top:3px}.timeline-item.done>i{background:var(--green);border-color:var(--green)}.timeline-item.done>svg{color:var(--green)}.timeline-item.current>i{background:var(--orange);border-color:var(--orange);box-shadow:0 0 0 4px #fff0df}.timeline-item.current>svg{color:var(--orange)}.quick-start{padding-bottom:18px}.quick-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:11px;gap:11px;padding:18px 19px 0}.quick-grid>*{border:1px solid var(--line);background:white;border-radius:10px;display:grid;grid-template-columns:36px 1fr auto;grid-gap:10px;gap:10px;align-items:center;text-align:left;padding:12px;cursor:pointer}.quick-grid>:hover{border-color:#c9c2fa;background:#fcfbff}.quick-grid>*>span{width:36px;height:36px;display:grid;place-items:center;color:var(--purple);background:var(--purple-soft);border-radius:9px}.quick-grid small,.quick-grid strong{display:block}.quick-grid strong{font-size:10px}.quick-grid small{color:#969dac;font-size:9px;margin-top:3px}.quick-grid>*>svg{color:#b4bac7}.table-toolbar,.toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:15px 0}.table-toolbar{padding:14px 17px;margin:0;border-bottom:1px solid var(--line)}.table-toolbar>div{display:flex;gap:8px}.table-search{width:min(330px,100%);height:38px;display:flex;gap:9px;align-items:center;border:1px solid #dfe3e9;border-radius:8px;background:white;padding:0 11px;color:#939bac}.table-search input{width:100%;min-width:0;border:0;outline:0;font-size:11px}.projects-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:15px;gap:15px}.new-project-card,.project-card{min-height:230px;border:1px solid var(--line);background:white;border-radius:13px;padding:18px;text-align:left}.new-project-card{border-style:dashed;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;color:#727b8e}.new-project-card:hover{background:#fcfbff;border-color:var(--purple);color:var(--purple)}.new-project-card>span{width:43px;height:43px;display:grid;place-items:center;border-radius:12px;background:#f1efff;color:var(--purple);margin-bottom:12px}.new-project-card strong{font-size:12px}.new-project-card small{font-size:9px;margin-top:5px}.project-card{display:flex;flex-direction:column;box-shadow:0 3px 12px rgba(20,30,50,.025);transition:.18s ease}.project-card:hover{transform:translateY(-2px);border-color:#d2ccf6;box-shadow:var(--shadow)}.project-card-head{display:flex;gap:9px;align-items:center}.project-card-head .status-pill{margin-left:auto}.project-monogram{width:39px;height:39px;display:grid;place-items:center;border-radius:10px;color:white;font-size:11px;font-weight:850;box-shadow:inset 0 0 0 1px rgba(255,255,255,.15)}.project-monogram.large{width:58px;height:58px;border-radius:14px;font-size:15px}.project-card h3{margin:16px 0 5px;font-size:15px}.project-card>p{color:var(--muted);font-size:10px;line-height:1.5;margin:0;min-height:31px}.project-stats{display:flex;align-items:center;gap:17px;padding:13px 0;margin-top:auto}.project-stats span{display:inline-flex;gap:5px;align-items:center;color:#788095;font-size:9px}.project-card footer{border-top:1px solid var(--line);padding-top:12px;display:flex;justify-content:space-between;gap:10px;font-size:9px}.project-card footer span{color:#9299a8}.project-card footer strong{font-size:9px}.backline{margin-bottom:11px}.backline a{display:inline-flex;align-items:center;gap:3px;color:var(--muted);font-size:10px}.project-overview{display:grid;grid-template-columns:minmax(0,1fr) 310px;grid-gap:16px;gap:16px;margin-bottom:16px}.project-hero{padding:20px}.project-hero-top{display:flex;gap:15px;align-items:center}.project-hero-top h3{margin:7px 0 3px;font-size:15px}.project-hero-top p{color:var(--muted);font-size:10px;margin:0}.health-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:24px;background:#f8f8fb;border-radius:10px}.health-grid>div{padding:14px;border-right:1px solid #e8eaf0}.health-grid>div:last-child{border:0}.health-grid small,.health-grid span,.health-grid strong{display:block}.health-grid span{color:var(--muted);font-size:9px}.health-grid strong{font-size:19px;margin:3px 0}.health-grid small{color:#9aa1af;font-size:8px}.next-step{padding:20px}.next-step>svg{color:var(--purple)}.next-step h3{margin:13px 0 7px;font-size:14px}.next-step p{color:var(--muted);font-size:10px;line-height:1.55;margin:0 0 20px}.flow-steps{display:flex;align-items:center;padding:24px 20px}.flow-steps>i{height:1px;flex:1 1;background:#dfe2e9;min-width:20px}.flow-step{display:flex;gap:9px;align-items:center}.flow-step>span{width:29px;height:29px;display:grid;place-items:center;flex:0 0 auto;border:1px solid #dfe2e9;color:#979dad;border-radius:50%;font-size:10px;font-weight:800}.flow-step small,.flow-step strong{display:block;white-space:nowrap}.flow-step strong{font-size:9px}.flow-step small{color:#9aa1af;font-size:8px;margin-top:2px}.flow-step.done>span{background:var(--green);border-color:var(--green);color:white}.flow-step.current>span{color:var(--purple);border-color:var(--purple);box-shadow:0 0 0 4px var(--purple-soft)}.vault-banner{display:flex;align-items:center;gap:14px;padding:15px;border:1px solid #d7e9e4;border-radius:12px;background:#f3fbf8;margin-bottom:16px}.vault-icon{width:41px;height:41px;flex:0 0 auto;display:grid;place-items:center;color:var(--green);background:#dff4ed;border-radius:10px}.vault-banner>div:nth-child(2){min-width:0;flex:1 1}.vault-banner strong{font-size:11px}.vault-banner p{color:#627b73;font-size:9px;line-height:1.5;margin:3px 0 0}.integration-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:14px;gap:14px}.integration-card{display:grid;grid-template-columns:44px 1fr auto;grid-gap:12px;gap:12px;align-items:center;background:white;border:1px solid var(--line);border-radius:12px;padding:16px}.provider-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:11px}.provider-icon.instagram{color:#bd386b;background:#fff0f5}.provider-icon.meta{color:#246cc3;background:#eaf2ff}.provider-icon.google{color:#4e68ba;background:#edf0ff}.provider-icon.youtube{color:#da3945;background:#fff0f1}.provider-icon.website{color:#6d5ce7;background:#eeebff}.provider-icon.email{color:#b56a24;background:#fff1df}.integration-copy h3{font-size:12px;margin:0}.integration-copy p{color:var(--muted);font-size:9px;margin:4px 0 0}.integration-card .button{grid-column:1/-1;margin-top:5px}.approval-rule,.safe-inline,.secret-warning{display:flex;gap:10px;align-items:flex-start;padding:11px;border-radius:9px;background:#f3f1ff;color:#5a4cba}.approval-rule svg,.safe-inline svg,.secret-warning svg{flex:0 0 auto}.approval-rule span,.approval-rule strong,.secret-warning span,.secret-warning strong{display:block}.approval-rule strong,.secret-warning strong{font-size:10px}.approval-rule span,.secret-warning span{font-size:9px;margin-top:3px;line-height:1.4;color:#786fa9}.safe-inline{color:#267766;background:#eff9f6;font-size:9px}.segmented{width:max-content;max-width:100%;display:flex;padding:3px;gap:2px;background:#e9ebf0;border-radius:9px;margin:0 0 14px;overflow-x:auto}.segmented button{min-height:31px;display:flex;gap:7px;align-items:center;padding:0 12px;border:0;border-radius:7px;background:transparent;color:#7d8597;font-size:10px;font-weight:700;cursor:pointer;white-space:nowrap}.segmented button.active{color:var(--ink);background:white;box-shadow:0 2px 5px rgba(20,30,50,.1)}.segmented b{min-width:17px;height:17px;display:grid;place-items:center;border-radius:999px;font-size:8px;background:#dddfe6}.segmented .active b{color:var(--purple);background:var(--purple-soft)}.segmented.small{margin:0}.segmented.small button{min-height:28px;padding:0 10px}.table-panel{overflow:hidden}.responsive-table{overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:820px}th{color:#8790a1;background:#fafbfc;font-size:8px;text-transform:uppercase;letter-spacing:.07em;text-align:left;padding:10px 16px}td,th{white-space:nowrap}td{border-top:1px solid #edf0f3;padding:12px 16px;font-size:10px;color:#566075}td code{font-size:9px;color:#666e80}.table-title{display:flex;gap:9px;align-items:center}.stacked-cell span,.stacked-cell strong,.table-title small,.table-title strong{display:block}.stacked-cell strong,.table-title strong{color:var(--ink);font-size:10px}.stacked-cell span,.table-title small{color:#939bac;font-size:8px;margin-top:3px}.task-icon{width:30px;height:30px;display:grid;place-items:center;color:var(--purple);background:var(--purple-soft);border-radius:8px}.schedule-cell{display:inline-flex;gap:5px;align-items:center}.event-code{color:#5547b4!important;background:#f0eeff;border-radius:4px;padding:3px 5px}.calendar-controls{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.calendar-controls>div{display:flex;align-items:center;gap:6px}.calendar-controls h3{font-size:13px;margin:0 0 0 8px}.calendar{display:grid;grid-template-columns:repeat(7,minmax(95px,1fr));overflow-x:auto}.weekday{background:#fafbfc;color:#929aaa;font-size:8px;font-weight:800;padding:10px;border-bottom:1px solid var(--line)}.calendar-day{min-height:105px;padding:8px;border-right:1px solid #eceef2;border-bottom:1px solid #eceef2}.calendar-day:nth-child(7n){border-right:0}.calendar-day>span{width:23px;height:23px;display:grid;place-items:center;font-size:9px;font-weight:700;border-radius:50%}.calendar-day.today>span{background:var(--purple);color:white}.muted-day{background:#fafbfc;color:#c0c4ce}.calendar-event{margin-top:5px;padding:5px 6px;border-left:2px solid;border-radius:4px;font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.calendar-event b{font-size:7px;margin-right:3px}.event-purple{color:#5648b9;background:#efedff;border-color:#7766e6}.event-green{color:#287665;background:#e8f7f2;border-color:#2d9d83}.event-orange{color:#9f5e22;background:#fff1df;border-color:#dc812e}.event-red{color:#b44050;background:#ffecef;border-color:#da5363}.event-blue{color:#3a69a3;background:#eaf3ff;border-color:#4e87ca}.approval-summary{display:flex;justify-content:space-between;align-items:center;gap:20px;border:1px solid #f0d8b8;background:#fff8ee;border-radius:11px;padding:13px 16px;margin-bottom:14px;color:#9b5d20}.approval-summary>div{display:flex;gap:10px;align-items:center}.approval-summary small,.approval-summary strong{display:block}.approval-summary strong{font-size:11px}.approval-summary small{color:#a47d55;font-size:9px;margin-top:2px}.approval-summary>span{font-size:9px}.approval-cards{display:grid;grid-gap:12px;gap:12px}.approval-card{display:grid;grid-template-columns:minmax(0,1fr) 160px;background:white;border:1px solid var(--line);border-radius:12px;overflow:hidden}.approval-card-top{display:grid;grid-template-columns:38px 1fr auto;align-items:start;grid-gap:11px;gap:11px;padding:16px}.approval-card-top>div:nth-child(2){min-width:0}.approval-card-top small,.approval-card-top span{color:#9299a9;font-size:8px}.approval-card-top h3{margin:5px 0;font-size:12px}.approval-cost{grid-column:2;grid-row:1;border-left:1px solid var(--line);padding:16px;display:flex;flex-direction:column;justify-content:center}.approval-cost small,.approval-cost span,.approval-cost strong{display:block}.approval-cost span{color:#8e96a6;font-size:8px}.approval-cost strong{font-size:14px;margin:3px 0}.approval-cost small{color:#a5aab5;font-size:8px}.approval-card footer{grid-column:1/-1;display:flex;justify-content:flex-end;gap:8px;padding:10px 16px;border-top:1px solid var(--line);background:#fcfcfd}.review-layout{display:grid;grid-template-columns:minmax(0,1fr) 245px}.review-main{padding:20px;border-right:1px solid var(--line)}.review-main>h3{font-size:17px;margin:0 0 16px}.payload-box{border:1px solid #dee1e7;border-radius:9px;overflow:hidden;margin-bottom:15px}.payload-box>div{height:38px;padding:0 11px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e6e8ed;background:#f9fafb;font-size:9px}.payload-box pre{margin:0;padding:14px;max-height:260px;overflow:auto;background:#151a29;color:#dce2f4;font-size:9px;line-height:1.6}.review-aside{padding:20px;background:#fafbfc}.review-aside h4{margin:0 0 14px;font-size:11px}.review-aside dl{margin:0}.review-aside dl>div{padding:10px 0;border-bottom:1px solid var(--line)}.review-aside dt{color:#929aaa;font-size:8px}.review-aside dd{margin:4px 0 0;font-size:10px;font-weight:700}.review-aside .approval-rule{margin-top:16px}.settings-layout{display:grid;grid-template-columns:210px minmax(0,1fr);grid-gap:17px;gap:17px}.settings-nav{display:flex;flex-direction:column;gap:3px}.settings-nav button{width:100%;min-height:39px;display:flex;align-items:center;gap:9px;border:0;border-radius:8px;background:transparent;color:#778094;font-size:10px;font-weight:650;cursor:pointer;text-align:left;padding:0 11px}.settings-nav button.active{color:var(--purple);background:#eceaff}.settings-content{display:grid;grid-gap:13px;gap:13px}.settings-section{overflow:hidden}.people-list{padding:0 18px}.person-row{min-height:66px;display:flex;gap:11px;align-items:center;border-bottom:1px solid var(--line)}.person-row:last-child{border:0}.person-row>div:nth-child(2){flex:1 1}.person-row small,.person-row strong{display:block}.person-row strong{font-size:10px}.person-row small{color:#9098a8;font-size:9px;margin-top:3px}.avatar.empty{border:1px dashed #cbd0da;color:#a5abb8;background:#f6f7f9}.empty-person{opacity:.68}.you-label{color:#9aa1af;font-size:9px}.setting-toggle{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:14px 18px;border-bottom:1px solid var(--line)}.setting-toggle:last-child{border:0}.setting-toggle span,.setting-toggle strong{display:block}.setting-toggle strong{font-size:10px}.setting-toggle span{color:#8f97a7;font-size:9px;margin-top:3px}.switch{width:35px;height:20px;flex:0 0 auto;position:relative;border:0;border-radius:999px;padding:2px;cursor:pointer}.switch i{display:block;width:16px;height:16px;background:white;border-radius:50%;box-shadow:0 1px 3px rgba(0,0,0,.22);transition:.2s ease}.switch.on{background:var(--green)}.switch.on i{transform:translateX(15px)}.switch.locked{opacity:.65;cursor:not-allowed}.danger-zone{display:flex;gap:13px;align-items:center;padding:17px;border-color:#f0d4d8}.danger-zone>svg{color:var(--red)}.danger-zone>div{flex:1 1}.danger-zone h3{font-size:11px;margin:0}.danger-zone p{color:var(--muted);font-size:9px;margin:3px 0 0}.empty-state{text-align:center;background:white;border:1px solid var(--line);border-radius:13px;padding:52px 20px}.empty-icon{width:48px;height:48px;display:grid;place-items:center;color:#7e70df;background:var(--purple-soft);border-radius:14px;margin:auto}.empty-state h3{font-size:13px;margin:14px 0 5px}.empty-state p{color:var(--muted);font-size:10px;margin:0 0 15px}.toast{position:fixed;z-index:90;right:24px;bottom:24px;max-width:430px;display:flex;gap:10px;align-items:center;background:#151c2f;color:white;border-radius:10px;box-shadow:0 15px 45px rgba(10,15,30,.25);padding:12px 13px;font-size:10px;animation:toast-in .2s ease-out}.toast>svg{color:#55c5a3;flex:0 0 auto}.toast span{flex:1 1}.toast button{border:0;background:transparent;color:#8f98ad;cursor:pointer}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}}.modal-backdrop{position:fixed;z-index:100;inset:0;padding:20px;display:grid;place-items:center;background:rgba(10,15,30,.55);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.modal-card{width:min(500px,100%);max-height:calc(100vh - 40px);overflow-y:auto;background:white;border-radius:14px;box-shadow:0 24px 80px rgba(10,15,30,.32);animation:modal-in .18s ease-out}.modal-card.modal-wide{width:min(850px,100%)}@keyframes modal-in{0%{opacity:0;transform:translateY(8px) scale(.985)}}.modal-card>header{display:flex;justify-content:space-between;gap:15px;padding:17px 19px;border-bottom:1px solid var(--line)}.modal-card>header h3{font-size:15px;margin:0}.modal-card>header p{color:var(--muted);font-size:9px;margin:4px 0 0}.form-stack{display:grid;grid-gap:15px;gap:15px;padding:19px}.form-stack label,.review-main>label{color:#515b6f;font-size:9px;font-weight:700}.form-stack .checkbox-line{display:flex;align-items:center;gap:8px;padding:2px 0;font-size:10px}.form-stack .checkbox-line input{width:15px;height:15px;margin:0;accent-color:var(--purple)}.form-stack label>span,.review-main>label span{color:#9aa1af;font-weight:500}.form-stack input,.form-stack select,.form-stack textarea,.review-main textarea{width:100%;border:1px solid #dfe2e9;border-radius:8px;outline:0;padding:10px 11px;margin-top:6px;color:var(--ink);font-size:11px;background:white}.form-stack input:focus,.form-stack select:focus,.form-stack textarea:focus,.review-main textarea:focus{border-color:var(--purple);box-shadow:0 0 0 3px var(--purple-soft)}.form-stack textarea,.review-main textarea{resize:vertical;line-height:1.45}.form-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:11px;gap:11px}.modal-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;border-top:1px solid var(--line);margin:1px -19px -19px;padding:13px 19px;background:#fafbfc}.modal-card>.modal-actions{margin:0}.modal-actions.spread{justify-content:space-between}.modal-actions>div{display:flex;gap:8px}@media (max-width:1150px){.integration-grid,.metrics-grid,.projects-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid,.project-overview{grid-template-columns:1fr}.next-step{display:grid;grid-template-columns:auto 1fr auto;align-items:center;grid-gap:13px;gap:13px}.next-step h3,.next-step p{grid-column:2;margin:0}.next-step .button{grid-column:3;grid-row:1/3}.flow-step small{display:none}.topbar{grid-template-columns:1fr minmax(200px,310px) 1fr}}@media (max-width:900px){.login-shell{grid-template-columns:1fr}.login-visual{min-height:47vh;padding:28px 35px}.login-copy{padding:60px 0 35px}.login-copy h1{font-size:46px}.login-panel{padding:55px 25px 75px}.app-layout{display:block}.sidebar{transform:translateX(-105%);box-shadow:15px 0 45px rgba(8,13,25,.22);transition:transform .22s ease}.sidebar.sidebar-open{transform:translateX(0)}.mobile-menu,.sidebar-close{display:inline-grid!important}.sidebar-scrim{display:block;position:fixed;z-index:45;inset:0;border:0;background:rgba(12,16,27,.45)}.app-main{width:100%}.topbar{grid-template-columns:1fr auto;padding:0 20px}.global-search{display:none}.page-content{padding:27px 21px 50px}.profile-copy{display:none}.integration-grid,.projects-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.settings-layout{grid-template-columns:1fr}.settings-nav{flex-direction:row;overflow-x:auto}.settings-nav button{width:auto;white-space:nowrap}.review-layout{grid-template-columns:1fr}.review-main{border-right:0;border-bottom:1px solid var(--line)}}@media (max-width:650px){.page-header{align-items:flex-start;flex-direction:column;margin-bottom:20px}.page-header h2{font-size:23px}.page-actions{width:100%}.page-actions .button{flex:1 1}.integration-grid,.metrics-grid,.metrics-grid.compact,.projects-grid,.quick-grid{grid-template-columns:1fr}.metrics-grid{gap:9px}.metric-card{padding:13px}.approval-main{align-items:flex-start;flex-direction:column}.approval-meta{width:100%;justify-content:space-between}.quick-grid{padding:14px}.table-toolbar,.toolbar{align-items:stretch;flex-direction:column}.table-search{width:100%}.new-project-card,.project-card{min-height:200px}.health-grid{grid-template-columns:repeat(2,1fr)}.health-grid>div:nth-child(2){border-right:0}.health-grid>div:nth-child(-n+2){border-bottom:1px solid #e8eaf0}.next-step{display:block}.next-step h3{margin:12px 0 6px}.next-step p{margin-bottom:15px}.flow-steps{flex-direction:column;align-items:flex-start;gap:10px}.flow-steps>i{width:1px;height:12px;min-width:0;flex:none;margin-left:14px}.flow-step small{display:block}.vault-banner{align-items:flex-start;flex-wrap:wrap}.vault-banner .status-pill{margin-left:55px}.calendar-controls{gap:10px}.approval-summary,.calendar-controls{align-items:flex-start;flex-direction:column}.approval-card{grid-template-columns:1fr}.approval-cost{grid-column:1;grid-row:2;border-left:0;border-top:1px solid var(--line)}.approval-card footer{flex-wrap:wrap}.approval-card footer .button:first-child{width:100%}.approval-card-top{grid-template-columns:38px 1fr}.approval-card-top .status-pill{grid-column:2}.form-row{grid-template-columns:1fr}.modal-actions.spread{align-items:stretch;flex-direction:column-reverse}.modal-actions.spread>div{display:grid;grid-template-columns:1fr 1fr}.danger-zone{align-items:flex-start;flex-wrap:wrap}.danger-zone .button{margin-left:34px}.profile-button>svg{display:none}.topbar{padding:0 14px}.page-content{padding-left:14px;padding-right:14px}.toast{left:14px;right:14px;bottom:14px}}@media (prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}