:root{--navy:#10213f;--navy-2:#18345f;--blue:#2e6cff;--ink:#172033;--muted:#687286;--line:#dfe4ec;--soft:#f4f6f9;--white:#fff;--green:#087a55;--amber:#9a5b00;--red:#b42318;--radius:14px;--shadow:0 8px 28px #10213f12}*{box-sizing:border-box}html{background:var(--soft)}body{color:var(--ink);background:var(--soft);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;line-height:1.5}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,select{cursor:pointer}h1,h2,p{margin-top:0}h1{letter-spacing:-.035em;margin-bottom:.45rem;font-size:clamp(1.75rem,3vw,2.35rem);line-height:1.1}h2{letter-spacing:-.015em;margin-bottom:.35rem;font-size:1.08rem}.muted{color:var(--muted);margin-bottom:0}.eyebrow{color:var(--blue);letter-spacing:.13em;margin:0 0 .45rem;font-size:.74rem;font-weight:800}.grow{flex:1;min-width:0}.app-shell{grid-template-columns:260px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{color:#dce5f6;background:var(--navy);z-index:20;flex-direction:column;height:100vh;padding:1.25rem 1rem;display:flex;position:sticky;top:0}.sidebar-brand{border-bottom:1px solid #ffffff1a;align-items:center;gap:.75rem;padding:.15rem .4rem 1.2rem;display:flex}.sidebar-brand strong{color:#fff;letter-spacing:.03em;font-size:.95rem;display:block}.sidebar-brand span{color:#8fa4c7;letter-spacing:.16em;font-size:.65rem;display:block}.brand-mark{color:#fff;background:var(--navy);letter-spacing:-.04em;border-radius:12px;place-items:center;width:48px;height:48px;font-weight:800;display:grid}.brand-mark.small{background:#ffffff14;border:1px solid #ffffff40;width:40px;height:40px;font-size:.82rem}.hub-link{color:#a8b7d1;align-items:center;gap:.35rem;margin:1rem .35rem .4rem;font-size:.82rem;display:flex}.nav-caption{color:#6f86aa;letter-spacing:.14em;margin:1rem .7rem .6rem;font-size:.67rem;font-weight:800}.sidebar nav a{color:#bac7dc;border-radius:9px;align-items:center;gap:.75rem;margin:.22rem 0;padding:.72rem .75rem;font-size:.9rem;font-weight:550;display:flex}.sidebar nav a:hover,.sidebar nav a.active{color:#fff;background:#ffffff1a}.sidebar nav a.active{box-shadow:inset 3px 0 var(--blue)}.sidebar-footer{color:#91a3c1;border-top:1px solid #ffffff1a;margin-top:auto;padding:.8rem;font-size:.78rem}.session-user{gap:.15rem;min-width:0;margin-bottom:.75rem;display:grid}.session-user strong{color:#e7edf8;text-overflow:ellipsis;white-space:nowrap;font-size:.78rem;overflow:hidden}.session-user span{color:#91a3c1}.sidebar-logout{color:#dce5f5;background:#ffffff0f;border:1px solid #ffffff24;border-radius:8px;justify-content:center;align-items:center;gap:.45rem;width:100%;min-height:38px;display:flex}.sidebar-logout:hover{background:#ffffff1c}.status-dot{background:#36c98f;border-radius:50%;width:7px;height:7px;margin-right:.35rem;display:inline-block}.main-column{min-width:0}.topbar{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffe0;align-items:center;gap:.75rem;height:64px;padding:0 clamp(1rem,3vw,2.25rem);display:flex}.topbar-spacer{flex:1}.environment-pill{color:#54627a;letter-spacing:.1em;background:#f6f8fb;border:1px solid #cdd7e6;border-radius:99px;padding:.28rem .55rem;font-size:.7rem;font-weight:800}.content{width:min(1440px,100%);margin:0 auto;padding:clamp(1.3rem,3vw,2.5rem)}.page-header{justify-content:space-between;align-items:flex-end;gap:1rem;margin-bottom:1.75rem;display:flex}.page-header .muted{max-width:690px}.page-actions{flex:none}.button{border:1px solid #0000;border-radius:9px;justify-content:center;align-items:center;gap:.5rem;min-height:42px;padding:.62rem 1rem;font-weight:700;display:inline-flex}.button.primary{color:#fff;background:var(--blue);box-shadow:0 6px 14px #2e6cff33}.button.primary:hover{background:#1d5ae8}.button.secondary{border-color:var(--line);background:#fff}.button.google{color:#243047;background:#fff;border-color:#cbd3df;box-shadow:0 4px 12px #10213f14}.button.google:hover{background:#f7f9fc}.button.full{width:100%}.button:disabled{cursor:not-allowed;opacity:.5}.icon-button{color:inherit;background:0 0;border:0;border-radius:7px;place-items:center;padding:.45rem;display:grid}.mobile-only,.mobile-title{display:none}.panel{border:1px solid var(--line);border-radius:var(--radius);background:var(--white);box-shadow:var(--shadow)}.badge{color:#4b566a;white-space:nowrap;background:#edf0f5;border-radius:99px;align-items:center;gap:.3rem;width:fit-content;padding:.24rem .55rem;font-size:.72rem;font-weight:750;display:inline-flex}.badge.active,.status-approved,.status-published{color:#06704d;background:#e5f6ee}.badge.external,.status-scheduled,.status-publishing{color:#2355bb;background:#e9efff}.badge.soon,.status-draft,.status-cancelled{color:#5d6677;background:#eef0f3}.status-pending_approval,.status-waiting_connection{color:var(--amber);background:#fff2d8}.status-failed{color:var(--red);background:#fee9e7}.summary-strip{border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);background:#fff;grid-template-columns:repeat(3,1fr);margin-bottom:1.5rem;display:grid}.summary-strip>div{border-right:1px solid var(--line);align-items:center;gap:.8rem;padding:1rem 1.2rem;display:flex}.summary-strip>div:last-child{border-right:0}.summary-strip svg{color:var(--blue)}.summary-strip strong,.summary-strip small{display:block}.summary-strip small{color:var(--muted)}.module-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.module-card{border:1px solid var(--line);border-radius:var(--radius);min-height:250px;box-shadow:var(--shadow);background:#fff;flex-direction:column;justify-content:space-between;padding:1.35rem;transition:transform .15s,border-color .15s;display:flex}.module-card.active:hover{border-color:#9eb9ff;transform:translateY(-2px)}.module-card.soon{box-shadow:none;opacity:.72}.module-top,.title-line{justify-content:space-between;align-items:flex-start;gap:.7rem;display:flex}.module-icon{width:44px;height:44px;color:var(--navy);background:#e9eef6;border-radius:11px;place-items:center;font-size:.8rem;font-weight:850;display:grid}.module-card.active .module-icon{color:#fff;background:var(--blue)}.module-card h2{font-size:1.25rem}.module-card p{color:var(--muted)}.module-action{color:var(--navy-2);align-items:center;gap:.4rem;font-size:.85rem;font-weight:750;display:flex}.metric-grid{grid-template-columns:repeat(4,1fr);gap:.85rem;margin-bottom:1rem;display:grid}.metric-card{border:1px solid var(--line);border-radius:var(--radius);background:#fff;grid-template-columns:1fr auto;padding:1.15rem;display:grid}.metric-card svg{color:var(--blue);grid-area:1/2/3}.metric-card span{color:var(--muted);font-size:.82rem;font-weight:650}.metric-card strong{font-size:2rem;line-height:1.2}.metric-card small{color:#8991a0;grid-column:1/-1;margin-top:.4rem}.dashboard-grid{grid-template-columns:1.25fr .75fr;gap:1rem;display:grid}.dashboard-grid .panel,.panel-heading{padding:1.2rem}.panel-heading{justify-content:space-between;align-items:center;gap:1rem;padding:0 0 1rem;display:flex}.panel-heading h2{margin-bottom:0}.text-link{color:var(--blue);font-size:.82rem;font-weight:750}.compact-row{border-top:1px solid #edf0f4;align-items:center;gap:.75rem;padding:.8rem 0;display:flex}.compact-row strong,.compact-row small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.compact-row small{color:var(--muted);font-size:.78rem}.avatar,.brand-avatar{width:38px;height:38px;color:var(--navy);background:#f1f4f8;border:1px solid #d8e0ec;border-radius:9px;flex:none;place-items:center;font-size:.7rem;font-weight:850;display:grid}.empty-state,.empty-calendar{min-height:200px;color:var(--muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:2rem;display:flex}.empty-state p,.empty-calendar p{max-width:420px;margin:.7rem 0 1rem}.filters{grid-template-columns:minmax(240px,1fr) repeat(3,auto) auto;gap:.7rem;margin-bottom:1rem;padding:.75rem;display:grid}.search-field{border:1px solid var(--line);background:#fbfcfd;border-radius:8px;align-items:center;gap:.5rem;padding:0 .7rem;display:flex}.search-field input{background:0 0;border:0;outline:0;width:100%;padding:.62rem 0}select,input,textarea{width:100%;min-height:42px;color:var(--ink);background:#fff;border:1px solid #cfd6e1;border-radius:8px;outline:none;padding:.65rem .75rem}textarea{resize:vertical}select:focus,input:focus,textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px #2e6cff1a}.filters select{min-width:145px}.view-toggle,.segmented{border:1px solid var(--line);background:#f3f5f8;border-radius:8px;padding:3px;display:flex}.view-toggle button,.segmented button,.calendar-nav button{color:#687286;background:0 0;border:0;border-radius:6px}.view-toggle button{place-items:center;padding:.45rem;display:grid}.view-toggle button.active,.segmented button.active{color:var(--navy);background:#fff;box-shadow:0 1px 4px #00000014}.post-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.post-card{border:1px solid var(--line);border-radius:var(--radius);background:#fff;flex-direction:column;min-height:285px;padding:1.1rem;display:flex}.post-card-head{align-items:center;gap:.65rem;margin-bottom:1.2rem;display:flex}.post-card-head strong,.post-card-head small{display:block}.post-card-head small{color:var(--muted);font-size:.74rem}.post-card h2{font-size:1.05rem}.post-card p{color:var(--muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:.9rem;display:-webkit-box;overflow:hidden}.platform-list,.tags{flex-wrap:wrap;gap:.35rem;display:flex}.platform-list span,.tags span{color:#42506a;background:#eef2f7;border-radius:5px;padding:.2rem .5rem;font-size:.72rem}.post-card footer{color:#7a8495;border-top:1px solid #edf0f4;justify-content:space-between;gap:.5rem;margin-top:auto;padding-top:.9rem;font-size:.72rem;display:flex}.table-wrap{padding:.4rem 1rem 1rem;overflow-x:auto}table{border-collapse:collapse;width:100%}th,td{text-align:left;vertical-align:middle;border-bottom:1px solid #e8ebf0;padding:.85rem .7rem}th{color:#6e7788;letter-spacing:.05em;text-transform:uppercase;font-size:.72rem}td{font-size:.86rem}td strong,td small{display:block}td small{max-width:330px;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.editor-layout{grid-template-columns:minmax(0,1.2fr) minmax(340px,.8fr);align-items:start;gap:1rem;display:grid}.editor-side{gap:1rem;display:grid}.form-panel{gap:1rem;padding:1.25rem;display:grid}.form-panel>label,.form-grid label,.override-fields label,.stack-form label{color:#3e4859;gap:.38rem;font-size:.82rem;font-weight:700;display:grid}.section-title{border-bottom:1px solid #e8ebf0;gap:.8rem;padding-bottom:1rem;display:flex}.section-title>span{width:38px;height:38px;color:var(--blue);background:#edf2ff;border-radius:9px;flex:none;place-items:center;font-size:.78rem;font-weight:850;display:grid}.section-title h2,.section-title p{margin-bottom:0}.section-title p{color:var(--muted);font-size:.82rem}.section-title.compact{padding-bottom:.8rem}.form-grid{gap:.8rem;display:grid}.form-grid.two{grid-template-columns:1fr 1fr}.channel-picker{grid-template-columns:repeat(3,1fr);gap:.45rem;display:grid}.channel-picker label{border:1px solid var(--line);color:var(--muted);cursor:pointer;border-radius:7px;justify-content:center;align-items:center;padding:.55rem .35rem;font-size:.76rem;font-weight:700;display:flex}.channel-picker label.selected{color:#1e53c5;background:#edf2ff;border-color:#9ab6ff}.channel-picker input{opacity:0;pointer-events:none;position:absolute}.override-toggle{color:var(--navy-2);background:0 0;border:0;border-top:1px solid #edf0f4;justify-content:space-between;align-items:center;padding:.7rem 0;font-size:.82rem;font-weight:750;display:flex}.override-fields{gap:.75rem;display:grid}.upload-placeholder{box-shadow:none;color:var(--muted);border-style:dashed;gap:.8rem;padding:1rem;display:flex}.upload-placeholder strong{color:var(--ink)}.upload-placeholder p{margin:.2rem 0 0;font-size:.8rem}.alert{border-radius:8px;padding:.75rem .9rem;font-size:.82rem}.alert.error{color:#8d231b;background:#fee9e7}.alert.success{color:#05603f;background:#e5f6ee}.calendar-panel{overflow:hidden}.calendar-toolbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:1rem;padding:1rem;display:flex}.calendar-nav{align-items:center;gap:.7rem;display:flex}.calendar-nav h2{text-align:center;text-transform:capitalize;min-width:180px;margin:0}.calendar-nav button{place-items:center;padding:.35rem;display:grid}.segmented button{min-width:70px;padding:.38rem .7rem;font-size:.8rem;font-weight:700}.calendar-grid{grid-template-columns:repeat(7,minmax(105px,1fr));display:grid;overflow-x:auto}.calendar-day-name{border-right:1px solid var(--line);color:var(--muted);text-align:center;background:#f6f8fa;padding:.55rem;font-size:.72rem;font-weight:750}.calendar-cell{border-top:1px solid var(--line);border-right:1px solid var(--line);min-height:120px;padding:.5rem}.calendar-grid.week .calendar-cell{min-height:480px}.calendar-cell.outside{opacity:.55;background:#f8f9fb}.calendar-cell>div{justify-content:space-between;align-items:center;display:flex}.calendar-cell time{font-size:.78rem;font-weight:750}.calendar-cell a{width:25px;height:25px;color:var(--blue);border-radius:5px;place-items:center;display:grid}.calendar-event{text-overflow:ellipsis;white-space:nowrap;border-radius:4px;margin-top:.35rem;padding:.24rem .38rem;font-size:.67rem;font-weight:700;display:block;overflow:hidden}.media-layout{grid-template-columns:330px 1fr;align-items:start;gap:1rem;display:grid}.media-grid{grid-template-columns:repeat(3,1fr);gap:.8rem;display:grid}.media-grid article{gap:.3rem;min-width:0;display:grid}.media-grid strong{text-overflow:ellipsis;white-space:nowrap;font-size:.8rem;overflow:hidden}.media-grid small{color:var(--muted);font-size:.72rem}.media-preview{aspect-ratio:4/3;color:#8792a5;background:#eef1f5;border-radius:8px;place-items:center;display:grid}.brand-grid{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.brand-card{gap:1rem;padding:1.2rem;display:flex}.brand-card p{color:var(--muted);margin:.65rem 0}.brand-avatar{width:56px;height:56px}.brand-meta{color:var(--muted);align-items:center;gap:1rem;margin-bottom:.65rem;font-size:.78rem;display:flex}.brand-meta a{color:var(--blue);align-items:center;gap:.3rem;display:flex}.settings-grid{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}.setting-card{align-items:flex-start;gap:.9rem;padding:1.2rem;display:flex}.setting-card>svg{color:var(--blue);flex:none}.setting-card p{color:var(--muted);font-size:.87rem}.timeline{padding:1.2rem}.timeline article{gap:.8rem;padding:0 0 1.2rem .2rem;display:flex;position:relative}.timeline article:before{content:"";background:var(--line);width:1px;position:absolute;top:12px;bottom:-2px;left:6px}.timeline-dot{background:var(--blue);z-index:1;border:3px solid #bdd0ff;border-radius:50%;flex:none;width:13px;height:13px;margin-top:5px;position:relative}.timeline p,.timeline small{color:var(--muted);margin:.15rem 0 0;font-size:.8rem}.login-shell{background:radial-gradient(circle at 50% 0,#262116 0,#0000 34%),linear-gradient(135deg,#080909 0%,#0d0f0f 100%);place-items:center;min-height:100vh;padding:1.5rem;display:grid}.login-card{color:#f1efe9;background:#111313f5;border:1px solid #2c2e2d;border-radius:22px;width:min(460px,100%);padding:clamp(2rem,5vw,3.25rem);box-shadow:0 24px 80px #0006}.login-card .brand-mark{color:#c7a24d;background:0 0;border:1px solid #c7a24d;border-radius:0;width:58px;height:58px;margin-bottom:1.75rem;transform:rotate(45deg)}.login-card .brand-mark span{transform:rotate(-45deg)}.login-card .eyebrow{color:#c7a24d;letter-spacing:.18em}.login-card h1{letter-spacing:-.045em;margin-bottom:.8rem;font-size:clamp(3rem,10vw,4.6rem);line-height:.98}.login-card .muted{color:#a09f99}.secure-note{color:#e3c77e;background:#1b1913;border-left:3px solid #c7a24d;margin:1.5rem 0 0;padding:.8rem .95rem;font-size:.82rem}.login-card .button.google{color:#0b0c0c;min-height:46px;box-shadow:none;background:#c7a24d;border-color:#c7a24d;border-radius:7px}.login-card .button.google:hover{background:#e3c77e}.login-microcopy{color:#817f79;text-align:center;margin:1.1rem 0 0;font-size:.75rem}.stack-form{gap:1rem;margin-top:1.5rem;display:grid}.oauth-stack{gap:.75rem;margin-top:1.5rem;display:grid}.login-divider{color:var(--muted);align-items:center;gap:.8rem;margin:1.2rem 0 -.2rem;font-size:.75rem;display:flex}.login-divider:before,.login-divider:after{content:"";background:var(--line);flex:1;height:1px}.unauthorized-card{text-align:center}.unauthorized-icon{color:#a72b37;background:#fff0f1;border-radius:14px;place-items:center;width:52px;height:52px;margin:0 auto 1rem;display:grid}@media (max-width:1100px){.module-grid,.post-grid,.metric-grid{grid-template-columns:repeat(2,1fr)}.settings-grid{grid-template-columns:1fr}.filters{grid-template-columns:1fr 1fr 1fr}.search-field{grid-column:1/-1}.editor-layout{grid-template-columns:1fr}}@media (max-width:800px){.app-shell{display:block}.sidebar{width:min(300px,88vw);transition:transform .2s;position:fixed;left:0;transform:translate(-105%);box-shadow:16px 0 40px #0003}.sidebar.open{transform:translate(0)}.mobile-only,.mobile-title{display:flex}.mobile-title{align-items:center;gap:.4rem;font-size:.85rem;font-weight:750}.sidebar-brand .mobile-only{margin-left:auto}.dashboard-grid,.media-layout,.brand-grid,.summary-strip{grid-template-columns:1fr}.summary-strip>div{border-right:0;border-bottom:1px solid var(--line)}.summary-strip>div:last-child{border-bottom:0}.calendar-grid{grid-template-columns:repeat(7,minmax(92px,1fr))}}@media (max-width:560px){.content{padding:1.1rem .85rem}.page-header{flex-direction:column;align-items:stretch}.page-actions .button{width:100%}.module-grid,.post-grid,.metric-grid{grid-template-columns:1fr}.module-card{min-height:210px}.filters{grid-template-columns:1fr}.filters .search-field{grid-column:auto}.filters select{min-width:0}.view-toggle{width:fit-content}.form-grid.two{grid-template-columns:1fr}.channel-picker{grid-template-columns:repeat(2,1fr)}.post-card footer{flex-direction:column}.calendar-toolbar{flex-direction:column;align-items:stretch}.calendar-nav{justify-content:space-between}.media-grid{grid-template-columns:repeat(2,1fr)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}}