:root{--ink:#1b2334;--muted:#828a9d;--line:#e7e9ef;--body:#f6f7fa;--dark:#121726;--purple:#5943d8;--violet:#765bf1;--glow:#f0ecff;--radius:17px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,'Segoe UI',Arial,sans-serif;color:var(--ink);background:var(--body);font-size:14px;-webkit-font-smoothing:antialiased}a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}button{cursor:pointer}input,select,textarea{outline:none;color:var(--ink)}.shell{display:flex;min-height:100vh}.sidebar{width:244px;background:var(--dark);color:#d7d9e5;display:flex;flex-direction:column;position:fixed;inset:0 auto 0 0;z-index:20;padding:25px 14px 16px}.brand{display:flex;align-items:center;gap:11px;padding:2px 15px 28px}.brand-mark{font-size:34px;font-weight:900;letter-spacing:-3px;color:white;line-height:1}.brand-mark span{color:#9f86ff}.brand strong{color:white;display:block;font-size:13px;letter-spacing:3px;font-weight:800}.brand small{display:block;font-size:8px;letter-spacing:2.2px;color:#8d94ac;margin-top:5px;font-weight:800}.workspace{margin:2px 4px 17px;padding:16px;border-radius:12px;background:#242a3d;display:grid;gap:5px}.workspace small,.nav-label{color:#8790a6;letter-spacing:1.2px;font-size:9px;font-weight:800}.workspace strong{color:#fff;font-size:13px}.workspace span{font-size:11px;color:#9aa2b8}.sidebar nav{flex:1;overflow:auto;padding-right:3px}.sidebar nav a{display:flex;gap:13px;align-items:center;color:#aab1c4;border-radius:9px;padding:10px 13px;margin:2px 0;font-size:12px;font-weight:600;transition:.15s}.sidebar nav a span{width:18px;font-size:17px;text-align:center}.sidebar nav a:hover,.sidebar nav a.active{background:#302c56;color:#fff}.sidebar nav a.active{box-shadow:inset 3px 0 #a18bff}.nav-label{margin:19px 13px 8px}.sidebar-bottom{display:flex;gap:9px;align-items:center;margin-top:12px;padding:14px 8px 4px;border-top:1px solid #34394c;min-width:0}.avatar{height:33px;width:33px;border-radius:10px;background:#5142b4;display:grid;place-items:center;color:#fff;font-weight:800;flex-shrink:0}.who{min-width:0;flex:1}.who b,.who small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.who b{font-size:10px}.who small{font-size:10px;color:#9ea4b9;margin-top:3px}.logout{background:none;border:0;color:#a7aec5;font-size:20px}.main{margin-left:244px;width:calc(100% - 244px);min-width:0}.topbar{height:72px;display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid var(--line);padding:0 34px}.breadcrumbs{font-size:11px;font-weight:800;letter-spacing:.8px;color:#9199aa}.breadcrumbs span{margin:0 10px;color:#c4c8d3}.org-select{margin-left:auto}.org-select select{min-width:185px;border:1px solid #dddfe8;border-radius:9px;padding:10px 13px;background:#fff;font-weight:700}.role-pill{font-size:10px;font-weight:800;color:#6955d8;background:#eeeafd;padding:8px 12px;border-radius:99px}.content{max-width:1450px;margin:auto;padding:35px 40px 75px}.heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin:0 0 29px}.heading h1{font-size:38px;line-height:1.08;margin:6px 0 11px;font-weight:820;letter-spacing:-1.5px}.dot{color:#735bef}.heading p{margin:0}.eyebrow{font-size:10px!important;letter-spacing:2px!important;font-weight:850!important;color:#6953db!important;margin:0 0 7px!important}.muted{color:var(--muted);line-height:1.6;font-size:13px}.btn{border:0;border-radius:9px;padding:12px 17px;font-size:12px;font-weight:800;display:inline-flex;justify-content:center;align-items:center;gap:8px;white-space:nowrap;transition:.15s}.btn:hover{transform:translateY(-1px);filter:brightness(.98)}.btn-primary{background:#6549df;color:#fff}.btn-secondary{background:#ece8ff;color:#5844c4}.btn-outline{background:#fff;color:#5d4bc6;border:1px solid #d9d4f7}.btn-light{background:#fff;color:#34266d}.btn-wide{width:100%}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:0 0 22px}.metric{border:1px solid var(--line);background:#fff;padding:22px;border-radius:15px;min-height:144px;display:flex;flex-direction:column}.metric span{color:#6c7488;font-size:12px;font-weight:650}.metric strong{font-size:35px;letter-spacing:-1px;margin:14px 0 5px}.metric small{font-size:11px;color:#9ba2af}.two-columns{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.panel{border:1px solid var(--line);border-radius:16px;background:#fff;overflow:hidden;margin-bottom:20px}.two-columns .panel{margin-bottom:0}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:22px 24px;border-bottom:1px solid var(--line)}.panel-head h2,.panel h2{font-size:16px;letter-spacing:-.3px;margin:0 0 6px}.panel-head p{font-size:12px;color:#969daf;margin:0}.textlink{font-size:11px;font-weight:800;color:#6550db;white-space:nowrap}.rows,.campaign-list{display:block}.listrow{display:flex;align-items:center;gap:12px;padding:17px 22px;border-bottom:1px solid #eff0f5;min-height:70px}.listrow:last-child,.ticket-row:last-child{border-bottom:0}.listrow:hover,.campaign-row:hover{background:#fafaff}.listrow b{font-size:12px}.listrow small{display:block;font-size:11px;color:#99a0ad;margin-top:5px}.grow{flex:1;min-width:0}.tile-icon{display:grid;place-items:center;flex-shrink:0;width:38px;height:38px;border-radius:10px;font-size:18px;font-weight:800}.purple{background:#f0ebff;color:#6246d6}.blue{background:#e9f3ff;color:#467dc2}.peach{background:#fff1e8;color:#cf8156}.status{display:inline-flex;align-items:center;gap:5px;white-space:nowrap;font-size:10px;font-weight:760;color:#5d6374;background:#f0f1f5;border-radius:99px;padding:7px 10px;text-transform:capitalize}.status-awaiting_client{background:#fff2d9;color:#9a6910}.status-client_approved,.status-published,.status-approved_manual{background:#e2f8ec;color:#18764c}.status-changes_requested,.status-rejected,.status-failed{background:#ffe8e9;color:#a23c46}.status-queued{background:#e9edff;color:#525ac4}.chev{font-size:21px;color:#afb1c2}.empty{padding:55px 20px;text-align:center}.empty h2{font-size:17px;margin:10px 0}.empty p{font-size:13px;color:#969aaa;max-width:390px;margin:8px auto;line-height:1.6}.empty.mini{padding:36px 20px}.empty-art{font-size:50px;color:#7657df}.highlight-panel{background:linear-gradient(130deg,#5540ba,#342779 65%,#25194d);color:#fff;padding:33px;display:flex;align-items:flex-start;flex-direction:column}.highlight-panel .eyebrow{color:#c7baff!important}.highlight-panel h2{font-size:30px;letter-spacing:-1px;line-height:1.1;margin:10px 0}.highlight-panel p:not(.eyebrow){color:#ddd4fd;line-height:1.6;font-size:13px;max-width:400px}.highlight-panel .btn{margin-top:auto}.toast{padding:14px 17px;border-radius:10px;background:#edf0ff;color:#3e4c99;font-weight:600;margin-bottom:22px;border:1px solid #dfe4ff}.toast.success{background:#e9faef;color:#218052;border-color:#d7eedf}.toast.error,.error-box{background:#fff0f1;color:#ad353f;border:1px solid #ffd4d6}.error-box{padding:12px;border-radius:9px;font-size:12px;overflow-wrap:anywhere}.ai-banner{display:flex;align-items:center;gap:24px;padding:24px 28px;background:linear-gradient(110deg,#30245e,#6543bc);color:#fff;border-radius:16px;margin-bottom:22px;box-shadow:0 8px 20px #6651af20}.ai-banner .eyebrow{color:#bcb0ff!important}.ai-banner h2{font-size:20px;letter-spacing:-.5px;margin:5px 0 8px}.ai-banner p:not(.eyebrow){color:#cfc6ef;font-size:12px;line-height:1.5;margin:0}.ai-icon{width:62px;height:62px;display:grid;place-items:center;background:#fff2;border:1px solid #ffffff32;border-radius:16px;font-size:29px}.campaign-row{display:flex;align-items:center;gap:17px;padding:21px 24px;border-bottom:1px solid var(--line)}.campaign-row:last-child{border-bottom:0}.campaign-glyph{display:grid;place-items:center;width:49px;height:49px;border-radius:13px;background:#f1ecff;color:#7353e4;font-size:23px}.campaign-row h3{margin:0 0 7px;font-size:14px}.campaign-row p{color:#949ba9;font-size:12px;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.campaign-right{display:grid;gap:6px;justify-items:end}.subtle{font-size:11px;color:#9a9eae}.backlink{color:#6554d1;font-size:12px;font-weight:700;margin:0 0 24px}.campaign-strip{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;background:#fff;border:1px solid var(--line);border-radius:15px;overflow:hidden;margin-bottom:22px}.campaign-strip>div{padding:20px;border-right:1px solid var(--line);min-width:0}.campaign-strip>div:last-child{border:0}.campaign-strip span{display:block;font-size:9px;letter-spacing:1px;color:#9098aa;font-weight:850;margin-bottom:9px}.campaign-strip strong{font-size:12px;display:block;overflow-wrap:anywhere}.campaign-brief{padding:24px;white-space:pre-wrap;line-height:1.65;color:#6b7180}.campaign-brief h2{color:var(--ink)}.section-heading{display:flex;justify-content:space-between;align-items:end;margin:30px 0 18px}.section-heading h2{font-size:21px;margin:4px 0}.item-panel{padding:0;margin-bottom:24px;scroll-margin-top:20px}.item-header{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:20px 24px;border-bottom:1px solid var(--line)}.item-identity{display:flex;align-items:center;gap:14px}.item-identity h3{font-size:15px;margin:4px 0}.item-identity .eyebrow{font-size:9px!important}.item-body{display:grid;grid-template-columns:minmax(250px,42%) 1fr;gap:32px;padding:25px}.item-preview{min-width:0}.social-preview{border:1px solid #e4e6ed;border-radius:12px;overflow:hidden;background:white;max-width:450px;box-shadow:0 8px 22px #15284908}.social-top,.email-head{display:flex;align-items:center;gap:9px;padding:13px 14px}.fake-avatar{border-radius:50%;background:#372863;color:#fff;font-weight:850;width:32px;height:32px;display:grid;place-items:center;font-size:19px}.social-top b,.email-head b{display:block;font-size:12px}.social-top small,.email-head small{font-size:10px;color:#8a8d99;display:block;margin-top:3px}.three-dots{margin-left:auto;font-size:23px;color:#777}.preview-photo{display:block;width:100%;aspect-ratio:1.25/1;object-fit:cover;background:#edeef1}.preview-placeholder{background:#f5f5f8;min-height:160px;display:grid;place-items:center;text-align:center;color:#9b9caa;font-size:12px;padding:15px}.preview-icons{padding:14px 14px 0;font-size:22px}.preview-icons span{float:right}.preview-text{padding:13px 14px 20px;white-space:pre-wrap;line-height:1.5;font-size:12px;overflow-wrap:anywhere}.preview-channel{padding:16px;font-size:12px;font-weight:800;color:#656777}.ad-budget{padding:15px;border-top:1px solid var(--line);background:#faf9ff;font-size:12px}.email-subject{padding:12px 15px;border-top:1px solid var(--line);font-size:14px;font-weight:800}.email-preview iframe{width:100%;height:350px;border:0;border-top:1px solid #eee;background:white}.preview-disclaimer{font-size:10px;color:#a3a9b5;margin:9px 0}.item-controls{min-width:0}.meta-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:18px}.meta-grid>div{background:#f7f8fa;border-radius:9px;padding:14px}.meta-grid small{display:block;color:#9299ab;font-size:9px;letter-spacing:.6px;font-weight:800;margin-bottom:8px}.meta-grid strong{display:block;font-size:12px}.edit-details{border:1px solid var(--line);border-radius:10px;margin:0 0 15px}.edit-details summary{padding:14px;font-weight:800;color:#6655cd;cursor:pointer}.edit-details form{padding:15px;border-top:1px solid var(--line)}.item-controls>form{margin:10px 0}.item-controls>form button{max-width:100%}.approval-actions{display:grid;gap:12px}.approval-actions form{margin:0}.quiet-panel{background:#f5f7fb;padding:16px;border-radius:10px;color:#6c7386;font-size:12px}.comment-area{border-top:1px solid var(--line);margin-top:18px;padding-top:18px}.comment-area h4{margin:0 0 13px;font-size:12px}.comment{border-radius:9px;background:#f7f8fb;padding:12px;margin:10px 0}.comment b{font-size:11px}.comment small{font-size:10px;color:#8e95a6;margin-left:8px}.comment p{font-size:12px;white-space:pre-wrap;line-height:1.45}.calendar-row{display:flex;align-items:center;gap:20px;padding:17px 23px;border-bottom:1px solid var(--line)}.calendar-row:last-child{border:0}.calendar-date{width:57px;height:65px;background:#eeebff;display:grid;place-items:center;border-radius:9px;padding:7px;color:#6250cb}.calendar-date b{font-size:25px;line-height:1}.calendar-date small{font-size:10px;font-weight:800}.calendar-row h3,.ticket-row h3{font-size:13px;margin:0 0 6px}.calendar-row p,.ticket-row p{font-size:12px;color:#9299a6;margin:0;line-height:1.5}.ticket-row{display:flex;align-items:center;gap:15px;padding:20px 23px;border-bottom:1px solid var(--line)}.ticket-row .grow>small{display:block;margin-top:10px;color:#a0a5b2;font-size:10px}.ticket-row select{max-width:140px}.notice{border:1px solid #ded9f7;border-radius:11px;padding:16px 20px;background:#f1eefe;color:#6556a0;font-size:12px;line-height:1.55;margin-bottom:20px}.asset-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.asset-card{background:#fff;border:1px solid var(--line);border-radius:13px;overflow:hidden}.asset-image{height:190px;background:#eeeff5;display:grid;place-items:center}.asset-image img{height:100%;width:100%;object-fit:cover}.asset-image.broken:after{content:'◫  Preview unavailable';color:#9fa6b8;font-size:12px}.asset-info{padding:15px}.asset-info b,.asset-info small{display:block}.asset-info b{font-size:12px}.asset-info small{font-size:11px;color:#939bad;margin-top:7px}.integration-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:22px}.integration-card{padding:23px;border:1px solid var(--line);border-radius:14px;background:#fff}.integration-logo{width:48px;height:48px;background:#f0eeff;border-radius:12px;display:grid;place-items:center;color:#6b58cc;font-size:23px;font-weight:800;margin-bottom:18px}.integration-card h3{font-size:14px;margin:0 0 8px}.integration-card p{line-height:1.5;color:#9298aa;min-height:60px;font-size:12px}.settings-panel{padding:23px}.settings-panel>p{margin:0 0 18px}.small-form{max-width:420px}.settings-panel .listrow{padding:14px 0}.modal{display:none;position:fixed;inset:0;background:#17192d95;z-index:50;align-items:center;justify-content:center;padding:20px;overflow:auto}.modal.show{display:flex}.modal-open{overflow:hidden}.modal-card{background:#fff;border-radius:17px;padding:27px;max-width:590px;width:100%;max-height:90vh;overflow:auto;box-shadow:0 25px 100px #0003}.modal-top{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:15px}.modal-top h2{font-size:20px;margin:0}.close{font-size:24px;color:#8b92a4;background:none;border:0}.stack{display:grid;gap:15px}.stack label{display:grid;gap:7px;color:#535c70;font-size:12px;font-weight:760}.stack input,.stack textarea,.stack select,.ticket-row select,.org-select select{border:1px solid #dde1e9;border-radius:8px;padding:11px 12px;min-width:0;width:100%;background:#fff;font-size:13px}.stack input:focus,.stack textarea:focus,.stack select:focus{border-color:#7964e7;box-shadow:0 0 0 3px #7964e713}.stack textarea{resize:vertical;line-height:1.45}.two-input{display:grid;grid-template-columns:1fr 1fr;gap:13px}.tiny-note{font-size:11px;color:#949aaa;line-height:1.5}.login-body{display:grid;grid-template-columns:1fr 1fr;min-height:100vh;background:#fff}.login-panel{display:flex;flex-direction:column;justify-content:center;padding:8vw;max-width:800px;width:100%;margin:auto}.login-brand{padding:0 0 65px}.login-brand .brand-mark{color:#191b2c}.login-brand strong{color:#161627}.login-panel h1{font-size:43px;line-height:1.16;letter-spacing:-1.8px;margin:8px 0 12px}.login-panel>.muted{margin:0 0 33px;max-width:360px}.login-panel .stack{max-width:410px}.login-foot{font-size:11px;color:#9da1ad;margin-top:30px}.login-art{background:#271d56;position:relative;overflow:hidden;display:flex;align-items:end;padding:7vw;color:#fff}.login-art:before{content:'';position:absolute;inset:-15%;background:radial-gradient(ellipse at 70% 35%,#8064db 0,transparent 48%),radial-gradient(ellipse at 20% 90%,#41209e,transparent 60%)}.login-art-copy{position:relative;z-index:2}.login-art-copy p{font-size:clamp(45px,5vw,87px);font-weight:900;letter-spacing:-4px;line-height:.95;margin:0 0 25px}.login-art-copy span{font-size:17px;color:#dbd2ff}.art-grid{position:absolute;top:10%;right:-20%;width:85%;height:70%;transform:rotate(-18deg);display:grid;grid-template-columns:1fr 1fr;gap:18px;opacity:.3}.art-grid div{border:2px solid white;border-radius:30px;background:#fff1}.menu-button{display:none}.inline-form{display:inline-block;margin-right:8px!important}
@media(max-width:1100px){.metrics{grid-template-columns:repeat(2,1fr)}.integration-grid{grid-template-columns:repeat(2,1fr)}.asset-grid{grid-template-columns:repeat(3,1fr)}.content{padding:28px}.item-body{gap:18px}}
@media(max-width:800px){.sidebar{transform:translateX(-110%);transition:.2s}.mobile-nav .sidebar{transform:none}.main{margin-left:0;width:100%}.menu-button{display:block;background:transparent;border:0;font-size:21px;margin-right:15px}.topbar{padding:0 18px}.content{padding:24px 16px 50px}.two-columns,.item-body{grid-template-columns:1fr}.campaign-strip{grid-template-columns:1fr 1fr}.campaign-strip>div:nth-child(2){border-right:0}.campaign-strip>div:nth-child(-n+2){border-bottom:1px solid var(--line)}.heading h1{font-size:31px}.asset-grid{grid-template-columns:repeat(2,1fr)}.login-body{grid-template-columns:1fr}.login-panel{padding:50px 8vw}.login-art{display:none}.ai-banner{flex-wrap:wrap}.item-body{padding:18px}.item-preview .social-preview{margin:auto}}
@media(max-width:520px){.heading{align-items:flex-start;flex-direction:column;gap:14px}.metrics{gap:8px}.metric{padding:17px;min-height:120px}.metric strong{font-size:29px}.panel-head{padding:18px}.listrow{padding:15px;gap:8px;flex-wrap:wrap}.listrow .status{margin-left:auto}.campaign-row{padding:16px;gap:10px}.campaign-right .subtle{display:none}.campaign-row p{max-width:175px}.two-input{grid-template-columns:1fr}.asset-grid,.integration-grid{grid-template-columns:1fr}.heading h1{font-size:30px}.item-header{padding:15px;flex-wrap:wrap}.item-header .status{margin-left:50px}.meta-grid{grid-template-columns:1fr 1fr}.calendar-row{gap:10px;flex-wrap:wrap}.calendar-row .status{margin-left:auto}.modal-card{padding:20px}}
