:root{--bg:#eef3f8;--bg-accent:radial-gradient(circle at top left,rgba(15,157,131,.14),transparent 35%),radial-gradient(circle at top right,rgba(240,139,51,.16),transparent 30%),linear-gradient(180deg,#f6fafc,#edf3f7);--panel:#fff;--line:#d7e2eb;--text:#132238;--muted:#5d7187;--signal:#0f9d83}*{box-sizing:border-box}body,html{margin:0;padding:0;min-height:100%;background:var(--bg);background-image:var(--bg-accent);color:var(--text);font-family:Segoe UI,Tahoma,sans-serif}a{color:inherit;text-decoration:none}input{width:100%;padding:10px 12px;border-radius:12px;border:1px solid var(--line);background:#fff;color:var(--text)}button{font:inherit;cursor:pointer}body{padding:24px}.app-shell{display:grid;grid-template-columns:260px minmax(0,1fr);gap:24px}.panel,.sidebar{background:hsla(0,0%,100%,.88);backdrop-filter:blur(12px);border:1px solid var(--line);border-radius:24px;box-shadow:0 20px 60px rgba(19,34,56,.08)}.sidebar{padding:24px;position:sticky;top:24px;height:calc(100vh - 48px)}.nav-list{display:grid;gap:10px;margin-top:28px}.nav-link{padding:12px 14px;border-radius:14px;color:var(--muted)}.content{display:grid;gap:20px}.panel{padding:24px}.hero{display:flex;justify-content:space-between;gap:24px;align-items:center}.grid{display:grid;gap:16px}.grid.kpis{grid-template-columns:repeat(4,minmax(0,1fr))}.grid.two{grid-template-columns:1.4fr 1fr}.card{border:1px solid var(--line);border-radius:18px;padding:18px;background:var(--panel)}.badge{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;font-size:12px;background:#e4faf5;color:var(--signal)}.muted{color:var(--muted)}.cta{display:inline-flex;align-items:center;justify-content:center;padding:12px 18px;border-radius:14px;border:0;background:#132238;color:#fff;font-weight:600}.table-like{display:grid;gap:10px}.row{display:grid;grid-template-columns:1.3fr .8fr .8fr;gap:12px;padding:12px 14px;border-radius:14px;background:#f8fbfd;border:1px solid #e6eef4}@media (max-width:1100px){.app-shell{grid-template-columns:1fr}.sidebar{position:static;height:auto}.grid.kpis,.grid.two{grid-template-columns:1fr 1fr}}@media (max-width:720px){body{padding:16px}.hero{flex-direction:column;align-items:flex-start}.grid.kpis,.grid.two,.row{grid-template-columns:1fr}}body:has(.prototype-shell){padding:0;background:#f6f8fb;background-image:none}body:has(.prototype-shell)>.app-shell{display:block}body:has(.prototype-shell)>.app-shell>.sidebar{display:none}body:has(.prototype-shell)>.app-shell>.content{display:block}.prototype-shell{--proto-panel-soft:#f9fbfd;--proto-line:#e4e9f1;--proto-ink:#111c35;--proto-muted:#667085;--proto-teal:#10a895;--proto-mint:#dff8f3;--proto-purple:#7c3aed;--proto-purple-soft:#efe8ff;--proto-danger:#d44848;display:grid;grid-template-columns:300px minmax(0,1fr);gap:0}.prototype-shell *{letter-spacing:0}.prototype-sidebar{position:sticky;top:0;overflow:auto;background:#fff;border-left:1px solid var(--proto-line);display:flex;flex-direction:column;gap:18px}.prototype-brand{display:flex;align-items:center;gap:12px}.prototype-brand-mark{width:46px;height:46px;border-radius:16px;display:inline-flex;align-items:center;justify-content:center;background:var(--proto-ink);color:#fff;font-weight:800}.prototype-brand small,.prototype-brand strong{display:block}.campaign-card p,.connection-card p,.page-head p,.planner-hero p,.prototype-account span,.prototype-brand small,.prototype-card p,.sidebar-subscription small,.workspace-card p{color:var(--proto-muted)}.detail-panel,.plan-summary-card,.planner-toolbar,.prototype-card,.sidebar-subscription,.stepper-card,.success-state,.usage-card,.workspace-card{background:var(--proto-panel);border:1px solid var(--proto-line);border-radius:22px;box-shadow:0 18px 50px rgba(17,28,53,.05)}.sidebar-subscription,.workspace-card{padding:16px}.eyebrow-soft{display:inline-flex;width:-moz-fit-content;width:fit-content;padding:6px 10px;border-radius:999px;color:#08786c;font-size:12px;font-weight:800}.filter-row select,.planner-toolbar select,.workspace-card select{width:100%;border:1px solid var(--proto-line);background:#fff;color:var(--proto-ink);border-radius:14px;padding:11px 12px;font:inherit}.workspace-card select{margin:10px 0;font-weight:800}.chip-row,.drawer-actions,.filter-row,.hero-cta-row,.preview-tabs,.workspace-meta{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.workspace-meta span{padding:7px 10px;border-radius:999px;background:var(--proto-panel-soft);color:var(--proto-muted);font-size:12px;font-weight:700}.prototype-nav{display:grid;gap:8px}.prototype-nav a{padding:13px 14px;border-radius:16px;color:var(--proto-muted);font-weight:800}.prototype-nav a.active{background:var(--proto-purple-soft);color:var(--proto-purple)}.mini-meter,.progress-bar{height:8px;overflow:hidden;border-radius:999px;background:#edf1f6}.mini-meter span,.progress-bar span{display:block;height:100%;border-radius:inherit;background:var(--proto-teal)}.sidebar-subscription{margin-top:auto;display:grid;gap:8px}.prototype-main{min-width:0;padding:22px 26px 42px;display:grid;gap:18px}.page-head,.planner-hero,.prototype-topbar{display:flex;justify-content:space-between;align-items:center;gap:18px}.prototype-topbar{padding:16px 18px;background:hsla(0,0%,100%,.82);border:1px solid var(--proto-line);border-radius:24px;backdrop-filter:blur(14px)}.page-head h2,.planner-hero h2,.prototype-topbar h1{margin:8px 0 0;font-size:28px;line-height:1.2}.prototype-account{text-align:left;direction:ltr}.approval-queue button,.connection-card button,.drawer-actions button,.hero-cta-row a,.hero-cta-row button,.month-switcher button,.page-head button,.prototype-account button,.section-title-row button,.stepper-card button,.success-state a,.upload-zone button{border:0;border-radius:14px;padding:11px 15px;background:var(--proto-ink);color:#fff;font-weight:800;font:inherit}.prototype-stack{display:grid;gap:18px}.page-head,.planner-hero{padding:22px;border-radius:26px;background:linear-gradient(135deg,rgba(16,168,149,.11),rgba(124,58,237,.08)),#fff;border:1px solid var(--proto-line)}.hero-cta-row a,.hero-cta-row button:nth-child(2){background:var(--proto-teal)}.hero-cta-row button:nth-child(3),.month-switcher button,.page-head button{background:#fff;color:var(--proto-ink);border:1px solid var(--proto-line)}.planner-toolbar{padding:14px;display:flex;justify-content:space-between;gap:14px;align-items:center}.month-switcher{display:flex;align-items:center;gap:10px;white-space:nowrap}.filter-row{justify-content:flex-end}.filter-row select{width:auto;min-width:150px}.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(120px,1fr));gap:1px;overflow:hidden;border:1px solid var(--proto-line);border-radius:24px;background:var(--proto-line)}.calendar-day,.weekday{background:#fff}.weekday{padding:12px;color:var(--proto-muted);font-weight:800;text-align:center}.calendar-day{padding:10px;display:grid;align-content:start;gap:8px}.calendar-day.empty{background:#f2f5f9}.day-number{width:30px;height:30px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;background:var(--proto-panel-soft);color:var(--proto-ink);font-weight:800}.calendar-post,.day-posts{display:grid;gap:7px}.calendar-post{border:1px solid var(--proto-line);border-radius:14px;background:#fbfcfe;padding:9px;text-align:right;color:inherit}.calendar-post strong{font-size:12px;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.calendar-post-head{display:flex;align-items:center;gap:7px;color:var(--proto-muted);font-size:12px}.calendar-post-head i{width:7px;height:7px;border-radius:50%;margin-inline-start:auto}.platform-chip,.platform-large{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;font-weight:900}.platform-chip{min-width:30px;height:24px;padding:0 8px;font-size:11px}.tone-rose{background:#ffe7ef;color:#bc2458}.tone-blue{background:#e6f0ff;color:#2563eb}.tone-navy{background:#e8eef8;color:#173b75}.tone-ink{background:#e8eaee;color:#111827}.tone-violet{background:#efe8ff;color:#6d28d9}.tone-red{background:#ffe9e9;color:#d12f2f}.tone-gray{background:#eef2f7;color:#475467}.status-pill{width:-moz-fit-content;width:fit-content;border-radius:999px;padding:6px 9px;font-size:11px;font-weight:900}.status-draft{background:#eef2f7;color:#475467}.status-review{background:#fff3d6;color:#9a5b00}.status-ready{background:var(--proto-purple-soft);color:var(--proto-purple)}.status-scheduled{background:var(--proto-mint);color:#08786c}.status-published{background:#e7f8eb;color:#177245}.status-failed{background:#ffe7e7;color:var(--proto-danger)}.drawer-backdrop{position:fixed;inset:0;z-index:40;background:rgba(17,28,53,.24);display:flex}.post-drawer{width:min(520px,100vw);background:#fff;padding:22px;box-shadow:0 24px 80px rgba(17,28,53,.2);display:grid;align-content:start;gap:16px}.campaign-head,.drawer-head,.section-title-row{display:flex;justify-content:space-between;align-items:flex-start;gap:14px}.icon-button{width:40px;height:40px;border-radius:14px;border:1px solid var(--proto-line);background:#fff;font-size:24px}.asset-large-preview,.asset-thumb,.media-preview{border-radius:20px;background:linear-gradient(135deg,rgba(16,168,149,.14),rgba(124,58,237,.14)),#f5f8fb;border:1px solid var(--proto-line);display:grid;place-items:center;text-align:center;color:var(--proto-ink)}.media-preview{min-height:210px;gap:8px;padding:18px}.drawer-grid>div,.drawer-section{padding:14px;border:1px solid var(--proto-line);border-radius:18px;background:var(--proto-panel-soft)}.drawer-section h3{margin:0 0 8px}.drawer-section p{margin:0;color:var(--proto-muted);line-height:1.7}.drawer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.drawer-grid span,.prototype-card span,.usage-card span{display:block;color:var(--proto-muted);font-size:13px}.drawer-actions button,.preview-tabs button{background:#fff;color:var(--proto-ink);border:1px solid var(--proto-line)}.drawer-actions button:first-child{background:var(--proto-teal);color:#fff;border-color:var(--proto-teal)}.drawer-actions .danger{color:var(--proto-danger)}.analytics-grid,.approval-layout,.content-layout,.import-grid,.subscription-layout{display:grid;grid-template-columns:1.4fr .8fr;gap:18px}.approval-preview,.detail-panel,.plan-summary-card,.prototype-card,.upload-zone,.validation-panel{padding:20px}.upload-zone,.validation-panel{min-height:240px;border:1px dashed #bdc9d8;border-radius:24px;background:#fff;display:grid;align-content:center;gap:12px}.validation-panel{align-content:start}.bar-row,.rank-row,.table-head,.table-row,.validation-item{display:grid;grid-template-columns:80px minmax(0,1fr);gap:12px;align-items:center;padding:11px 0;border-bottom:1px solid var(--proto-line)}.validation-item.good strong{color:#177245}.validation-item.warn strong{color:#9a5b00}.validation-item.danger strong{color:var(--proto-danger)}.responsive-table{overflow:auto}.table-head,.table-row{grid-template-columns:70px 140px 130px minmax(260px,1fr) 160px;min-width:820px}.table-head{font-weight:900;color:var(--proto-muted)}.success-state{padding:18px;border-color:rgba(16,168,149,.28);background:#f0fffb}.success-state a{display:inline-flex;margin-top:10px;background:var(--proto-teal)}.asset-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.asset-card,.campaign-card,.connection-card,.empty-upload-card{border:1px solid var(--proto-line);border-radius:22px;background:#fff;padding:16px;display:grid;gap:10px;color:inherit;text-align:right}.asset-card.active{border-color:rgba(124,58,237,.5);box-shadow:0 0 0 4px rgba(124,58,237,.08)}.asset-thumb{height:120px}.asset-card em,.asset-card span{color:var(--proto-muted);font-size:13px}.empty-upload-card{min-height:190px;border-style:dashed;align-content:center}.asset-large-preview{height:220px;margin:14px 0}.analytics-kpis,.campaign-grid,.connection-grid,.usage-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.campaign-head span{width:12px;height:52px;border-radius:999px;flex:0 0 auto}.campaign-progress{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.campaign-progress div{background:var(--proto-panel-soft);border-radius:16px;padding:10px}.campaign-progress span{display:block;color:var(--proto-muted);font-size:12px}.linked-assets{display:grid;gap:6px;color:var(--proto-muted);font-size:13px}.approval-preview,.approval-queue,.approval-side,.comment-list{display:grid;gap:12px}.approval-queue button{background:#fff;color:var(--proto-ink);border:1px solid var(--proto-line);text-align:right;display:grid;gap:7px}.approval-queue button.active{border-color:var(--proto-purple);background:var(--proto-purple-soft)}.approval-queue em,.rank-row em{color:var(--proto-muted)}.approval-preview{grid-template-columns:320px minmax(0,1fr);background:#fff;border:1px solid var(--proto-line);border-radius:24px}.preview-phone{border:10px solid #111827;border-radius:34px;padding:14px;background:#fff}.phone-top{text-align:center;font-weight:900;margin-bottom:12px}.comment-list p{margin:0;padding:12px;border-radius:16px;background:var(--proto-panel-soft)}.approval-side textarea{width:100%;min-height:100px;border:1px solid var(--proto-line);border-radius:16px;padding:12px;font:inherit}.analytics-kpis .prototype-card{display:grid;gap:8px}.analytics-kpis strong{font-size:32px}.analytics-kpis em{color:var(--proto-teal);font-weight:900}.analytics-grid{grid-template-columns:1fr 1fr}.prototype-card.wide{grid-column:1/-1}.bar-row{grid-template-columns:120px minmax(0,1fr) 50px}.bar-row div{height:10px;background:#eef2f7;border-radius:999px;overflow:hidden}.bar-row i{display:block;height:100%;background:var(--proto-teal);border-radius:inherit}.rank-row{grid-template-columns:40px minmax(0,1fr) 120px}.rank-row span{width:30px;height:30px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;background:var(--proto-purple-soft);color:var(--proto-purple)}.suggestion-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.suggestion-grid p{margin:0;padding:14px;border-radius:18px;background:var(--proto-panel-soft)}.connection-card{align-content:start}.platform-large{width:58px;height:58px;border-radius:20px;font-size:18px}.connection-status{width:-moz-fit-content;width:fit-content;padding:7px 10px;border-radius:999px;font-weight:900;font-size:12px}.connection-status.connected{background:#e7f8eb;color:#177245}.connection-status.attention{background:#fff3d6;color:#9a5b00}.connection-status.off{background:#eef2f7;color:#475467}.connection-status.soon{background:var(--proto-purple-soft);color:var(--proto-purple)}.connection-card button:disabled{background:#eef2f7;color:#98a2b3}.subscription-layout{grid-template-columns:.9fr 1.4fr}.plan-summary-card h3{font-size:44px;margin:12px 0}.usage-card{padding:18px;display:grid;gap:10px}.usage-card strong{font-size:26px}@media (max-width:1200px){.prototype-shell{grid-template-columns:1fr}.prototype-sidebar{position:static;height:auto}.prototype-nav{grid-template-columns:repeat(4,minmax(0,1fr))}.calendar-grid{overflow-x:auto}.calendar-grid>*{min-width:130px}.analytics-kpis,.asset-grid,.campaign-grid,.connection-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:820px){.prototype-main{padding:16px}.analytics-grid,.approval-layout,.approval-preview,.content-layout,.import-grid,.page-head,.planner-hero,.planner-toolbar,.prototype-topbar,.subscription-layout{grid-template-columns:1fr;flex-direction:column;align-items:stretch}.analytics-kpis,.asset-grid,.campaign-grid,.connection-grid,.prototype-nav,.suggestion-grid{grid-template-columns:1fr}.filter-row select{width:100%}.calendar-grid{grid-template-columns:repeat(7,140px)}.post-drawer{width:100vw}.drawer-grid{grid-template-columns:1fr}}.prototype-shell{grid-template-columns:minmax(0,1fr) 304px;background:linear-gradient(180deg,hsla(0,0%,100%,.74),rgba(246,248,251,.96)),var(--proto-bg)}.prototype-sidebar{grid-column:2;grid-row:1;border-left:0;border-right:1px solid rgba(228,233,241,.75);box-shadow:-20px 0 60px rgba(17,28,53,.035)}.prototype-main{grid-column:1;grid-row:1}.prototype-brand-mark{background:linear-gradient(145deg,#0f766e,#13b8a6);box-shadow:0 12px 28px rgba(16,168,149,.22)}.prototype-nav a{justify-content:space-between;border:1px solid transparent}.prototype-nav a.active{border-color:rgba(16,168,149,.16);background:linear-gradient(90deg,rgba(16,168,149,.13),rgba(124,58,237,.08));color:#08786c}.prototype-topbar{display:grid;grid-template-columns:minmax(190px,.85fr) minmax(240px,.9fr) minmax(240px,1fr) auto;align-items:center;gap:16px;min-height:86px}.topbar-title p{margin:6px 0 0;color:var(--proto-muted);font-size:13px}.topbar-workspace-switch{display:grid;grid-template-columns:auto minmax(150px,1fr) auto;align-items:center;gap:10px;padding:10px;border:1px solid var(--proto-line);border-radius:18px;background:#fff}.topbar-workspace-switch span{color:var(--proto-muted);font-size:12px;font-weight:800}.prototype-search input,.topbar-workspace-switch select{border:0;background:transparent;color:var(--proto-ink);font:inherit;font-weight:800;min-width:0}.topbar-workspace-switch strong{padding:7px 10px;border-radius:999px;background:var(--proto-mint);color:#08786c;font-size:12px;white-space:nowrap}.topbar-tools{display:flex;align-items:center;gap:10px}.prototype-search{flex:1;min-width:190px;display:flex;align-items:center;gap:8px;padding:11px 13px;border:1px solid var(--proto-line);border-radius:18px;background:#f8fafc}.prototype-search span{color:var(--proto-muted);font-size:12px;font-weight:800}.prototype-search input{width:100%;outline:0}.notification-button{position:relative;width:42px;height:42px;border-radius:15px;border:1px solid var(--proto-line);background:#fff}.notification-button:before{content:"";width:13px;height:15px;display:block;margin:0 auto;border:solid var(--proto-ink);border-width:2px 2px 3px;border-radius:9px 9px 5px 5px}.notification-button span{position:absolute;top:-6px;left:-6px;min-width:20px;height:20px;padding:0 5px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:#ef4444;color:#fff;font-size:11px;font-weight:900}.prototype-account{direction:rtl;text-align:right}.avatar-mark{width:42px;height:42px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:var(--proto-ink);color:#fff;font-weight:900}.planner-hero{min-height:126px;background:radial-gradient(circle at 12% 0,rgba(124,58,237,.12),transparent 28%),linear-gradient(135deg,rgba(16,168,149,.12),hsla(0,0%,100%,.94) 52%),#fff}.planner-hero h2{font-size:34px}.planner-toolbar{border-radius:22px;box-shadow:0 14px 44px rgba(17,28,53,.045)}.month-switcher strong{min-width:136px;text-align:center;font-size:22px}.calendar-panel{padding:14px;border:1px solid var(--proto-line);border-radius:28px;background:hsla(0,0%,100%,.86);box-shadow:0 24px 70px rgba(17,28,53,.055)}.calendar-grid{border-radius:20px}.weekday{background:#fbfcfe;padding:14px 12px}.calendar-day{min-height:166px;transition:background .16s ease,box-shadow .16s ease}.calendar-day.selected{background:linear-gradient(180deg,rgba(239,232,255,.72),#fff);box-shadow:inset 0 0 0 2px rgba(124,58,237,.3)}.calendar-day.selected .day-number{background:var(--proto-purple);color:#fff}.calendar-post{min-height:96px;box-shadow:0 10px 24px rgba(17,28,53,.045)}.calendar-post.active{border-color:#2563eb;box-shadow:0 0 0 3px rgba(37,99,235,.12),0 14px 30px rgba(17,28,53,.08)}.calendar-post .status-pill{justify-self:start}.planner-summary-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.summary-card{padding:16px;border-radius:22px;border:1px solid var(--proto-line);background:#fff;box-shadow:0 14px 46px rgba(17,28,53,.045)}.summary-card strong{display:block;margin:12px 0 4px;font-size:30px;color:var(--proto-ink)}.summary-card p{margin:0;color:var(--proto-muted);font-size:13px}.subscription-summary{background:linear-gradient(135deg,rgba(16,168,149,.12),rgba(124,58,237,.1)),#fff}.post-drawer{width:min(470px,100vw);border-right:1px solid rgba(228,233,241,.7)}.drawer-head h2{margin:8px 0 0;font-size:24px}.drawer-status-line{display:flex;justify-content:space-between;align-items:center;gap:12px;font-weight:900}.media-preview{position:relative;overflow:hidden;min-height:240px}.media-preview:after,.media-preview:before{content:"";position:absolute;border-radius:999px;background:hsla(0,0%,100%,.58);filter:blur(1px)}.media-preview:before{width:170px;height:170px;right:-54px;top:-44px}.media-preview:after{width:220px;height:120px;left:-70px;bottom:-36px}.media-preview i{width:86px;height:86px;border-radius:28px;background:linear-gradient(135deg,rgba(17,28,53,.14),rgba(16,168,149,.18)),#fff;border:1px solid hsla(0,0%,100%,.78);box-shadow:0 18px 44px rgba(17,28,53,.1);z-index:1}.media-preview span,.media-preview strong{z-index:1}.drawer-actions{display:grid;grid-template-columns:repeat(5,minmax(0,1fr))}.drawer-actions button{min-height:44px;padding:10px 12px}.drawer-actions .primary-action,.drawer-actions button:first-child{background:var(--proto-teal);color:#fff;border-color:var(--proto-teal)}.stepper-card{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:12px}.stepper-card button{background:#fff;color:var(--proto-muted);border:1px solid var(--proto-line);display:flex;align-items:center;justify-content:center;gap:9px}.stepper-card button span{width:26px;height:26px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:#eef2f7}.stepper-card button.active{color:var(--proto-purple);border-color:rgba(124,58,237,.34);background:var(--proto-purple-soft)}.upload-zone{background:linear-gradient(135deg,rgba(16,168,149,.08),rgba(124,58,237,.06)),#fff}.approval-preview,.asset-card,.campaign-card,.connection-card,.plan-summary-card,.prototype-card,.usage-card{box-shadow:0 16px 50px rgba(17,28,53,.045)}.asset-card:hover,.calendar-post:hover,.campaign-card:hover,.connection-card:hover{transform:translateY(-1px)}.asset-card,.calendar-post,.campaign-card,.connection-card{transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.empty-upload-card{background:linear-gradient(135deg,rgba(16,168,149,.08),rgba(124,58,237,.06)),#fff;color:var(--proto-muted)}@media (max-width:1200px){.prototype-shell{grid-template-columns:1fr}.prototype-main,.prototype-sidebar{grid-column:1;grid-row:auto}.prototype-sidebar{border-right:0;border-bottom:1px solid var(--proto-line)}.prototype-topbar{grid-template-columns:1fr 1fr}.planner-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:820px){.planner-summary-grid,.prototype-topbar,.topbar-tools,.topbar-workspace-switch{grid-template-columns:1fr}.drawer-actions{grid-template-columns:1fr 1fr}}.prototype-shell{display:block;min-height:100vh}.prototype-sidebar{position:fixed;inset:0 0 0 auto;height:100vh;z-index:30;padding:18px 16px;gap:16px}.prototype-main{margin-right:286px;padding:16px 20px 32px;gap:14px}.prototype-brand{min-height:54px;padding-bottom:10px;border-bottom:1px solid var(--proto-line)}.prototype-brand-mark{width:42px;height:42px;border-radius:14px}.prototype-nav{gap:6px}.prototype-nav a{border-radius:14px}.prototype-nav a:before{content:"";width:7px;height:7px;border-radius:999px;background:transparent}.prototype-nav a.active:before{background:var(--proto-teal)}.sidebar-help-card{margin-top:auto;padding:14px;border-radius:18px;border:1px solid rgba(16,168,149,.16);background:linear-gradient(135deg,rgba(16,168,149,.09),rgba(124,58,237,.06)),#fff;display:grid;gap:7px}.sidebar-help-card span{color:var(--proto-muted);font-size:12px}.sidebar-help-card button{min-height:36px;border:0;border-radius:12px;background:var(--proto-ink);color:#fff;font:inherit;font-weight:800}.prototype-topbar{position:sticky;top:12px;z-index:20;grid-template-columns:minmax(260px,.9fr) minmax(280px,1fr) auto;min-height:68px;padding:10px 12px;border-radius:20px}.topbar-title{display:none}.topbar-workspace-switch{min-height:48px;grid-template-columns:auto minmax(120px,1fr) auto;border-radius:16px}.topbar-tools{min-width:0}.prototype-search{min-width:180px;min-height:48px;padding:9px 12px;border-radius:16px}.prototype-account{min-width:154px;padding-inline-start:6px}.avatar-mark,.notification-button{width:38px;height:38px}.page-head,.planner-hero{min-height:auto;padding:16px 18px;border-radius:22px}.page-head h2,.planner-hero h2{font-size:25px}.page-head p,.planner-hero p{margin:7px 0 0}.planner-toolbar{padding:10px 12px;border-radius:18px}.month-switcher strong{font-size:20px}.calendar-panel{padding:10px;border-radius:22px}.calendar-day{min-height:148px}.calendar-post{min-height:84px}.planner-summary-grid{grid-template-columns:repeat(5,minmax(130px,1fr))}.summary-card{padding:13px;border-radius:18px}.summary-card strong{margin:9px 0 3px;font-size:25px}.approval-layout{grid-template-columns:300px minmax(0,1fr);align-items:start}.approval-queue{min-width:0;padding:14px;border:1px solid var(--proto-line);border-radius:22px;background:#fff;box-shadow:0 16px 50px rgba(17,28,53,.045)}.queue-head{gap:10px;margin-bottom:10px}.queue-head,.queue-row-top{display:flex;justify-content:space-between;align-items:center}.queue-row-top{gap:8px}.approval-queue button{min-height:112px;padding:12px;overflow:hidden}.approval-queue button strong{line-height:1.55;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.approval-preview{grid-template-columns:270px minmax(0,1fr);gap:18px;padding:18px}.preview-phone{border-width:8px;border-radius:28px;max-width:270px}.preview-phone .media-preview{min-height:180px}.preview-phone p{margin:12px 0 0;color:var(--proto-muted);line-height:1.65}.approval-side{min-width:0;padding:0;align-content:start}.approval-side-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.approval-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.approval-actions button{min-height:44px;border-radius:14px;border:1px solid var(--proto-line);background:#fff;color:var(--proto-ink);font:inherit;font-weight:900}.approval-actions .primary-action{background:var(--proto-teal);color:#fff;border-color:var(--proto-teal)}.approval-actions .danger{color:var(--proto-danger)}.content-layout{grid-template-columns:minmax(0,1fr) 310px}.asset-grid{grid-template-columns:repeat(3,minmax(180px,1fr))}.asset-card{min-height:250px}.asset-thumb{position:relative;height:126px;overflow:hidden}.asset-thumb span{position:absolute;top:10px;right:10px;z-index:1;padding:6px 9px;border-radius:999px;background:hsla(0,0%,100%,.82);color:var(--proto-ink);font-size:12px;font-weight:900}.asset-thumb i{width:68px;height:68px;border-radius:22px;background:hsla(0,0%,100%,.68);border:1px solid hsla(0,0%,100%,.72)}.asset-image{background:linear-gradient(135deg,rgba(16,168,149,.22),rgba(17,28,53,.08)),#edfdfa}.asset-video{background:linear-gradient(135deg,rgba(124,58,237,.22),rgba(17,28,53,.09)),#f4efff}.asset-text{background:linear-gradient(135deg,rgba(17,28,53,.1),rgba(16,168,149,.12)),#f8fafc}.asset-tags{display:flex;flex-wrap:wrap;gap:7px}.asset-tags span{width:-moz-fit-content;width:fit-content;padding:6px 9px;border-radius:999px;background:var(--proto-panel-soft);color:var(--proto-muted);font-size:12px}.detail-panel{position:sticky;top:96px;align-self:start}.asset-large-preview{height:190px;align-content:center;gap:8px}.connection-grid{grid-template-columns:repeat(4,minmax(170px,1fr))}.connection-card{min-height:210px;gap:8px}.connection-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.platform-large{width:48px;height:48px;border-radius:16px}.connection-card h3{margin:4px 0 0}.connection-card button{min-height:40px;margin-top:auto}.analytics-kpis{grid-template-columns:repeat(4,minmax(150px,1fr))}.analytics-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.analytics-timeline div{display:grid;gap:10px}.analytics-timeline span{min-width:180px;max-width:100%;padding:10px 12px;border-radius:14px;background:linear-gradient(90deg,rgba(16,168,149,.18),rgba(124,58,237,.1));color:var(--proto-ink);font-weight:900}.subscription-layout{grid-template-columns:360px minmax(0,1fr)}.plan-feature-list{display:grid;gap:8px;margin:16px 0}.plan-feature-list span{padding:10px 12px;border-radius:14px;background:var(--proto-panel-soft);color:var(--proto-muted);font-size:13px}.settings-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}@media (min-width:901px) and (max-width:1180px){.prototype-sidebar{width:236px;padding:16px 12px}.prototype-main{margin-right:236px;padding:14px}.prototype-topbar{grid-template-columns:minmax(220px,.9fr) minmax(220px,1fr) auto}.prototype-account div{display:none}.calendar-grid{grid-template-columns:repeat(7,minmax(112px,1fr))}.approval-layout{grid-template-columns:270px minmax(0,1fr)}.approval-preview{grid-template-columns:230px minmax(0,1fr)}.preview-phone{max-width:230px}.asset-grid,.connection-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:900px){.prototype-sidebar{position:static;width:auto;height:auto}.prototype-main{margin-right:0}.prototype-topbar{position:static}.analytics-grid,.analytics-kpis,.approval-layout,.approval-preview,.asset-grid,.connection-grid,.content-layout,.prototype-topbar,.settings-grid,.subscription-layout{grid-template-columns:1fr}.detail-panel{position:static}}.prototype-sidebar{width:286px;min-width:286px;overflow-x:hidden}.prototype-nav{display:flex;flex-direction:column;gap:7px;min-width:0}.prototype-nav a{display:flex;flex-direction:row;align-items:center;gap:10px;width:100%;min-width:0;min-height:44px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.prototype-nav a:before{display:none}.prototype-nav a b{width:28px;height:28px;flex:0 0 28px;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;background:#f1f5f9;color:var(--proto-muted);font-size:13px;font-weight:900}.prototype-nav a span{min-width:0;overflow:hidden;text-overflow:ellipsis}.prototype-nav a.active b{background:var(--proto-teal);color:#fff}@media (min-width:901px) and (max-width:1180px){.prototype-sidebar{position:fixed;inset:0 0 0 auto;width:248px;min-width:248px;height:100vh;padding:16px 12px}.prototype-main{margin-right:248px}.prototype-nav{display:flex;grid-template-columns:none}.prototype-nav a{min-height:42px;padding:9px 10px;font-size:13px}.sidebar-help-card{padding:11px}.sidebar-help-card button{min-height:34px}}@media (max-width:900px){.prototype-sidebar{position:fixed;inset:0 0 0 auto;width:76px;min-width:76px;height:100vh;padding:14px 10px;align-items:center;overflow-x:hidden}.prototype-main{margin-right:76px;padding:14px}.prototype-brand{justify-content:center;width:100%;padding-bottom:10px}.prototype-brand span:not(.prototype-brand-mark),.prototype-nav a span,.sidebar-help-card{display:none}.prototype-brand-mark{width:44px;height:44px}.prototype-nav{display:flex;grid-template-columns:none;width:100%;gap:8px}.prototype-nav a{width:52px;min-height:52px;justify-content:center;padding:0;border-radius:16px}.prototype-nav a b{width:34px;height:34px;flex-basis:34px;border-radius:12px}}@media (max-width:640px){.prototype-sidebar{width:66px;min-width:66px;padding-inline:7px}.prototype-main{margin-right:66px;padding:12px}.prototype-nav a{width:48px;min-height:48px}}.prototype-account{min-width:176px;max-width:210px;height:48px;display:flex;align-items:center;gap:10px;padding:5px 7px;border:1px solid var(--proto-line);border-radius:18px;background:#fff;overflow:hidden}.prototype-account div{min-width:0;display:grid;gap:2px;line-height:1.2}.prototype-account div span,.prototype-account strong{display:block;min-width:0;max-width:132px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.prototype-account strong{color:var(--proto-ink);font-size:13px}.prototype-account div span{color:var(--proto-muted)}.avatar-mark,.notification-button{flex:0 0 38px}@media (max-width:1180px){.prototype-account{min-width:48px;width:48px;max-width:48px;justify-content:center;padding:4px}.prototype-account div{display:none!important}}body{padding:0;background:#f6f8fb}.prototype-shell{--proto-bg:#f6f8fb;--proto-panel:#fff;--proto-panel-soft:#fafcfe;--proto-line:#dde6ef;--proto-line-soft:#eef3f7;--proto-ink:#102033;--proto-muted:#6c7a8e;--proto-teal:#0b9f8d;--proto-mint:#e0f8f3;--proto-purple:#7257f6;--proto-purple-soft:#efeaff;--proto-blue:#2e6bff;--proto-blue-soft:#eaf1ff;--proto-green:#18a058;--proto-green-soft:#e7f8ef;--proto-orange:#f27a1a;--proto-orange-soft:#fff0e3;--proto-red:#e44848;--proto-red-soft:#ffecec;color:var(--proto-ink);background:var(--proto-bg);font-family:Segoe UI,Tahoma,Arial,sans-serif}.prototype-main{max-width:1480px;min-height:100vh}.prototype-sidebar{width:260px;min-width:260px;padding:22px;border-right:1px solid var(--proto-line);box-shadow:-18px 0 44px rgba(16,32,51,.035)}.prototype-main{margin-right:260px;padding:0 26px 36px}.prototype-brand{min-height:72px}.prototype-brand-mark{position:relative;background:linear-gradient(145deg,#0b9f8d,#12bfa7)}.prototype-brand-mark:after,.prototype-brand-mark:before{content:"";position:absolute;inset-inline:10px;height:5px;border-radius:999px;background:#fff}.prototype-brand-mark:before{top:13px;box-shadow:0 8px 0 hsla(0,0%,100%,.82)}.prototype-brand-mark:after{bottom:8px;opacity:.66}.prototype-nav a{justify-content:flex-start;padding:10px 12px;color:var(--proto-ink);font-size:14px;font-weight:700}.prototype-nav a.active{color:var(--proto-teal);background:var(--proto-mint);border-color:rgba(11,159,141,.42)}.nav-icon{position:relative;border:1.8px solid;color:currentColor!important}.nav-icon:after,.nav-icon:before,.search-icon:after,.search-icon:before{content:"";position:absolute;border-color:currentColor}.nav-icon-home:before{inset:7px 6px 9px;border-top:1.8px solid;border-left:1.8px solid;transform:rotate(45deg)}.nav-icon-calendar:before{inset:7px 5px 6px;border-top:1.8px solid}.nav-icon-calendar:after,.nav-icon-card:after{inset:12px 5px auto;border-top:1.8px solid}.nav-icon-upload:before{top:6px;border-top:1.8px solid;border-left:1.8px solid;transform:rotate(45deg)}.nav-icon-upload:after{height:11px;top:7px;left:13px;border-left:1.8px solid}.nav-icon-image:before{width:7px;height:7px;right:5px;bottom:5px;border-top:1.8px solid;border-right:1.8px solid;transform:rotate(-45deg)}.nav-icon-tag{border-radius:9px 9px 9px 3px!important;transform:rotate(-8deg)}.nav-icon-check:before{width:10px;height:6px;top:8px;left:7px;border-left:2px solid;border-bottom:2px solid;transform:rotate(-45deg)}.nav-icon-chart:after,.nav-icon-chart:before{bottom:6px;width:2px;border-left:2px solid;border-radius:999px}.nav-icon-chart:before{height:10px;left:8px;box-shadow:6px -4px 0 currentColor}.nav-icon-chart:after{height:7px;right:6px}.nav-icon-link:before{inset:6px 5px;border-top:1.8px solid;border-bottom:1.8px solid}.nav-icon-card:before{inset:7px 5px 6px;border:0}.nav-icon-settings:before{inset:8px;border:2px solid;border-radius:50%}.prototype-topbar{top:0;min-height:80px;padding:14px 22px;margin-inline:-26px;border-width:0 0 1px;border-radius:0;box-shadow:0 10px 30px rgba(16,32,51,.035);background:hsla(0,0%,100%,.94)}.prototype-account,.prototype-search,.topbar-workspace-switch{box-shadow:0 10px 24px rgba(16,32,51,.035)}.search-icon{position:relative;width:18px;height:18px;flex:0 0 18px;color:var(--proto-muted)}.search-icon:before{width:10px;height:10px;top:1px;left:1px;border:2px solid;border-radius:50%}.search-icon:after{width:8px;top:13px;left:11px;border-top:2px solid;transform:rotate(45deg)}.avatar-mark{background:linear-gradient(145deg,#102033,#0b9f8d)}.approval-preview,.approval-queue,.asset-grid,.calendar-panel,.campaign-detail-panel,.campaign-list-panel,.detail-panel,.page-head,.plan-summary-card,.planner-hero,.planner-toolbar,.post-drawer,.prototype-card,.stepper-card,.success-state,.usage-card{border:1px solid var(--proto-line);background:#fff;box-shadow:0 16px 42px rgba(16,32,51,.055)}.page-head,.planner-hero{margin-top:18px;background:transparent;border-color:transparent;box-shadow:none;padding:8px 2px 4px}.page-head h2,.planner-hero h2{font-size:30px;color:var(--proto-ink)}.eyebrow-soft{background:var(--proto-mint);color:var(--proto-teal)}.api-state-row{display:flex;align-items:center;justify-content:flex-end;gap:10px;min-height:28px;margin:6px 0 0}.api-warning-badge{display:inline-flex;align-items:center;justify-content:center;min-height:26px;padding:5px 10px;border-radius:999px;border:1px solid rgba(245,158,11,.24);background:#fff7ed;color:#b45309;font-size:12px;font-style:normal;font-weight:800;line-height:1.3;white-space:nowrap}.action-feedback{display:flex;align-items:center;justify-content:flex-end;min-height:44px;padding:12px 16px;border-radius:18px;border:1px solid rgba(16,168,149,.2);background:rgba(209,250,229,.72);color:#08786c;font-size:13px;font-weight:900}.action-feedback.error{border-color:rgba(239,68,68,.22);background:hsla(0,93%,94%,.75);color:#b91c1c}button:disabled{cursor:not-allowed;opacity:.68}.connection-card button,.hero-cta-row a,.hero-cta-row button:first-child,.page-head button,.section-title-row button,.success-state a,.upload-zone button{background:var(--proto-teal)}.hero-cta-row button:nth-child(2){background:var(--proto-purple)}.hero-cta-row button:nth-child(3),.month-switcher button,.preview-tabs button{background:#fff;color:var(--proto-ink);border:1px solid var(--proto-line)}.planner-canvas{display:grid;grid-template-columns:320px minmax(0,1fr);gap:18px;align-items:start}.post-drawer{position:sticky;top:96px;width:auto;max-height:calc(100vh - 112px);height:auto;border-radius:24px;padding:18px;overflow:auto}.drawer-backdrop{position:static;display:contents;background:transparent}.asset-large-preview,.asset-thumb,.media-preview,.upload-visual{background:linear-gradient(135deg,var(--proto-mint),var(--proto-purple-soft) 55%,var(--proto-blue-soft))}.approval-actions button:nth-child(2),.drawer-actions .purple-action{background:var(--proto-purple);color:#fff;border-color:var(--proto-purple)}.status-ready{background:var(--proto-green-soft);color:var(--proto-green)}.status-scheduled{background:var(--proto-blue-soft);color:var(--proto-blue)}.status-review{background:var(--proto-orange-soft);color:var(--proto-orange)}.import-grid{grid-template-columns:420px minmax(0,1fr)}.upload-zone{border-style:solid;align-content:center;justify-items:center;text-align:center}.upload-visual{width:112px;height:92px;border-radius:26px;box-shadow:inset 0 -18px 0 hsla(0,0%,100%,.55)}.validation-panel{border-style:solid;min-height:240px}.validation-panel p{color:var(--proto-muted);margin:4px 0 0}.validation-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.validation-item{display:grid;grid-template-columns:1fr;justify-items:center;gap:4px;padding:16px 10px;border:1px solid var(--proto-line);border-radius:16px;background:var(--proto-panel-soft)}.validation-item.info strong{color:var(--proto-purple)}.preview-success{background:#fff;border-color:var(--proto-line)}.campaign-workspace{display:grid;grid-template-columns:390px minmax(0,1fr);gap:18px}.campaign-detail-panel,.campaign-list-panel{padding:18px;border-radius:24px}.campaign-list-card{display:grid;gap:12px;width:100%;padding:18px;border:1px solid var(--proto-line);border-radius:20px;background:#fff;color:inherit;font:inherit;text-align:start;cursor:pointer}.campaign-list-card+.campaign-list-card{margin-top:14px}.campaign-list-card.active{background:var(--proto-mint);border-color:var(--proto-teal)}.campaign-state{display:inline-flex;width:-moz-fit-content;width:fit-content;padding:5px 9px;border-radius:999px;background:hsla(0,0%,100%,.75);color:var(--proto-teal);font-size:12px;font-weight:900}.campaign-detail-panel{display:grid;gap:22px}.campaign-detail-panel h3{margin:8px 0 6px;font-size:28px}.campaign-section-block h4{margin:0 0 12px;font-size:17px}.campaign-asset-strip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.asset-mini{min-height:82px;padding:12px;border-radius:18px;background:var(--proto-mint);color:var(--proto-ink);font-size:12px;font-weight:800}.campaign-timeline{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding-top:24px}.campaign-timeline i,.campaign-timeline:before{content:"";position:absolute;top:8px;right:0;height:8px;border-radius:999px}.campaign-timeline:before{left:0;background:var(--proto-line-soft)}.campaign-timeline i{background:var(--proto-teal)}.campaign-timeline span{color:var(--proto-muted);font-size:12px;font-weight:800;text-align:center}.analytics-grid{align-items:stretch}.heatmap-grid{display:grid!important;grid-template-columns:repeat(7,1fr);gap:8px}.heatmap-grid span{min-width:0;height:18px;padding:0;border-radius:7px}.heat-0{background:var(--proto-mint)!important}.heat-1{background:var(--proto-blue-soft)!important}.heat-2{background:var(--proto-purple-soft)!important}.heat-3{background:var(--proto-orange-soft)!important}.heat-4{background:var(--proto-green-soft)!important}.connection-grid{grid-template-columns:repeat(3,minmax(220px,1fr))}.subscription-layout{grid-template-columns:420px minmax(0,1fr)}.usage-grid{display:grid;grid-template-columns:1fr;gap:14px}@media (min-width:901px) and (max-width:1180px){.prototype-sidebar{width:80px;min-width:80px;padding:18px 12px;align-items:center}.prototype-main{margin-right:80px}.prototype-brand span:not(.prototype-brand-mark),.prototype-nav a span,.sidebar-help-card{display:none}.prototype-nav a{width:54px;min-height:52px;justify-content:center;padding:0}.planner-canvas{grid-template-columns:minmax(0,1fr) 250px}.post-drawer{grid-column:2;grid-row:1}.calendar-panel{grid-column:1;grid-row:1}.calendar-grid{grid-template-columns:repeat(7,minmax(82px,1fr))}.calendar-day{min-height:108px}.calendar-post{min-height:48px;padding:7px}.calendar-post .status-pill,.calendar-post strong{display:none}.campaign-workspace,.content-layout,.import-grid,.subscription-layout{grid-template-columns:1fr}.connection-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:900px){.prototype-sidebar{width:76px;min-width:76px}.prototype-main{margin-right:76px;padding:0 14px 28px}.prototype-topbar{margin-inline:-14px;padding:12px 14px}.analytics-grid,.approval-layout,.campaign-workspace,.content-layout,.import-grid,.planner-canvas,.subscription-layout{grid-template-columns:1fr}.post-drawer{position:static;max-height:none}.campaign-asset-strip,.connection-grid,.validation-grid{grid-template-columns:1fr 1fr}}.prototype-shell.sidebar-collapsed .prototype-sidebar{width:82px;min-width:82px;padding-inline:13px;align-items:center}.prototype-shell.sidebar-collapsed .prototype-main{margin-right:82px}.prototype-shell.sidebar-collapsed .prototype-brand{justify-content:center}.prototype-shell.sidebar-collapsed .prototype-brand span:not(.prototype-brand-mark),.prototype-shell.sidebar-collapsed .prototype-nav a span,.prototype-shell.sidebar-collapsed .sidebar-collapse-button strong,.prototype-shell.sidebar-collapsed .sidebar-help-card{display:none}.prototype-shell.sidebar-collapsed .prototype-nav a{width:54px;min-height:52px;justify-content:center;padding:0}.sidebar-collapse-button{width:100%;min-height:42px;border:1px solid var(--proto-line);border-radius:14px;background:#fff;color:var(--proto-ink);display:inline-flex;align-items:center;justify-content:center;gap:9px;font:inherit;font-weight:900}.sidebar-collapse-button span{position:relative;width:24px;height:24px;border-radius:9px;border:1.8px solid}.sidebar-collapse-button span:after,.sidebar-collapse-button span:before{content:"";position:absolute;top:7px;width:7px;height:7px;border-top:2px solid;border-left:2px solid}.sidebar-collapse-button span:before{right:5px;transform:rotate(135deg)}.sidebar-collapse-button span:after{left:5px;transform:rotate(-45deg)}.prototype-shell.sidebar-collapsed .sidebar-collapse-button{width:54px;padding:0}.prototype-shell.sidebar-collapsed .sidebar-collapse-button span:before{transform:rotate(-45deg)}.prototype-shell.sidebar-collapsed .sidebar-collapse-button span:after{transform:rotate(135deg)}.nav-icon{border-radius:10px!important;border-color:currentColor!important;background:transparent!important}.prototype-nav a.active .nav-icon{color:#fff!important;background:var(--proto-teal)!important;border-color:var(--proto-teal)!important}.prototype-nav a:not(.active) .nav-icon{background:#f5f8fb!important}.nav-icon-calendar:before{inset:5px 5px 6px;border:1.8px solid;border-radius:4px}.nav-icon-calendar:after{top:10px;left:5px;right:5px;border-top:1.8px solid}.nav-icon-upload{border-bottom-color:transparent!important}.nav-icon-upload:before{width:8px;height:8px;top:5px;left:8px}.nav-icon-image:before{inset:6px 5px 5px;border:1.8px solid;border-radius:4px;transform:none}.nav-icon-image:after{width:8px;height:8px;right:6px;bottom:6px;border-right:1.8px solid;border-top:1.8px solid;transform:rotate(-45deg)}.nav-icon-tag{transform:rotate(-12deg)}.nav-icon-tag:before{width:4px;height:4px;top:6px;right:6px;border-radius:50%;background:currentColor}.nav-icon-link:before{right:4px}.nav-icon-link:after,.nav-icon-link:before{width:9px;height:7px;top:8px;border:1.8px solid;border-radius:999px}.nav-icon-link:after{left:4px}.nav-icon-card:before{inset:6px 5px;border:1.8px solid;border-radius:4px}.nav-icon-settings:after{inset:10px;background:currentColor;border-radius:50%}.prototype-account{min-width:188px;gap:12px}.prototype-account strong{max-width:138px;font-size:14px;font-weight:900}.prototype-account div span{max-width:138px;font-size:12px}.avatar-mark:before{content:"ت";color:#fff;font-weight:900}.drawer-backdrop{position:fixed!important;inset:0!important;z-index:60;display:flex!important;justify-content:flex-start;align-items:stretch;background:rgba(16,32,51,.24)!important;backdrop-filter:blur(2px)}.post-drawer{position:relative!important;top:auto!important;width:min(560px,calc(100vw - 24px));max-height:100vh;height:100vh;border:0;border-inline-end:1px solid var(--proto-line);animation:drawerSlideIn .18s ease-out}.calendar-panel{transition:filter .16s ease}.detail-panel .drawer-actions,.plan-summary-card .drawer-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.detail-panel .drawer-actions button,.plan-summary-card .drawer-actions button{min-height:48px;padding:12px 16px;border-radius:14px;font-size:14px;line-height:1.3;text-align:center}.detail-panel .drawer-actions button:first-child,.plan-summary-card .drawer-actions button:first-child{background:var(--proto-teal);color:#fff;border-color:var(--proto-teal)}.detail-panel .drawer-actions button:nth-child(2),.plan-summary-card .drawer-actions button:nth-child(2){background:#fff;color:var(--proto-ink);border-color:var(--proto-line)}.settings-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:18px;align-items:start}.settings-main-grid,.settings-side-panel{display:grid;gap:16px}.settings-side-panel{position:sticky;top:96px}.settings-section-card{padding:20px;border:1px solid var(--proto-line);border-radius:24px;background:#fff;box-shadow:0 16px 42px rgba(16,32,51,.055)}.settings-card-head{display:flex;gap:14px;align-items:flex-start;margin-bottom:18px}.settings-card-head h3{margin:0 0 6px;font-size:20px}.settings-card-head p{margin:0;color:var(--proto-muted);line-height:1.6}.settings-icon{width:42px;height:42px;border-radius:14px;background:var(--proto-mint);position:relative;flex:0 0 42px}.settings-icon:before{content:"";position:absolute;inset:12px;border:2px solid var(--proto-teal);border-radius:8px}.settings-icon.accent{background:var(--proto-purple-soft)}.settings-icon.accent:before{border-color:var(--proto-purple)}.settings-icon.notify{background:var(--proto-blue-soft)}.settings-icon.notify:before{border-color:var(--proto-blue);border-radius:50%}.settings-list,.toggle-list{display:grid;gap:10px}.settings-row,.toggle-list label{min-height:52px;padding:12px 14px;border:1px solid var(--proto-line-soft);border-radius:16px;background:var(--proto-panel-soft);display:flex;align-items:center;justify-content:space-between;gap:14px}.settings-row span,.toggle-list span{color:var(--proto-muted);font-weight:700}.settings-row strong{color:var(--proto-ink);text-align:left}.approval-flow-preview{display:grid;gap:10px}.approval-flow-preview span{padding:12px 14px;border-radius:16px;background:var(--proto-panel-soft);color:var(--proto-muted);font-weight:800}.approval-flow-preview span.active{background:var(--proto-mint);color:var(--proto-teal)}.toggle-list input{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:44px;height:26px;border-radius:999px;border:1px solid var(--proto-line);background:#e8eef5;position:relative;flex:0 0 44px}.toggle-list input:before{content:"";position:absolute;top:3px;right:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 2px 8px rgba(16,32,51,.16)}.toggle-list input:checked{background:var(--proto-teal);border-color:var(--proto-teal)}.toggle-list input:checked:before{right:21px}@media (min-width:901px) and (max-width:1180px){.prototype-shell:not(.sidebar-collapsed) .prototype-sidebar{width:80px;min-width:80px}.prototype-shell:not(.sidebar-collapsed) .prototype-main{margin-right:80px}.prototype-shell:not(.sidebar-collapsed) .prototype-brand span:not(.prototype-brand-mark),.prototype-shell:not(.sidebar-collapsed) .prototype-nav a span,.prototype-shell:not(.sidebar-collapsed) .sidebar-collapse-button strong,.prototype-shell:not(.sidebar-collapsed) .sidebar-help-card{display:none}.settings-layout{grid-template-columns:1fr}.settings-side-panel{position:static}}@media (max-width:900px){.prototype-account{width:48px;min-width:48px}.settings-layout{grid-template-columns:1fr}.settings-side-panel{position:static}.post-drawer{width:min(540px,100vw);border-radius:0}}.prototype-nav a .nav-icon-chip{width:34px;height:34px;flex:0 0 34px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--proto-line);border-radius:12px;background:#f7fafc;color:var(--proto-muted);transition:background .16s ease,color .16s ease,border-color .16s ease,box-shadow .16s ease}.prototype-nav a.active .nav-icon-chip{background:var(--proto-teal);border-color:var(--proto-teal);color:#fff;box-shadow:0 10px 22px rgba(11,159,141,.22)}.nav-svg-icon{width:21px;height:21px;display:block}.prototype-shell.sidebar-collapsed .prototype-nav a .nav-icon-chip{width:36px;height:36px;flex-basis:36px}@media (min-width:901px) and (max-width:1180px){.prototype-shell:not(.sidebar-collapsed) .prototype-nav a .nav-icon-chip{width:36px;height:36px;flex-basis:36px}}.drawer-backdrop{direction:ltr;justify-content:flex-start!important;padding-right:260px}.post-drawer{direction:rtl;margin-right:auto;margin-left:0;border-radius:0 28px 28px 0;transform-origin:left center}@keyframes drawerSlideIn{0%{transform:translateX(-28px);opacity:.65}to{transform:translateX(0);opacity:1}}.prototype-shell.sidebar-collapsed .drawer-backdrop{padding-right:82px}@media (min-width:901px) and (max-width:1180px){.drawer-backdrop{padding-right:80px}}@media (max-width:900px){.drawer-backdrop{padding-right:76px}}