:root{
  --bg:#f4f6f1;--surface:#fff;--surface-2:#f8faf6;--ink:#11140f;--muted:#717b6d;--muted-2:#98a094;
  --line:#dfe5da;--line-2:#ebeee8;--brand:#76b82a;--brand-2:#a8e75d;--brand-soft:#eef9e5;
  --blue:#4f86ff;--purple:#9568ff;--orange:#ff9d4d;--red:#e75555;--cyan:#3fb9d8;
  --r:20px;--r-lg:28px;--shadow:0 18px 60px rgba(24,35,17,.06);--shadow-lg:0 30px 90px rgba(20,28,14,.10);
  --side:264px;--top:72px;--ease:cubic-bezier(.2,.8,.2,1)
}
*{box-sizing:border-box}html{font-family:Montserrat,-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",Arial,sans-serif;background:var(--bg);color:var(--ink);scroll-behavior:smooth}body{margin:0;min-width:320px;background:radial-gradient(circle at 78% -20%,rgba(118,184,42,.08),transparent 30%),var(--bg);font-size:14px}button,input,textarea,select{font:inherit}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}button{cursor:pointer}img,video{max-width:100%}::selection{background:#cdefaa;color:#15200d}
.app-shell{min-height:100vh}.sidebar{position:fixed;z-index:80;left:0;top:0;bottom:0;width:var(--side);background:rgba(250,251,248,.94);backdrop-filter:blur(24px);border-right:1px solid var(--line);display:flex;flex-direction:column;transition:width .28s var(--ease),box-shadow .28s var(--ease);overflow:visible}.app-main{min-width:0;margin-left:var(--side);transition:margin-left .28s var(--ease)}
html.loco-sidebar-auto:not(.loco-sidebar-hover):not(.loco-sidebar-pinned){--side:76px}html.loco-sidebar-pinned{--side:264px}.side-brand{height:var(--top);display:flex;align-items:center;padding:0 14px;gap:8px;border-bottom:1px solid var(--line-2)}.brand-lockup{display:flex;align-items:center;gap:11px;min-width:0;flex:1}.app-logo{width:44px;height:44px;flex:0 0 44px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(135deg,#111 0%,#24321c 42%,#76b82a 100%);color:#dfffbc;box-shadow:0 10px 28px rgba(76,116,38,.18),inset 0 0 0 1px rgba(255,255,255,.08);font-size:16px}.brand-copy{display:grid;gap:1px;white-space:nowrap;overflow:hidden}.brand-copy b{font-size:15px;letter-spacing:-.03em}.brand-copy small{font-size:9px;letter-spacing:.14em;color:#7c8677;font-weight:800;text-transform:uppercase}.side-pin{position:absolute;right:-13px;top:calc(var(--top)/2 - 13px);width:26px;height:26px;border:1px solid var(--line);border-radius:50%;background:#fff;color:#6f786b;display:grid;place-items:center;box-shadow:0 7px 18px rgba(18,28,13,.09);z-index:4;transition:transform .25s var(--ease),background .2s}.side-pin:hover{background:#111;color:#fff}.loco-sidebar-pinned .side-pin{transform:rotate(180deg)}.sidebar-scroll{overflow:auto;overflow-x:hidden;padding:14px 11px 20px;scrollbar-width:thin;scrollbar-color:#d9ded5 transparent;flex:1}.side-section-title{font-size:9px;letter-spacing:.15em;font-weight:900;color:#a0a89d;padding:13px 12px 7px;white-space:nowrap}.side-nav{display:grid;gap:4px}.side-link{position:relative;min-height:42px;border-radius:13px;display:flex;align-items:center;gap:11px;padding:0 11px;color:#667062;font-size:12px;font-weight:750;white-space:nowrap;transition:background .18s,color .18s,transform .2s var(--ease),box-shadow .2s}.side-link:hover{background:#eef1ec;color:#111;transform:translateX(2px)}.side-link.active{background:#111;color:#fff;box-shadow:0 10px 24px rgba(14,18,12,.11);transform:none}.side-link.active:before{content:"";position:absolute;left:-6px;top:10px;bottom:10px;width:3px;border-radius:9px;background:var(--brand)}.side-link.active .side-icon{color:#bdf47d}.side-icon{width:24px;height:24px;flex:0 0 24px;display:grid;place-items:center;font-size:13px}.side-label{overflow:hidden;text-overflow:ellipsis}.side-link em{margin-left:auto;font-style:normal;min-width:22px;height:22px;border-radius:999px;padding:0 6px;display:grid;place-items:center;background:#edf3e8;color:#548b22;font-size:9px;font-weight:900}.side-link.active em{background:#24311e;color:#baf278}.tool-nav .side-link{border:1px solid transparent}.tool-nav .qr-tool .side-icon{color:#567cff}.tool-nav .agency-tool .side-icon{color:#76b82a}.side-bottom{padding:10px 11px 14px;border-top:1px solid var(--line-2);display:grid;gap:8px}.side-plan{padding:12px;border:1px solid var(--line);border-radius:15px;background:#fff;display:grid;gap:2px;white-space:nowrap;overflow:hidden}.side-plan small{font-size:8px;letter-spacing:.14em;color:#8c9587;font-weight:900}.side-plan b{font-size:16px;letter-spacing:-.04em}.side-plan span{font-size:9px;color:#929a8f}
html.loco-sidebar-auto:not(.loco-sidebar-hover):not(.loco-sidebar-pinned) .brand-copy,html.loco-sidebar-auto:not(.loco-sidebar-hover):not(.loco-sidebar-pinned) .side-section-title,html.loco-sidebar-auto:not(.loco-sidebar-hover):not(.loco-sidebar-pinned) .side-label,html.loco-sidebar-auto:not(.loco-sidebar-hover):not(.loco-sidebar-pinned) .side-link em,html.loco-sidebar-auto:not(.loco-sidebar-hover):not(.loco-sidebar-pinned) .side-plan{display:none}html.loco-sidebar-auto:not(.loco-sidebar-hover):not(.loco-sidebar-pinned) .side-brand{justify-content:center;padding:0 15px}html.loco-sidebar-auto:not(.loco-sidebar-hover):not(.loco-sidebar-pinned) .brand-lockup{flex:0}html.loco-sidebar-auto:not(.loco-sidebar-hover):not(.loco-sidebar-pinned) .side-link{justify-content:center;padding:0}html.loco-sidebar-auto:not(.loco-sidebar-hover):not(.loco-sidebar-pinned) .side-link:hover{transform:none}html.loco-sidebar-auto:not(.loco-sidebar-hover):not(.loco-sidebar-pinned) .sidebar [data-tip]:hover:after{content:attr(data-tip);position:absolute;left:62px;top:50%;transform:translateY(-50%);padding:8px 10px;border-radius:9px;background:#111;color:#fff;font-size:10px;font-weight:700;box-shadow:0 10px 28px rgba(0,0,0,.14);pointer-events:none;z-index:99;white-space:nowrap}
.topbar{height:var(--top);position:sticky;top:0;z-index:60;display:flex;align-items:center;justify-content:space-between;padding:0 28px;background:rgba(247,249,244,.82);backdrop-filter:blur(24px);border-bottom:1px solid rgba(222,228,217,.82)}.top-left,.top-actions{display:flex;align-items:center;gap:10px}.workspace-switch{display:flex;align-items:center;gap:8px;padding:5px 8px 5px 12px;border:1px solid var(--line);background:#fff;border-radius:13px}.workspace-switch select{appearance:none;border:0;background:transparent;font-size:11px;font-weight:800;outline:none;max-width:210px}.workspace-switch span{font-size:8px;padding:4px 7px;border-radius:999px;background:#f0f4ed;color:#6e7968;text-transform:uppercase;font-weight:900;letter-spacing:.07em}.mobile-menu{display:none;width:40px;height:40px;border:1px solid var(--line);background:#fff;border-radius:12px}.icon-btn{width:40px;height:40px;border:1px solid var(--line);border-radius:12px;background:#fff;color:#4f584b;display:inline-grid;place-items:center;transition:transform .18s,box-shadow .18s,background .18s}.icon-btn:hover{transform:translateY(-1px);box-shadow:0 9px 20px rgba(20,28,14,.08);background:#fbfcfa}.user-chip{height:46px;display:flex;align-items:center;gap:9px;padding:4px 7px 4px 4px;border:1px solid var(--line);border-radius:15px;background:#fff}.avatar,.big-avatar{display:grid;place-items:center;background:linear-gradient(135deg,#111,#36571f);color:#dfffbd;font-weight:900}.avatar{width:36px;height:36px;border-radius:12px;font-size:12px}.user-chip>div{display:grid;gap:1px}.user-chip b{font-size:10px;max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-chip small{font-size:8px;color:#929a8f;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.plan-pill{font-style:normal;font-size:8px;letter-spacing:.08em;font-weight:900;color:#558927;background:#edf7e5;border-radius:999px;padding:6px}.plan-pill.ultra{background:#111;color:#baff75}.btn{min-height:40px;border:0;border-radius:13px;padding:0 14px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:11px;font-weight:850;transition:transform .18s var(--ease),box-shadow .2s,filter .2s}.btn:hover{transform:translateY(-1px)}.btn:active,.mini-btn:active,.icon-btn:active{transform:scale(.97)}.btn-primary{background:linear-gradient(135deg,#6fb323,#a3e653);color:#17210e;box-shadow:0 10px 26px rgba(98,157,38,.19)}.btn-primary:hover{box-shadow:0 14px 32px rgba(98,157,38,.25);filter:saturate(1.04)}.btn-light{background:#fff;color:#242923;border:1px solid var(--line)}.btn-lg{min-height:48px;padding:0 18px;font-size:12px}.btn-block{width:100%}.top-create{min-height:40px}.page-wrap{width:min(1500px,calc(100% - 48px));margin:0 auto;padding:30px 0 70px;animation:pageIn .36s var(--ease) both}@keyframes pageIn{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}
.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:22px;margin:0 0 22px}.page-head.compact{margin-bottom:15px}.page-head h1{margin:5px 0 7px;font-size:38px;line-height:1;letter-spacing:-.055em}.page-head p{margin:0;color:var(--muted);font-size:12px;line-height:1.65;max-width:720px}.hero-head{padding:12px 0 5px}.hero-head h1{font-size:clamp(42px,4.7vw,72px);max-width:920px;line-height:.98}.hero-head h1 span{color:#5c9a21}.eyebrow{display:block;color:#609829;font-size:9px;font-weight:900;letter-spacing:.15em}.head-actions{display:flex;gap:8px;flex-wrap:wrap}.security-badge,.current-plan{display:inline-flex;align-items:center;gap:7px;border:1px solid #d8e7cb;background:#f3f9ee;color:#568628;border-radius:999px;padding:9px 12px;font-size:9px;font-weight:800}.current-plan b{color:#111}.card{background:rgba(255,255,255,.94);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow)}.card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.card-head small{font-size:8px;letter-spacing:.14em;color:#8b9486;font-weight:900}.card-head h2{font-size:20px;margin:4px 0 0;letter-spacing:-.04em}.card-head>a,.card-head>span{font-size:9px;color:#6e7869;font-weight:800}.notice{display:flex;align-items:flex-start;gap:9px;padding:13px 15px;margin-bottom:16px;border-radius:14px;font-size:11px;line-height:1.55}.notice.ok{background:#eff9e8;border:1px solid #d3eac2;color:#456f1f}.notice.err{background:#fff0f0;border:1px solid #efcccc;color:#8e2c2c}.notice.info{background:#eef5ff;border:1px solid #d6e2f7;color:#315c99}.setup-card{display:grid;grid-template-columns:58px 1fr auto;align-items:center;gap:18px;padding:20px 22px;margin-bottom:18px;border:1px solid #d3e5c4;border-radius:22px;background:linear-gradient(120deg,#f0f9e8,#fff);box-shadow:var(--shadow)}.setup-icon{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;background:#111;color:#baff78;font-size:20px}.setup-card small{font-size:8px;color:#62932f;font-weight:900;letter-spacing:.14em}.setup-card h2{margin:4px 0;font-size:21px}.setup-card p{margin:0;color:#687263;font-size:11px;line-height:1.6}.setup-card code{background:#e9f3e0;padding:2px 5px;border-radius:5px}.empty-state{grid-column:1/-1;min-height:190px;display:grid;place-items:center;align-content:center;text-align:center;padding:24px}.empty-state>span{width:52px;height:52px;border-radius:17px;background:#f1f5ed;color:#72a63e;display:grid;place-items:center;font-size:19px}.empty-state h3{font-size:16px;margin:12px 0 6px}.empty-state p{max-width:420px;margin:0 0 12px;color:#7b8476;font-size:10px;line-height:1.6}
.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px}.metric-card{position:relative;overflow:hidden;min-height:160px;padding:18px;border:1px solid var(--line);border-radius:20px;background:#fff;box-shadow:var(--shadow)}.metric-card:after{content:"";position:absolute;width:130px;height:130px;border-radius:50%;right:-55px;top:-60px;opacity:.11}.metric-card.green:after{background:#76b82a}.metric-card.blue:after{background:#4f86ff}.metric-card.purple:after{background:#9568ff}.metric-card.orange:after{background:#ff9d4d}.metric-icon{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;margin-bottom:15px;font-size:13px}.green .metric-icon{background:#edf8e4;color:#5d9826}.blue .metric-icon{background:#ecf2ff;color:#4f76d9}.purple .metric-icon{background:#f1ecff;color:#7c55d8}.orange .metric-icon{background:#fff2e7;color:#d77b30}.metric-card small{font-size:8px;letter-spacing:.1em;color:#8c9588;font-weight:900}.metric-card>b{display:block;margin-top:4px;font-size:34px;letter-spacing:-.06em}.metric-card p{margin:3px 0 0;color:#838b7e;font-size:9px}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,.45fr);gap:14px;margin-bottom:14px}.dashboard-grid.lower{grid-template-columns:1.05fr .95fr}.overview-card,.channel-health,.quick-actions,.activity-card{padding:20px}.mini-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:18px 0}.mini-metrics>div{padding:11px 12px;border-radius:13px;background:#f7f9f5;border:1px solid #eef1ec}.mini-metrics span{display:block;font-size:8px;color:#8a9385;text-transform:uppercase;font-weight:800}.mini-metrics b{display:block;font-size:17px;margin-top:4px}.chart-placeholder{height:190px;padding:18px 5px 0;display:flex;flex-direction:column;justify-content:flex-end}.chart-bars{height:145px;display:grid;grid-template-columns:repeat(12,1fr);gap:7px;align-items:end;border-bottom:1px solid #e7ebe4}.chart-bars i{height:var(--v);border-radius:8px 8px 2px 2px;background:linear-gradient(180deg,#99d956,#6fae2a);opacity:.88;min-height:8px}.chart-bars i:nth-child(3n){opacity:.56}.chart-axis{display:flex;justify-content:space-between;color:#9aa195;font-size:8px;padding-top:7px}.health-row{display:grid;grid-template-columns:36px 1fr auto;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid #eef0eb}.health-row:last-child{border:0}.social-logo,.account-platform,.integration-icon,.inline-platform{--pc:#76b82a}.social-logo{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;color:#fff;font-size:13px;background:var(--pc)}.facebook{--pc:#1877F2}.zalo{--pc:#0068FF}.instagram{--pc:#E4405F}.tiktok,.x{--pc:#111}.youtube{--pc:#FF0000}.linkedin{--pc:#0A66C2}.telegram{--pc:#229ED9}.whatsapp{--pc:#25D366}.health-row b{display:block;font-size:10px}.health-row small{display:block;font-size:8px;color:#939b90;margin-top:2px}.health-dot{width:8px;height:8px;border-radius:50%;background:#cbd1c8}.health-dot.connected{background:#65b727;box-shadow:0 0 0 4px #eaf6df}.health-dot.configured{background:#f3a230;box-shadow:0 0 0 4px #fff1de}.health-dot.error{background:#e65151;box-shadow:0 0 0 4px #fde8e8}.action-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;margin-top:16px}.action-grid a{min-height:105px;padding:14px;border:1px solid var(--line);border-radius:16px;background:#fafbf9;display:grid;align-content:center;gap:4px;transition:transform .18s,box-shadow .18s,background .18s}.action-grid a:hover{transform:translateY(-2px);background:#fff;box-shadow:0 12px 30px rgba(22,31,17,.07)}.action-grid i{font-size:16px;color:#629d2b;margin-bottom:6px}.action-grid b{font-size:11px}.action-grid span{font-size:8px;color:#90988d}.activity-row{display:grid;grid-template-columns:35px 1fr auto;gap:10px;align-items:center;padding:9px 0;border-bottom:1px solid #eef1ec}.activity-row>span{width:34px;height:34px;border-radius:11px;background:#f0f5eb;color:#659c31;display:grid;place-items:center}.activity-row b{font-size:9px}.activity-row small{display:block;font-size:8px;color:#979e94;margin-top:2px}.activity-row time{font-size:8px;color:#959d92}
.publisher-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(320px,.6fr);gap:15px;align-items:start}.composer-card{padding:22px}.composer-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.composer-top small,.preview-head small{font-size:8px;color:#689937;font-weight:900;letter-spacing:.14em}.composer-top h2{font-size:24px;margin:3px 0}.save-state{font-size:8px;color:#7f887a;background:#f4f6f2;border-radius:999px;padding:7px 9px}.field{display:grid;gap:7px;margin-bottom:14px}.field>span,.drawer-form label,.settings-form label,.integration-card label{font-size:9px;font-weight:800;color:#566052}.field input,.field select,.field textarea,.drawer-form input,.drawer-form select,.drawer-form textarea,.settings-form input,.settings-form select,.settings-form textarea,.integration-card input,.select-pill{width:100%;border:1px solid #dce3d8;border-radius:12px;background:#fff;color:#171b15;outline:none;padding:11px 12px;font-size:10px;transition:border-color .18s,box-shadow .18s}.field input:focus,.field select:focus,.field textarea:focus,.drawer-form input:focus,.drawer-form select:focus,.drawer-form textarea:focus,.settings-form input:focus,.settings-form select:focus,.settings-form textarea:focus,.integration-card input:focus{border-color:#9acb68;box-shadow:0 0 0 3px rgba(118,184,42,.11)}.field textarea,.drawer-form textarea,.settings-form textarea{min-height:100px;resize:vertical}.text-editor{border:1px solid #dce3d8;border-radius:15px;background:#fff;overflow:hidden}.editor-toolbar{height:42px;border-bottom:1px solid #edf0ea;display:flex;align-items:center;gap:4px;padding:0 8px}.editor-toolbar button,.editor-toolbar a{width:31px;height:31px;border:0;border-radius:9px;background:transparent;display:grid;place-items:center;color:#697365}.editor-toolbar button:hover,.editor-toolbar a:hover{background:#f1f4ef;color:#111}.text-editor textarea{width:100%;min-height:220px;border:0!important;box-shadow:none!important;padding:15px;resize:vertical;font-size:12px;line-height:1.65;outline:none}.editor-foot{display:flex;justify-content:space-between;padding:8px 12px;border-top:1px solid #edf0ea;color:#979f93;font-size:8px}.platform-selector{display:flex;flex-wrap:wrap;gap:7px}.platform-option{cursor:pointer}.platform-option input{position:absolute;opacity:0;pointer-events:none}.platform-option>span{width:38px;height:38px;border:1px solid #e1e5dd;border-radius:12px;background:#fff;display:grid;place-items:center;color:var(--pc);font-size:14px;transition:.18s}.platform-option b{display:none}.platform-option input:checked+span{background:var(--pc);color:#fff;border-color:var(--pc);box-shadow:0 7px 18px color-mix(in srgb,var(--pc) 25%,transparent);transform:translateY(-1px)}.schedule-box{display:grid;grid-template-columns:1fr auto;align-items:end;gap:12px;padding:14px;border-radius:16px;background:#f6f8f4;border:1px solid #e9ede6}.schedule-box label{display:grid;gap:6px}.schedule-box label span{font-size:9px;font-weight:800}.schedule-box input{border:1px solid #dbe2d7;border-radius:11px;padding:10px;background:#fff;font-size:10px}.publisher-actions{display:flex;gap:7px}.api-note{display:flex;gap:8px;margin-top:13px;padding:11px 12px;border-radius:12px;background:#eef5ff;color:#45668e;font-size:9px;line-height:1.55}.post-preview{position:sticky;top:90px;padding:18px}.preview-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.preview-head span{font-size:8px;color:#969e92}.preview-phone{max-width:420px;margin:auto;border:1px solid #e0e5dc;border-radius:20px;background:#fff;overflow:hidden;box-shadow:0 20px 60px rgba(22,30,17,.07)}.preview-profile{display:flex;align-items:center;gap:8px;padding:13px}.preview-profile b{font-size:10px}.preview-profile small{display:block;color:#8d9688;font-size:8px;margin-top:2px}.preview-phone>p{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:12px;line-height:1.55;padding:0 13px;white-space:pre-wrap;min-height:45px}.preview-media{height:230px;background:linear-gradient(135deg,#eff3eb,#f9fbf7);display:grid;place-items:center;align-content:center;gap:7px;color:#a1a99e}.preview-media i{font-size:26px}.preview-media span{font-size:9px}.preview-actions{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #edf0ea;padding:8px 10px}.preview-actions span{text-align:center;color:#747d71;font-size:8px}.content-library{margin-top:15px;padding:20px}.table-wrap{overflow:auto;margin-top:13px}table{width:100%;border-collapse:collapse;min-width:760px}th{font-size:8px;text-align:left;color:#929a8e;letter-spacing:.08em;text-transform:uppercase;padding:10px 12px;border-bottom:1px solid #e9ede6}td{padding:12px;border-bottom:1px solid #eef1ec;font-size:10px;vertical-align:middle}td>b{display:block;font-size:10px}td>small,td small{display:block;color:#8f988b;font-size:8px;margin-top:3px}.platform-stack{display:flex;gap:4px}.platform-chip{width:25px;height:25px;border-radius:8px;display:grid;place-items:center;color:#fff;background:var(--pc);font-size:10px}.status-pill{display:inline-flex;align-items:center;justify-content:center;min-height:24px;padding:0 8px;border-radius:999px;background:#eef1ed;color:#6d766a;font-size:8px;font-weight:900;white-space:nowrap}.status-pill.active,.status-pill.published,.status-pill.connected,.status-pill.done{background:#e9f6df;color:#568e23}.status-pill.scheduled,.status-pill.configured,.status-pill.pending{background:#fff1dc;color:#a26b18}.status-pill.paused,.status-pill.cancelled{background:#f1f1ef;color:#777}.status-pill.open{background:#eaf2ff;color:#416fae}.status-pill.error,.status-pill.spam{background:#fee9e9;color:#ae3f3f}.row-actions{display:flex;justify-content:flex-end;gap:5px}.row-actions form{display:inline-flex}.mini-btn{width:31px;height:31px;border-radius:9px;border:1px solid var(--line);background:#fff;color:#596254;display:grid;place-items:center;font-size:10px}.mini-btn:hover{background:#f4f6f2}.mini-btn.danger{color:#bd4b4b}.mini-btn.danger:hover{background:#fff0f0;border-color:#efcccc}
.calendar-card{padding:16px}.calendar-head{display:flex;align-items:center;justify-content:center;gap:16px;padding:4px 0 14px}.calendar-head h2{min-width:110px;text-align:center;font-size:18px}.calendar-week,.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr)}.calendar-week span{text-align:center;padding:8px;color:#8f978c;font-size:8px;font-weight:900;border-bottom:1px solid #e8ece5}.calendar-grid{border-left:1px solid #edf0ea}.calendar-day{min-height:132px;padding:9px;border-right:1px solid #edf0ea;border-bottom:1px solid #edf0ea;background:#fff}.calendar-day.muted{background:#fafbfa}.calendar-day>b{width:25px;height:25px;border-radius:8px;display:grid;place-items:center;font-size:9px}.calendar-day.today>b{background:#111;color:#baff78}.day-posts{display:grid;gap:4px;margin-top:6px}.day-post{padding:6px 7px;border-radius:8px;background:#eff7e9;color:#4d702e;font-size:8px;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.day-post span{font-weight:900;margin-right:3px}.day-posts small{font-size:7px;color:#8d9589}
.account-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);gap:15px;align-items:start}.account-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.account-card{display:grid;grid-template-columns:48px 1fr auto;gap:12px;align-items:start;padding:16px;border-radius:18px;border:1px solid var(--line);background:#fff;box-shadow:var(--shadow)}.account-platform{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;background:var(--pc);color:#fff;font-size:18px}.account-main small{font-size:8px;color:#8b9487;font-weight:800;text-transform:uppercase}.account-main h3{font-size:14px;margin:3px 0}.account-main p{font-size:8px;color:#929a8f;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:300px}.account-actions{grid-column:2/4;display:flex;justify-content:flex-end;gap:5px;border-top:1px solid #eef0eb;padding-top:9px}.add-panel{padding:20px;position:sticky;top:90px}.add-panel>small{font-size:8px;color:#65962f;font-weight:900;letter-spacing:.12em}.add-panel h2{font-size:20px;line-height:1.1;margin:5px 0 18px}.integration-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.integration-card{padding:17px;border:1px solid var(--line);border-radius:19px;background:#fff;box-shadow:var(--shadow)}.integration-icon{width:46px;height:46px;border-radius:15px;display:grid;place-items:center;background:var(--pc);color:#fff;font-size:17px;margin-bottom:13px}.integration-title>div{display:flex;align-items:center;justify-content:space-between;gap:8px}.integration-title h3{margin:0;font-size:15px}.integration-title p{margin:6px 0 13px;color:#8b9487;font-size:8px}.integration-card form{display:grid;gap:9px}.integration-card label{display:grid;gap:5px}.integration-foot{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #edf0ea;margin-top:12px;padding-top:10px;font-size:8px;color:#8e978a}.integration-foot a{font-weight:800;color:#5c8d2d}.api-roadmap{display:grid;grid-template-columns:1fr auto;align-items:center;gap:22px;padding:22px;margin-top:15px;background:linear-gradient(120deg,#111,#182015);color:#fff;border-color:#1b2417}.api-roadmap h2{font-size:26px;margin:5px 0}.api-roadmap p{margin:0;max-width:760px;color:#a9b2a4;font-size:9px;line-height:1.65}.api-roadmap .eyebrow{color:#baff78}.roadmap-flow{display:flex;align-items:center;gap:8px}.roadmap-flow span{padding:9px 10px;border-radius:10px;background:#212b1d;color:#dce9d5;font-size:8px;font-weight:800}.roadmap-flow i{color:#64824e;font-size:9px}
.inbox-shell{height:calc(100vh - 160px);min-height:590px;display:grid;grid-template-columns:300px minmax(380px,1fr) 250px;overflow:hidden}.conversation-list{border-right:1px solid #e7ebe4;overflow:auto}.inbox-search{height:55px;display:flex;align-items:center;gap:8px;padding:0 12px;border-bottom:1px solid #edf0ea}.inbox-search i{color:#9aa197;font-size:10px}.inbox-search input{border:0;outline:none;width:100%;font-size:9px}.inbox-tabs{display:flex;gap:5px;padding:9px;border-bottom:1px solid #edf0ea}.inbox-tabs button,.filter-pills button{border:0;border-radius:999px;background:#f2f4f0;color:#7b8477;padding:7px 9px;font-size:8px;font-weight:800}.inbox-tabs button.active,.filter-pills button.active{background:#111;color:#baff78}.conversation-item{display:grid;grid-template-columns:40px 1fr auto;grid-template-rows:1fr auto;gap:4px 9px;align-items:center;padding:11px;border-bottom:1px solid #f0f2ee;position:relative}.conversation-item:hover,.conversation-item.active{background:#f6f9f3}.conversation-item.active:before{content:"";position:absolute;left:0;top:10px;bottom:10px;width:3px;background:#76b82a;border-radius:0 4px 4px 0}.contact-avatar{width:40px;height:40px;border-radius:13px;background:#edf1e9;color:#53604e;display:grid;place-items:center;font-size:11px;font-weight:900;position:relative;grid-row:1/3}.contact-avatar i{position:absolute;right:-3px;bottom:-3px;width:17px;height:17px;border-radius:50%;background:#111;color:#fff;display:grid;place-items:center;font-size:8px;border:2px solid #fff}.conversation-item b{font-size:9px}.conversation-item small{display:block;font-size:8px;color:#8f978c;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:160px}.conversation-item em{min-width:18px;height:18px;border-radius:999px;background:#77b82c;color:#fff;display:grid;place-items:center;font-size:7px;font-style:normal;font-weight:900}.conversation-item time{grid-column:3;font-size:7px;color:#a2a99f}.message-panel{display:flex;flex-direction:column;min-width:0;background:#f9faf8}.message-head{height:58px;display:flex;align-items:center;justify-content:space-between;padding:0 14px;border-bottom:1px solid #e7ebe4;background:#fff}.message-head>div{display:flex;align-items:center;gap:9px}.message-head .contact-avatar{width:36px;height:36px;grid-row:auto}.message-head b{font-size:10px}.message-head small{display:block;color:#8f978c;font-size:8px;margin-top:2px}.message-status select{border:1px solid var(--line);border-radius:10px;background:#fff;padding:7px 9px;font-size:8px}.messages{flex:1;overflow:auto;padding:18px;display:flex;flex-direction:column;gap:10px}.message{max-width:76%;display:grid;gap:4px}.message>div{padding:10px 12px;border-radius:14px;background:#fff;border:1px solid #e4e8e1;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:11px;line-height:1.5}.message small{font-size:7px;color:#9ba299}.message.agent{align-self:flex-end}.message.agent>div{background:#111;color:#fff;border-color:#111}.message.agent small{text-align:right}.sync-placeholder{height:100%;display:grid;place-items:center;align-content:center;text-align:center;color:#919a8e}.sync-placeholder i{font-size:32px;color:#b0b8ac;margin-bottom:10px}.sync-placeholder b{font-size:11px;color:#5f675b}.sync-placeholder span{font-size:8px;margin-top:4px}.message-composer{min-height:68px;border-top:1px solid #e5eae2;background:#fff;display:grid;grid-template-columns:40px 1fr 40px;gap:8px;align-items:end;padding:9px 11px}.message-composer textarea{min-height:40px;max-height:110px;resize:none;border:1px solid #dfe5dc;border-radius:12px;padding:10px;font-size:9px;outline:none}.send-btn{width:40px;height:40px;border:0;border-radius:12px;background:#76b82a;color:#17210e}.customer-panel{border-left:1px solid #e7ebe4;padding:15px;background:#fff;overflow:auto}.customer-panel>small{font-size:8px;color:#9aa196;font-weight:900;letter-spacing:.13em}.customer-hero{text-align:center;padding:20px 0}.big-avatar{width:64px;height:64px;border-radius:20px;font-size:20px;margin:auto}.customer-hero h3{font-size:13px;margin:8px 0 3px}.customer-hero p{margin:0;color:#90988c;font-size:8px}.info-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid #eef1ec;font-size:8px}.info-row span{color:#8c9589}.info-row b{font-size:8px}.info-row b.good{color:#5e972a}.muted-copy{font-size:9px;color:#90998c;line-height:1.6}
.table-card{padding:15px}.comment-copy{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:10px;line-height:1.45}.inline-platform{display:inline-flex;align-items:center;gap:5px;background:color-mix(in srgb,var(--pc) 10%,#fff);color:var(--pc);border-radius:999px;padding:5px 7px;font-size:8px;font-weight:800}.campaign-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.campaign-card{padding:17px;border:1px solid var(--line);border-radius:19px;background:#fff;box-shadow:var(--shadow)}.campaign-top{display:flex;align-items:center;justify-content:space-between}.campaign-icon{width:42px;height:42px;border-radius:13px;background:#fff1e5;color:#d77d35;display:grid;place-items:center}.campaign-card>small{display:block;margin-top:15px;font-size:8px;color:#809076;text-transform:uppercase;font-weight:900}.campaign-card h3{font-size:17px;margin:4px 0 12px}.campaign-dates{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:8px;color:#899286}.campaign-dates b{font-size:10px;color:#43513c}.campaign-card>p{min-height:45px;color:#899286;font-size:8px;line-height:1.55}.campaign-actions{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #edf0ea;padding-top:11px}.media-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.filter-pills{display:flex;gap:5px}.media-toolbar>span{font-size:8px;color:#8b9487}.media-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}.media-card{border:1px solid var(--line);border-radius:18px;overflow:hidden;background:#fff;box-shadow:var(--shadow)}.media-preview{height:190px;background:linear-gradient(135deg,#f0f3ed,#fafbf9);display:grid;place-items:center;position:relative;overflow:hidden;color:#9da59a}.media-preview img,.media-preview video{width:100%;height:100%;object-fit:cover}.media-preview>i{font-size:27px}.media-preview video+i{position:absolute;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:#111b;color:#fff;font-size:12px;backdrop-filter:blur(8px)}.media-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:11px}.media-meta b{display:block;font-size:9px;max-width:170px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.media-meta small{display:block;font-size:7px;color:#929a8f;margin-top:2px}
.analytics-metrics{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-bottom:12px}.analytics-metrics article{padding:15px;border:1px solid var(--line);border-radius:17px;background:#fff}.analytics-metrics small{font-size:8px;color:#8d9589;font-weight:900;letter-spacing:.08em}.analytics-metrics b{display:block;font-size:25px;letter-spacing:-.05em;margin:4px 0}.analytics-metrics span{font-size:8px;color:#929a8f}.analytics-layout{display:grid;grid-template-columns:1.4fr .6fr;gap:12px}.analytics-chart,.platform-performance{padding:20px}.trend-pill{display:inline-flex;align-items:center;gap:5px;border-radius:999px;background:#eff8e8;color:#5b912c;padding:6px 8px;font-size:8px}.line-chart{position:relative;height:300px;margin-top:18px}.line-chart svg{position:absolute;inset:0;width:100%;height:100%;z-index:2}.grid-lines{position:absolute;inset:0;display:grid;grid-template-rows:repeat(4,1fr)}.grid-lines i{border-top:1px dashed #e7ebe3}.platform-perf-row{display:grid;grid-template-columns:34px 80px 1fr 34px;gap:8px;align-items:center;padding:9px 0;border-bottom:1px solid #eef0eb}.platform-perf-row b{font-size:9px}.platform-perf-row small{display:block;font-size:7px;color:#969e92}.perf-bar{height:5px;border-radius:999px;background:#edf0e9;overflow:hidden}.perf-bar i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#76b82a,#a5e35b)}.platform-perf-row strong{font-size:7px;color:#79926a}.analytics-empty-note{display:grid;grid-template-columns:44px 1fr auto;gap:13px;align-items:center;padding:16px;margin-top:12px}.analytics-empty-note>i{width:44px;height:44px;border-radius:14px;background:#eff5ea;color:#65962f;display:grid;place-items:center}.analytics-empty-note b{font-size:10px}.analytics-empty-note p{font-size:8px;color:#8b9487;margin:3px 0 0}
.automation-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:12px}.automation-preset{display:grid;grid-template-columns:45px 1fr;gap:11px;align-items:center;padding:14px;border:1px solid var(--line);border-radius:17px;background:#fff}.preset-icon{width:45px;height:45px;border-radius:14px;display:grid;place-items:center}.preset-icon.purple{background:#f0eaff;color:#7d55dc}.preset-icon.blue{background:#eaf1ff;color:#5276d2}.preset-icon.orange{background:#fff1e3;color:#d58037}.automation-preset small{font-size:7px;color:#939b90;font-weight:900}.automation-preset b{display:block;font-size:10px;margin:2px 0}.automation-preset p{font-size:7px;color:#939b90;margin:0}.automation-list{padding:18px}.automation-row{display:grid;grid-template-columns:40px 1fr auto 70px auto;align-items:center;gap:10px;padding:11px 0;border-bottom:1px solid #edf0ea}.automation-icon{width:38px;height:38px;border-radius:12px;background:#eff6e9;color:#61932f;display:grid;place-items:center}.automation-row b{font-size:9px}.automation-row small{display:block;font-size:8px;color:#8f978b;margin-top:2px}.automation-row>strong{font-size:8px;color:#8c9589;text-align:right}
.team-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.team-card{padding:18px;border:1px solid var(--line);border-radius:19px;background:#fff;box-shadow:var(--shadow);text-align:center}.team-card h3{font-size:13px;margin:9px 0 3px}.team-card p{font-size:8px;color:#91998e;margin:0 0 10px}.role-pill{display:inline-flex;padding:6px 8px;border-radius:999px;background:#eef6e7;color:#5d8d31;font-size:8px;font-weight:900;text-transform:uppercase}.team-access{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-top:14px}.team-access span{padding:7px 4px;border-radius:9px;background:#f7f8f6;color:#7d8679;font-size:7px}.team-access i{color:#73a745}.shared-core-note{margin-top:13px;padding:20px;display:grid;grid-template-columns:54px 1fr;gap:15px;align-items:center}.shared-core-icon{width:54px;height:54px;border-radius:16px;background:#111;color:#baff78;display:grid;place-items:center;font-size:18px}.shared-core-note small{font-size:8px;color:#699638;font-weight:900;letter-spacing:.12em}.shared-core-note h2{font-size:20px;margin:4px 0}.shared-core-note p{font-size:9px;color:#858e81;margin:0;line-height:1.6}.permission-card{padding:16px;overflow:auto}.permission-table{min-width:720px}.perm-row{display:grid;grid-template-columns:2fr repeat(4,1fr);align-items:center;border-bottom:1px solid #edf0ea;min-height:48px}.perm-row.head{background:#f6f8f4;border-radius:12px;border:0}.perm-row>b{padding:0 12px;font-size:9px}.perm-row>span{text-align:center;font-size:8px}.perm-row.head span{font-weight:900;color:#788173}.perm-yes i{width:23px;height:23px;border-radius:8px;background:#eaf6df;color:#61952e;display:inline-grid;place-items:center}.perm-no i{color:#b7bdb4}.permission-note{display:flex;gap:9px;padding:12px 14px;color:#5b6f4c;font-size:9px;line-height:1.55}.plan-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:11px}.plan-card{padding:19px;border:1px solid var(--line);border-radius:21px;background:#fff;box-shadow:var(--shadow);display:flex;flex-direction:column;min-height:330px}.plan-icon{width:44px;height:44px;border-radius:14px;background:#f0f5eb;color:#669833;display:grid;place-items:center;font-size:15px}.plan-card>small{font-size:8px;color:#77926a;font-weight:900;letter-spacing:.12em;margin-top:15px}.plan-card h2{font-size:23px;margin:3px 0}.plan-card p{font-size:8px;color:#8a9386;line-height:1.55;min-height:39px}.plan-card ul{list-style:none;padding:0;margin:15px 0 0;display:grid;gap:10px}.plan-card li{font-size:8px;display:flex;gap:7px;align-items:center}.plan-card li i{color:#6ea332}.plan-card.pro{border-color:#a8cf82;background:linear-gradient(160deg,#fff,#f5fbed)}.plan-card.ultra{background:#11150f;color:#fff;border-color:#1a2117;box-shadow:0 20px 55px rgba(15,23,11,.15)}.plan-card.ultra .plan-icon{background:#25351d;color:#baff78}.plan-card.ultra>small{color:#a5db73}.plan-card.ultra p{color:#a6b1a0}.plan-card.ultra li i{color:#baff78}.plan-card.enterprise{background:linear-gradient(150deg,#f8f4e9,#fff);border-color:#e6ddc5}.usage-panel{margin-top:12px;padding:18px;display:grid;grid-template-columns:1.2fr repeat(3,1fr);gap:20px;align-items:center}.usage-panel small{font-size:8px;color:#8c9588;font-weight:900}.usage-panel h2{font-size:18px;margin:4px 0}.usage-item{display:grid;gap:6px}.usage-item span{display:flex;justify-content:space-between;font-size:8px;color:#818a7d}.usage-item i{height:6px;border-radius:999px;background:#edf0e9;overflow:hidden}.usage-item em{display:block;height:100%;background:#76b82a;border-radius:inherit}.settings-layout{display:grid;grid-template-columns:1.3fr .7fr;gap:13px;align-items:start}.settings-form{padding:22px}.settings-section{padding-bottom:22px;margin-bottom:20px;border-bottom:1px solid #edf0ea}.settings-section>small{font-size:8px;color:#679631;font-weight:900;letter-spacing:.12em}.settings-section h2{font-size:19px;margin:4px 0 14px}.settings-form label{display:grid;gap:5px;margin-bottom:11px}.form-two{display:grid;grid-template-columns:1fr 1fr;gap:10px}.settings-summary{padding:22px;position:sticky;top:90px}.settings-logo{width:54px;height:54px;border-radius:17px;background:linear-gradient(135deg,#111,#35581f);color:#dfffbc;display:grid;place-items:center;font-size:18px;margin-bottom:15px}.settings-summary>small{font-size:8px;color:#6c983e;font-weight:900;letter-spacing:.12em}.settings-summary h2{font-size:25px;margin:4px 0}.settings-summary>p{font-size:9px;color:#879083;line-height:1.65;margin-bottom:14px}
.drawer{position:fixed;z-index:110;right:0;top:0;bottom:0;width:min(420px,92vw);background:#fff;box-shadow:-30px 0 80px rgba(17,24,12,.14);transform:translateX(105%);transition:transform .3s var(--ease);padding:18px;overflow:auto}.drawer.open{transform:none}.drawer-backdrop{position:fixed;z-index:105;inset:0;background:rgba(15,20,12,.24);backdrop-filter:blur(3px);opacity:0;pointer-events:none;transition:opacity .25s}.drawer-backdrop.open{opacity:1;pointer-events:auto}.drawer-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.drawer-head small{font-size:8px;color:#689638;font-weight:900;letter-spacing:.13em}.drawer-head h3{font-size:22px;margin:3px 0}.drawer-form{display:grid;gap:10px}.drawer-form.compact{margin-top:12px}.drawer-form label{display:grid;gap:5px}.drawer-sep{display:flex;align-items:center;gap:8px;margin:17px 0;color:#a0a69c;font-size:7px}.drawer-sep:before,.drawer-sep:after{content:"";height:1px;background:#e8ece5;flex:1}.drop-field{border:1px dashed #bfc9b8;border-radius:16px;padding:20px;text-align:center;display:grid!important;place-items:center;gap:6px;background:#fafbf9;position:relative}.drop-field>i{font-size:25px;color:#73a53f}.drop-field>b{font-size:10px}.drop-field>span{font-size:7px;color:#939b8f}.drop-field input{opacity:.01;position:absolute;inset:0;cursor:pointer}.reply-list{display:grid;gap:8px;margin-top:18px}.reply-list article{display:flex;justify-content:space-between;gap:10px;padding:11px;border:1px solid #e4e8e0;border-radius:13px}.reply-list b{font-size:9px}.reply-list small{display:block;color:#6d9b3f;font-size:7px;margin-top:2px}.reply-list p{font-size:8px;color:#80897c;line-height:1.5;margin:6px 0 0}
.command-palette{position:fixed;z-index:140;inset:0;display:grid;place-items:start center;padding-top:12vh;background:rgba(13,18,10,.25);backdrop-filter:blur(5px);opacity:0;pointer-events:none;transition:opacity .18s}.command-palette.open{opacity:1;pointer-events:auto}.command-card{width:min(560px,calc(100% - 28px));border:1px solid #dfe5da;border-radius:20px;background:#fff;box-shadow:0 35px 100px rgba(12,18,8,.2);overflow:hidden}.command-input{height:58px;display:grid;grid-template-columns:24px 1fr auto;align-items:center;gap:8px;padding:0 15px;border-bottom:1px solid #edf0ea}.command-input input{border:0;outline:none;font-size:11px}.command-input i{color:#90988d}.command-input kbd,.command-list kbd{font-family:inherit;font-size:7px;padding:4px 6px;background:#f1f3ef;border-radius:6px;color:#8c9488}.command-list{padding:8px;display:grid;gap:3px;max-height:380px;overflow:auto}.command-list a{display:grid;grid-template-columns:30px 1fr auto;align-items:center;padding:9px;border-radius:11px;font-size:9px}.command-list a:hover{background:#f3f6f0}.command-list a i{width:30px;color:#62952f}
.auth-body{min-height:100vh;background:radial-gradient(circle at 70% 0,#dff3cf,transparent 35%),linear-gradient(145deg,#f7f8f5,#eef2ea)}.login-shell{min-height:100vh;display:grid;place-items:center;padding:22px}.login-card{width:min(560px,100%);position:relative;overflow:hidden;padding:34px;border:1px solid rgba(222,228,216,.9);border-radius:30px;background:rgba(255,255,255,.92);box-shadow:0 35px 100px rgba(22,34,14,.12);backdrop-filter:blur(20px)}.login-brand{display:flex;align-items:center;gap:10px;margin-bottom:55px}.login-brand>div{display:grid}.login-brand b{font-size:14px}.login-brand small{font-size:8px;color:#899385;letter-spacing:.13em;font-weight:900}.login-orbit{position:absolute;right:-22px;top:-22px;width:180px;height:180px;border:1px solid #dfe8d8;border-radius:50%}.login-orbit:before{content:"";position:absolute;inset:28px;border:1px dashed #dce6d5;border-radius:50%}.login-orbit i{position:absolute;width:32px;height:32px;border-radius:11px;background:#111;color:#fff;display:grid;place-items:center;font-size:12px}.login-orbit i:nth-child(1){left:16px;top:78px;background:#1877F2}.login-orbit i:nth-child(2){right:34px;bottom:9px;background:#E4405F}.login-orbit i:nth-child(3){right:4px;top:54px}.login-orbit i:nth-child(4){left:58px;bottom:2px;background:#0068FF}.login-card h1{font-size:42px;line-height:1.02;letter-spacing:-.055em;margin:7px 0 12px;max-width:430px}.login-card>p{font-size:11px;line-height:1.7;color:#747e70;max-width:450px}.login-form{display:grid;gap:10px;margin-top:20px}.login-form label{display:grid;gap:6px;font-size:9px;font-weight:800;color:#596254}.login-form input{height:46px;border:1px solid #dbe2d6;border-radius:13px;padding:0 13px;outline:none;font-size:11px}.login-form input:focus{border-color:#93c85c;box-shadow:0 0 0 3px rgba(118,184,42,.11)}.login-foot{display:flex;justify-content:space-between;margin-top:18px;padding-top:14px;border-top:1px solid #edf0ea;color:#939b8f;font-size:8px}
@media(max-width:1220px){.integration-grid{grid-template-columns:repeat(2,1fr)}.media-grid{grid-template-columns:repeat(3,1fr)}.plan-grid{grid-template-columns:repeat(2,1fr)}.team-grid{grid-template-columns:repeat(2,1fr)}.inbox-shell{grid-template-columns:280px 1fr}.customer-panel{display:none}.analytics-metrics{grid-template-columns:repeat(3,1fr)}}
@media(max-width:980px){html{--side:76px}.sidebar{width:76px}.app-main{margin-left:76px}.brand-copy,.side-section-title,.side-label,.side-link em,.side-plan{display:none!important}.side-brand{justify-content:center;padding:0}.brand-lockup{flex:0}.side-link{justify-content:center!important;padding:0!important}.side-pin{display:none}.metric-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid,.dashboard-grid.lower,.publisher-layout,.account-layout,.analytics-layout,.settings-layout{grid-template-columns:1fr}.post-preview,.add-panel,.settings-summary{position:static}.campaign-grid{grid-template-columns:repeat(2,1fr)}.usage-panel{grid-template-columns:1fr 1fr}.api-roadmap{grid-template-columns:1fr}.roadmap-flow{overflow:auto}.calendar-day{min-height:110px}}
@media(max-width:760px){html{--side:0}.sidebar{transform:translateX(-105%);width:260px;box-shadow:20px 0 70px rgba(15,20,11,.18);transition:transform .25s var(--ease)}.sidebar.mobile-open{transform:none}.app-main{margin-left:0}.sidebar .brand-copy,.sidebar .side-section-title,.sidebar .side-label,.sidebar .side-plan{display:grid!important}.sidebar .side-link em{display:grid!important}.sidebar .side-link{justify-content:flex-start!important;padding:0 11px!important}.mobile-menu{display:grid;place-items:center}.topbar{padding:0 12px}.workspace-switch span,.user-chip>div,.plan-pill,.top-actions>.icon-btn{display:none}.user-chip{border:0;background:transparent;padding:0}.top-create span{display:none}.top-create{width:40px;padding:0}.page-wrap{width:min(100% - 24px,1500px);padding-top:20px}.page-head,.hero-head{align-items:flex-start;flex-direction:column}.page-head h1{font-size:34px}.hero-head h1{font-size:44px}.head-actions{width:100%}.head-actions .btn{flex:1}.metric-grid{grid-template-columns:1fr 1fr}.metric-card{min-height:140px;padding:15px}.metric-card>b{font-size:30px}.mini-metrics{grid-template-columns:1fr 1fr}.dashboard-grid{display:block}.dashboard-grid>.card{margin-bottom:12px}.publisher-layout{display:block}.post-preview{margin-top:12px}.schedule-box{grid-template-columns:1fr}.publisher-actions .btn{flex:1}.account-grid,.integration-grid,.campaign-grid,.automation-grid,.team-grid,.plan-grid{grid-template-columns:1fr}.media-grid{grid-template-columns:repeat(2,1fr)}.analytics-metrics{grid-template-columns:1fr 1fr}.calendar-card{overflow:auto}.calendar-week,.calendar-grid{min-width:760px}.inbox-shell{height:calc(100vh - 150px);grid-template-columns:1fr}.conversation-list{display:block}.message-panel{display:none}.conversation-item.active~*{}body:has(.message-panel .message-head) .conversation-list{max-height:100%}.customer-panel{display:none}.usage-panel{grid-template-columns:1fr}.form-two{grid-template-columns:1fr}.setup-card{grid-template-columns:48px 1fr}.setup-card .btn{grid-column:1/-1;width:100%}.setup-icon{width:48px;height:48px}.api-roadmap{padding:18px}.roadmap-flow{width:100%}.automation-row{grid-template-columns:38px 1fr auto}.automation-row>strong{display:none}.automation-row>.row-actions{grid-column:2/4}.analytics-empty-note{grid-template-columns:40px 1fr}.analytics-empty-note .btn{grid-column:1/-1}.login-card{padding:24px}.login-card h1{font-size:36px}.login-orbit{opacity:.45}}
@media(max-width:520px){.metric-grid{grid-template-columns:1fr}.media-grid{grid-template-columns:1fr}.analytics-metrics{grid-template-columns:1fr 1fr}.action-grid{grid-template-columns:1fr 1fr}.workspace-switch{max-width:175px}.workspace-switch select{max-width:145px}.page-head h1{font-size:31px}.hero-head h1{font-size:38px}.mini-metrics{grid-template-columns:1fr 1fr}.preview-media{height:190px}.login-brand{margin-bottom:42px}.login-orbit{right:-70px}.login-foot{flex-direction:column;gap:5px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}.side-link:hover,.btn:hover,.icon-btn:hover{transform:none!important}}

/* Social CRM + approval + listening */
.lead-metrics .metric-card{min-height:132px}.approval-layout{display:grid;grid-template-columns:1.35fr .65fr;gap:13px;align-items:start}.approval-list,.approval-request{padding:18px}.approval-request{position:sticky;top:90px}.approval-request>small{font-size:8px;color:#689638;font-weight:900;letter-spacing:.12em}.approval-request h2{font-size:20px;margin:4px 0 15px}.approval-row{display:grid;grid-template-columns:40px 1fr auto auto;align-items:center;gap:10px;padding:11px 0;border-bottom:1px solid #edf0ea}.approval-icon{width:38px;height:38px;border-radius:12px;background:#eff6e9;color:#63952f;display:grid;place-items:center}.approval-row b{font-size:9px}.approval-row small{display:block;color:#929a8f;font-size:8px;margin-top:2px}.approval-actions{display:flex;gap:5px}.mini-btn.approve{color:#5f972b;background:#f2faeb;border-color:#d7eac7}.status-pill.approved{background:#eaf6df;color:#568e23}.status-pill.rejected{background:#fee9e9;color:#ae3f3f}.status-pill.pending{background:#fff1dc;color:#9f6a1a}.listening-layout{display:grid;grid-template-columns:.7fr 1.3fr;gap:13px;align-items:start}.keyword-panel,.mention-panel{padding:18px}.keyword-row{display:grid;grid-template-columns:30px 1fr auto auto;align-items:center;gap:9px;padding:11px 0;border-bottom:1px solid #edf0ea}.keyword-row>span:first-child{width:30px;height:30px;border-radius:10px;background:#eff6e9;color:#669a34;display:grid;place-items:center;font-weight:900}.keyword-row b{font-size:9px}.keyword-row small{display:flex;gap:4px;margin-top:5px}.mention-row{display:grid;grid-template-columns:36px 1fr auto;gap:10px;align-items:flex-start;padding:11px 0;border-bottom:1px solid #edf0ea}.mention-row b{font-size:9px}.mention-row p{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;margin:4px 0;color:#687264;font-size:10px;line-height:1.5}.mention-row small{font-size:7px;color:#99a095}.sentiment{font-size:7px;font-weight:900;padding:5px 7px;border-radius:999px;background:#eef1ed;color:#767f72;text-transform:uppercase}.sentiment.positive{background:#eaf6df;color:#568e23}.sentiment.negative{background:#fee9e9;color:#ae3f3f}.sentiment.neutral{background:#eef3fa;color:#5f7191}.select-pill{width:auto;min-width:115px;padding:8px 10px;border-radius:999px;font-size:8px}.platform-meta-inline{display:flex;gap:4px}
@media(max-width:980px){.approval-layout,.listening-layout{grid-template-columns:1fr}.approval-request{position:static}}
@media(max-width:760px){.approval-row{grid-template-columns:38px 1fr auto}.approval-actions{grid-column:2/4}.keyword-row{grid-template-columns:30px 1fr auto}.keyword-row form{grid-column:3}.mention-row{grid-template-columns:34px 1fr}.mention-row>.sentiment{grid-column:2;justify-self:start}}