:root{font-family:Aptos,Segoe UI,sans-serif;color:#162033;background:radial-gradient(circle at 12% 8%,rgba(255,176,57,.2),transparent 24%),radial-gradient(circle at 88% 18%,rgba(48,133,91,.16),transparent 28%),linear-gradient(135deg,#f8f3e7,#f0eadc 45%,#e6ead8);line-height:1.5;font-weight:400}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh}.login-shell{min-height:100vh;display:grid;place-items:center;padding:24px}.login-panel{width:min(460px,100%);display:grid;gap:22px;padding:28px;border-radius:8px;border:1px solid rgba(22,32,51,.08);background:#fffcf5eb;box-shadow:0 18px 55px #16203324}.login-panel h1,.login-panel h2{margin:0}.login-panel h2{font-size:34px;line-height:1.05}.login-form{display:grid;gap:14px}.login-form label{display:grid;gap:8px;color:#33415c;font-weight:800}.login-form input{width:100%;border:1px solid rgba(22,32,51,.12);border-radius:8px;padding:13px 14px;background:#ffffffeb;color:#162033;outline:none}.login-form input:focus{border-color:#fb8500;box-shadow:0 0 0 4px #fb85001f}.legal-shell{min-height:100vh;padding:42px 20px}.legal-panel{width:min(860px,100%);margin:0 auto;padding:34px;border-radius:8px;border:1px solid rgba(22,32,51,.08);background:#fffcf5eb;box-shadow:0 18px 55px #16203324}.legal-panel h1{margin:0;font-size:40px;line-height:1.05}.legal-panel h2{margin:28px 0 8px;font-size:22px}.legal-panel p{color:#4d5a6d;margin:0 0 12px}button,input,select,textarea{font:inherit}button{transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}button:not(:disabled):hover{transform:translateY(-1px)}.app-shell{display:grid;grid-template-columns:300px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;padding:28px 22px;background:linear-gradient(180deg,#122033fa,#1c334df5),#14213d;color:#fff8ea;display:flex;flex-direction:column;gap:22px}.brand-block{display:flex;align-items:center;gap:14px}.brand-mark{width:52px;height:52px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(135deg,#ffb703,#fb8500);color:#172033;font-weight:900;letter-spacing:-.06em;box-shadow:0 18px 42px #fb850040}.brand-block h1,.topbar h2,.panel h3{margin:0}.side-nav{display:grid;gap:8px}.side-nav a{color:#fff8eac7;text-decoration:none;padding:12px 14px;border-radius:14px;background:#ffffff0d}.side-nav a:hover{color:#fff8ea;background:#ffffff1c}.sidebar-summary{display:grid;gap:6px;padding:18px;border-radius:22px;background:#ffffff14;border:1px solid rgba(255,255,255,.1)}.sidebar-summary span,.sidebar-summary small{color:#fff8eaa8}.sidebar-summary strong{font-size:20px}.integration-summary .secondary-button{margin-top:8px;width:100%}.content{width:min(1500px,100%);padding:28px;display:flex;flex-direction:column;gap:22px}.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:12px;font-weight:800;color:#7a6a4d;margin:0 0 8px}.sidebar .eyebrow{color:#fff8ea94}.topbar,.panel,.metric-card{border:1px solid rgba(22,32,51,.08);background:#fffcf5e0;box-shadow:0 18px 55px #16203314;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.topbar{display:flex;justify-content:space-between;gap:24px;align-items:center;padding:28px;border-radius:30px}.topbar h2{font-size:clamp(28px,4vw,48px);line-height:1;letter-spacing:-.06em;max-width:820px}.topbar p,.panel-description{color:#5e6979;margin:10px 0 0}.topbar-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.metric-card{padding:18px;border-radius:22px}.metric-card span,.metric-card small{display:block;color:#687384}.metric-card strong{display:block;margin:8px 0 2px;font-size:34px;letter-spacing:-.05em}.workspace-grid{display:grid;grid-template-columns:minmax(320px,.78fr) minmax(0,1.22fr);gap:22px;align-items:start}.stack{display:grid;gap:22px}.panel{padding:24px;border-radius:26px}.compact-panel{padding:22px}.panel-header{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:18px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.form-grid.single-column{grid-template-columns:1fr}.inline-fields{display:grid;grid-template-columns:1fr 120px;gap:12px}.form-grid label,.inline-fields label{display:flex;flex-direction:column;gap:8px;color:#33415c;font-weight:700}.form-grid input,.form-grid select,.form-grid textarea{border:1px solid rgba(22,32,51,.12);border-radius:16px;padding:13px 14px;background:#ffffffe6;color:#162033;outline:none}.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus{border-color:#fb8500;box-shadow:0 0 0 4px #fb85001f}.full-width{grid-column:1 / -1}.primary-button,.secondary-button{border:0;border-radius:16px;padding:12px 16px;font-weight:850;cursor:pointer}.primary-button{background:linear-gradient(135deg,#ffb703,#fb8500);color:#172033;box-shadow:0 15px 34px #fb85003d}.secondary-button{border:1px solid rgba(22,32,51,.12);background:#ffffffdb;color:#172033}.danger-button{border-color:#d6282838;color:#a41f1f;background:#d6282812}.primary-button:disabled,.secondary-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.client-list{display:grid;gap:10px;max-height:460px;overflow:auto;padding-right:4px}.client-card{text-align:left;border:1px solid rgba(22,32,51,.09);border-radius:18px;padding:16px;background:#ffffffb8;cursor:pointer}.client-card.active{border-color:#fb8500;background:#fff7e6;box-shadow:0 0 0 4px #fb85001f}.client-card strong,.client-card span,.client-card small{display:block}.client-card span,.client-card small{color:#697486}.logo-upload{display:grid;grid-template-columns:1fr 96px auto;gap:14px;align-items:center;padding:14px;border:1px dashed rgba(22,32,51,.2);border-radius:20px;background:#ffffff94}.logo-upload span{display:block;font-weight:900}.logo-upload p{margin:4px 0 0;color:#657184}.logo-upload img,.logo-placeholder{width:96px;height:64px;border-radius:14px;object-fit:contain;background:#fff;border:1px solid rgba(22,32,51,.08)}.logo-placeholder{display:grid;place-items:center;color:#657184;font-size:13px}.logo-button{text-align:center}.tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:6px;border-radius:18px;background:#1620330f;margin-bottom:18px}.tab-button{border:0;border-radius:14px;padding:11px 12px;background:transparent;color:#657184;font-weight:900;cursor:pointer}.tab-button.active{background:#fffaf0;color:#162033;box-shadow:0 10px 24px #16203314}.tab-panel{min-height:360px}.schedule-settings,.visual-settings{display:grid;gap:14px;padding:16px;border-radius:20px;background:#fff7e6b8;border:1px solid rgba(251,133,0,.14)}.visual-settings{background:#edf2f7b8;border-color:#1620331a}.visual-intro h4{margin:0;font-size:20px}.people-rule-card{display:grid;gap:8px;padding:14px;border-radius:18px;background:#ffffffb8;border:1px solid rgba(22,32,51,.08)}.people-rule-card p{margin:0;color:#657184;font-size:14px}.avoid-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.option-group{display:grid;gap:10px}.option-group>span{font-weight:900;color:#33415c}.schedule-settings h4,.visual-settings h4{margin:0;font-size:18px}.schedule-settings p,.schedule-settings small,.visual-settings p,.visual-settings small{margin:4px 0 0;color:#657184}.weekday-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}.pill-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px}.check-card{display:flex!important;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:8px;border-radius:14px;background:#ffffffc7;border:1px solid rgba(22,32,51,.09);cursor:pointer;font-size:13px}.check-card input{width:auto}.standalone-check{justify-content:flex-start}.form-footer{display:flex;justify-content:space-between;gap:14px;align-items:center;margin-top:18px;padding-top:18px;border-top:1px solid rgba(22,32,51,.08)}.form-footer span{color:#657184}.posts-panel{overflow:hidden}.posts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:18px;align-items:start}.post-card{min-width:0;padding:14px;border-radius:24px;background:#fffdfa;border:1px solid rgba(22,32,51,.08);box-shadow:0 16px 34px #1620330f}.post-card-top{display:flex;justify-content:space-between;align-items:center;gap:12px}.post-card small{color:#6a7587}.post-body h4{margin:14px 0 8px;font-size:18px;line-height:1.25}.post-body p{color:#4d5a6d;margin:0;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:5}.post-image-frame,.post-image,.post-image-placeholder,.editor-image{width:100%;border-radius:18px}.post-image-frame{margin:14px 0;aspect-ratio:1;max-height:260px;overflow:hidden;background:#f4efe3}.post-image{display:block;height:100%;object-fit:cover}.post-image-placeholder{min-height:220px;margin:14px 0;display:grid;place-items:center;border:0;background:linear-gradient(135deg,#ffb70338,#fb850017),#fff6df;color:#9a6700;font-weight:900;cursor:pointer}.editor-image{grid-column:1 / -1;max-height:420px;object-fit:cover}.status-chip{display:inline-flex;align-items:center;border-radius:999px;padding:7px 10px;font-size:12px;font-weight:900}.status-draft,.status-pending_approval{background:#ffb7032e;color:#936200}.status-approved,.status-scheduled,.status-published{background:#30855b29;color:#1f6b48}.status-rejected,.status-failed{background:#d6282821;color:#a41f1f}.tag-row,.post-actions{display:flex;flex-wrap:wrap;gap:8px}.tag-row{margin-top:14px}.post-actions{margin-top:16px}.schedule-control{display:grid;gap:6px;margin-top:14px;color:#657184;font-size:12px;font-weight:900}.schedule-control input{width:100%;border:1px solid rgba(22,32,51,.12);border-radius:14px;padding:10px 12px;background:#fff;color:#162033}.tag-row span{border-radius:999px;padding:6px 10px;background:#edf2f7;color:#435269;font-size:12px;font-weight:800}.error-banner,.success-banner{padding:14px 18px;border-radius:18px;font-weight:700}.error-banner{background:#d628281a;color:#8f1a1a;border:1px solid rgba(214,40,40,.16)}.post-error{margin-top:12px;padding:10px 12px;font-size:13px}.success-banner{background:#30855b1f;color:#1f6b48;border:1px solid rgba(48,133,91,.18)}.empty-state{color:#657184}.empty-panel{padding:28px;border-radius:22px;background:#ffffff94;border:1px dashed rgba(22,32,51,.16)}.inline-empty{margin-bottom:16px}.calendar-list{display:grid;gap:12px;max-height:520px;overflow:auto;padding-right:6px}.calendar-day{border-radius:18px;padding:16px;background:#ffffffc2;border:1px solid rgba(22,32,51,.08)}.calendar-items{display:grid;gap:10px;margin-top:12px}.calendar-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;color:#33415c;min-width:0}.calendar-item>div{display:grid;grid-template-columns:70px minmax(0,1fr);gap:12px;align-items:center;min-width:0}.icon-button{border:1px solid rgba(22,32,51,.12);border-radius:999px;padding:7px 10px;background:#ffffffc7;color:#172033;font-size:12px;font-weight:900;cursor:pointer}.danger-icon{border-color:#d6282838;color:#a41f1f;background:#d6282812}.calendar-item span{font-weight:900;color:#fb8500}.calendar-item b,.post-card h4,.post-card small{overflow-wrap:anywhere}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:center;padding:24px;background:#101c2c94}.modal-card{width:min(920px,100%);max-height:calc(100vh - 48px);overflow:auto;border-radius:28px;padding:24px;background:#fffaf0;box-shadow:0 28px 80px #101c2c47}@media (max-width: 1120px){.app-shell{grid-template-columns:1fr}.sidebar{position:relative;height:auto}.side-nav{grid-template-columns:repeat(4,minmax(0,1fr))}.workspace-grid{grid-template-columns:1fr}}@media (max-width: 820px){.content{padding:18px}.topbar{display:grid}.topbar-actions{justify-content:stretch}.topbar-actions button{flex:1}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid,.inline-fields,.logo-upload{grid-template-columns:1fr}.weekday-grid,.tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.form-footer{display:grid}}@media (max-width: 560px){.sidebar,.content{padding:16px}.side-nav,.stats-grid{grid-template-columns:1fr}.topbar,.panel{padding:18px;border-radius:22px}.posts-grid{grid-template-columns:1fr}}
