/* Digibing 4.0 — Persian SaaS design system */
:root{
  --font-sans:"Vazirmatn",Tahoma,Arial,sans-serif;
  --bg:#f5f7fb;--surface:#fff;--surface-2:#f9fafb;--surface-3:#f1f4f8;
  --text:#111827;--text-2:#344054;--muted:#667085;--muted-2:#98a2b3;
  --line:#e6eaf0;--line-strong:#d6dce7;
  --primary:#4f46e5;--primary-2:#4338ca;--primary-soft:#eef2ff;
  --accent:#0f9f8f;--accent-soft:#e8f8f5;
  --success:#087a55;--success-soft:#eafbf3;
  --warning:#b35c00;--warning-soft:#fff6e5;
  --danger:#c61b4a;--danger-soft:#fff0f4;
  --info:#1769aa;--info-soft:#eaf4ff;
  --shadow-xs:0 1px 2px rgba(16,24,40,.04);
  --shadow-sm:0 4px 14px rgba(16,24,40,.055);
  --shadow-md:0 14px 40px rgba(16,24,40,.09);
  --shadow-lg:0 28px 70px rgba(16,24,40,.14);
  --radius-sm:10px;--radius:14px;--radius-lg:20px;--radius-xl:28px;
  --sidebar:286px;--topbar:76px;--transition:180ms cubic-bezier(.2,.8,.2,1);
}
html[data-theme="dark"]{
  --bg:#0d1119;--surface:#141a24;--surface-2:#191f2b;--surface-3:#202735;
  --text:#f3f5f8;--text-2:#d8dde7;--muted:#9ca6b8;--muted-2:#727d91;
  --line:#273041;--line-strong:#344055;--primary:#7c73f7;--primary-2:#968ff9;
  --primary-soft:#252243;--accent-soft:#123a37;--success-soft:#12362a;--warning-soft:#3b2c13;
  --danger-soft:#3b1824;--info-soft:#152d45;
  --shadow-xs:0 1px 2px rgba(0,0,0,.16);--shadow-sm:0 5px 18px rgba(0,0,0,.18);
  --shadow-md:0 18px 46px rgba(0,0,0,.28);--shadow-lg:0 30px 80px rgba(0,0,0,.38);
}
*{box-sizing:border-box}
html{background:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:15px;scroll-behavior:smooth}
body{margin:0;min-height:100vh;background:var(--bg);color:var(--text);font-family:var(--font-sans);font-feature-settings:"ss01";text-rendering:optimizeLegibility}
a{color:var(--primary);text-decoration:none}
button,input,select,textarea{font:inherit}
button,a,[role="button"],label[for],select{touch-action:manipulation}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid color-mix(in srgb,var(--primary) 24%,transparent);outline-offset:2px}
svg{width:1.25em;height:1.25em;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.svg-sprite{position:absolute;width:0;height:0;overflow:hidden}
.hidden{display:none!important}.top-gap{margin-top:20px}.muted{color:var(--muted)}code,kbd{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}

/* Layout */
.app-shell{display:grid;grid-template-columns:var(--sidebar) minmax(0,1fr);min-height:100vh;transition:grid-template-columns var(--transition)}
.sidebar{position:fixed;inset:0 0 0 auto;width:var(--sidebar);height:100dvh;background:#111827;color:#fff;padding:18px 14px 14px;display:flex;flex-direction:column;z-index:50;border-left:1px solid rgba(255,255,255,.06);transition:width var(--transition),transform var(--transition);overflow:hidden}
html[data-theme="dark"] .sidebar{background:#0a0f17}
.main{grid-column:2;min-width:0;transition:margin var(--transition)}
.sidebar-backdrop{display:none;position:fixed;inset:0;background:rgba(8,15,28,.55);backdrop-filter:blur(4px);z-index:45}
.sidebar-head{display:flex;align-items:center;justify-content:space-between;padding:2px 2px 16px;min-height:64px}
.brand{display:flex;align-items:center;gap:11px;color:#fff;min-width:0;padding:4px 6px;border-radius:12px}
.brand-mark{width:43px;height:43px;border-radius:14px;display:grid;place-items:center;flex:0 0 auto;background:linear-gradient(145deg,#7c73f7,#4f46e5 65%,#2f2aa8);box-shadow:0 10px 26px rgba(79,70,229,.35),inset 0 1px rgba(255,255,255,.2);font-size:19px;font-weight:900}
.brand-copy{min-width:0;white-space:nowrap}.brand-copy strong,.brand-copy small{display:block}.brand-copy strong{font-size:14px;font-weight:800}.brand-copy small{font-size:10px;color:#98a2b3;margin-top:3px;font-weight:400}
.icon-btn{width:38px;height:38px;border:1px solid var(--line);border-radius:11px;background:var(--surface);color:var(--text-2);display:inline-grid;place-items:center;cursor:pointer;transition:all var(--transition);padding:0}
.icon-btn:hover{border-color:var(--line-strong);background:var(--surface-2);transform:translateY(-1px)}
.sidebar .icon-btn{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.08);color:#cfd5e1}.sidebar .icon-btn:hover{background:rgba(255,255,255,.12);color:#fff}
.sidebar-collapse{width:31px;height:31px}.sidebar-collapse svg{transition:transform var(--transition)}
.nav{display:flex;flex-direction:column;gap:16px;overflow:auto;scrollbar-width:thin;scrollbar-color:#344054 transparent;padding:2px 0 12px;overscroll-behavior:contain}
.nav-group{display:flex;flex-direction:column;gap:3px}.nav-section{font-size:10px;color:#667085;padding:7px 12px 5px;font-weight:700;letter-spacing:.02em;white-space:nowrap}
.nav-item{position:relative;color:#b7c0cf;padding:10px 11px;border-radius:11px;display:flex;align-items:center;gap:11px;min-height:42px;font-size:12.5px;font-weight:500;transition:all var(--transition);white-space:nowrap;overflow:hidden}
.nav-item svg{width:19px;height:19px;flex:0 0 auto;color:#8590a3}.nav-item>span:first-of-type{overflow:hidden;text-overflow:ellipsis}
.nav-item:hover{background:rgba(255,255,255,.065);color:#fff}.nav-item:hover svg{color:#c9c4ff}
.nav-item.active{background:linear-gradient(90deg,rgba(99,91,238,.24),rgba(99,91,238,.1));color:#fff;box-shadow:inset -2px 0 #8f87ff}
.nav-item.active svg{color:#a8a3ff}.nav-item kbd{margin-right:auto;font-size:9px;color:#7d8798;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);border-radius:5px;padding:1px 5px}
.nav-badge{margin-right:auto!important;background:rgba(15,159,143,.18);color:#73e1d5;border:1px solid rgba(115,225,213,.18);font-size:8px;padding:2px 6px;border-radius:999px;overflow:visible!important}
.ai-nav:after{content:"";position:absolute;inset:8px auto auto 8px;width:5px;height:5px;border-radius:50%;background:#6ee7d5;box-shadow:0 0 10px #6ee7d5}
.sidebar-footer{margin-top:auto;border-top:1px solid rgba(255,255,255,.08);padding:13px 5px 2px;display:flex;flex-direction:column;gap:10px}
.workspace-mini{display:flex;align-items:center;gap:9px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06);border-radius:11px;padding:9px 10px;white-space:nowrap;overflow:hidden}.workspace-mini small,.workspace-mini strong{display:block}.workspace-mini small{font-size:8.5px;color:#7e899b}.workspace-mini strong{font-size:10.5px;color:#d4d9e2;margin-top:2px;overflow:hidden;text-overflow:ellipsis}.workspace-dot{width:8px;height:8px;border-radius:50%;background:#2dd4bf;box-shadow:0 0 0 4px rgba(45,212,191,.1);flex:0 0 auto}
.user-chip{display:grid;grid-template-columns:36px minmax(0,1fr) 32px;align-items:center;gap:9px;padding:4px}.avatar{width:36px;height:36px;border-radius:12px;background:linear-gradient(145deg,#ede9fe,#dcd8ff);color:#4f46e5;display:grid;place-items:center;font-weight:800;flex:0 0 auto}.avatar.large{width:46px;height:46px;border-radius:15px}.user-copy{min-width:0;white-space:nowrap}.user-copy strong,.user-copy small{display:block;overflow:hidden;text-overflow:ellipsis}.user-copy strong{font-size:11px;color:#f3f5f8}.user-copy small{font-size:9px;color:#7e899b;margin-top:2px}.version{font-size:8px;color:#5f697b;text-align:center;white-space:nowrap}
body.sidebar-collapsed .app-shell{grid-template-columns:82px minmax(0,1fr)}body.sidebar-collapsed .sidebar{width:82px}body.sidebar-collapsed .brand-copy,body.sidebar-collapsed .nav-section,body.sidebar-collapsed .nav-item>span,body.sidebar-collapsed .nav-item kbd,body.sidebar-collapsed .nav-badge,body.sidebar-collapsed .workspace-mini div,body.sidebar-collapsed .user-copy,body.sidebar-collapsed .sidebar-footer .version,body.sidebar-collapsed .user-chip>.icon-btn{display:none}body.sidebar-collapsed .sidebar-head{justify-content:center;flex-direction:column;gap:8px}body.sidebar-collapsed .brand{padding:0}body.sidebar-collapsed .sidebar-collapse svg{transform:rotate(180deg)}body.sidebar-collapsed .nav-item{justify-content:center;padding:10px}body.sidebar-collapsed .nav-item.active{box-shadow:inset -2px 0 #8f87ff}body.sidebar-collapsed .workspace-mini{justify-content:center;padding:12px}body.sidebar-collapsed .user-chip{display:flex;justify-content:center;padding:4px}

/* Top bar */
.topbar{height:var(--topbar);background:color-mix(in srgb,var(--surface) 88%,transparent);backdrop-filter:blur(16px);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 30px;position:sticky;top:0;z-index:35}
.topbar-start,.topbar-actions{display:flex;align-items:center;gap:11px}.workspace-title{display:flex;flex-direction:column;line-height:1.2}.workspace-title strong{font-size:13px}.eyebrow{font-size:9px;color:var(--muted-2);font-weight:700;margin-bottom:4px;letter-spacing:.02em}.workspace-switcher select{width:auto;max-width:190px;border:1px solid var(--line);border-radius:10px;padding:8px 10px;background:var(--surface);font-size:11px}
.menu-button{display:none}.search-trigger{height:38px;min-width:235px;border:1px solid var(--line);background:var(--surface-2);color:var(--muted);border-radius:11px;padding:0 11px;display:flex;align-items:center;gap:8px;cursor:pointer;transition:all var(--transition)}.search-trigger:hover{background:var(--surface);border-color:var(--line-strong);box-shadow:var(--shadow-xs)}.search-trigger svg{width:16px}.search-trigger span{font-size:10.5px}.search-trigger kbd{margin-right:auto;background:var(--surface);border:1px solid var(--line);border-radius:6px;padding:2px 6px;font-size:8px;color:var(--muted-2)}
.theme-sun{display:none}html[data-theme="dark"] .theme-moon{display:none}html[data-theme="dark"] .theme-sun{display:block}.top-create svg{width:16px;height:16px}.install-button{color:var(--primary)}
.content{padding:28px 30px 72px;max-width:1680px;margin:0 auto;width:100%}

/* Typography and sections */
.section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:22px}.section-heading.compact{margin-bottom:20px}.section-heading h1,.section-heading h2{margin:0;color:var(--text);letter-spacing:-.035em}.section-heading h1{font-size:26px;line-height:1.45;font-weight:850}.section-heading h2{font-size:21px;line-height:1.5}.section-heading p{margin:6px 0 0;color:var(--muted);font-size:12px;line-height:1.95;max-width:720px}.section-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.page-kicker{display:inline-flex;align-items:center;gap:6px;font-size:9px;color:var(--primary);background:var(--primary-soft);padding:4px 8px;border-radius:999px;margin-bottom:7px;font-weight:700}

/* Buttons */
.button{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid transparent;border-radius:11px;padding:9px 14px;cursor:pointer;font-weight:700;font-size:11px;line-height:1.4;transition:all var(--transition);background:var(--surface);color:var(--text-2);white-space:nowrap;min-height:38px}.button svg{width:16px;height:16px}.button:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm)}.button:active{transform:translateY(0)}.button.primary{background:linear-gradient(180deg,#5b53ea,var(--primary));color:#fff;box-shadow:0 8px 20px rgba(79,70,229,.2)}.button.primary:hover{background:linear-gradient(180deg,#6860ee,var(--primary-2))}.button.secondary{border-color:var(--line-strong);color:var(--text-2);background:var(--surface)}.button.secondary:hover{border-color:color-mix(in srgb,var(--primary) 35%,var(--line));color:var(--primary)}.button.danger{background:var(--danger-soft);color:var(--danger);border-color:color-mix(in srgb,var(--danger) 18%,transparent)}.button.instagram{color:#fff;background:linear-gradient(135deg,#f58529,#dd2a7b 55%,#8134af)}.button.ghost{background:transparent;border-color:var(--line);color:var(--muted)}.button.full{width:100%}.button.large{padding:11px 17px;min-height:44px;font-size:12px}.button.small{padding:5px 9px;min-height:30px;font-size:9.5px;border-radius:8px}.button:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.button.loading{position:relative;color:transparent!important;pointer-events:none}.button.loading:after{content:"";position:absolute;width:15px;height:15px;border:2px solid currentColor;border-left-color:transparent;border-radius:50%;color:#fff;animation:spin .7s linear infinite}.button.secondary.loading:after{color:var(--primary)}@keyframes spin{to{transform:rotate(360deg)}}

/* Alerts */
.alert{position:relative;padding:12px 14px;border-radius:12px;margin-bottom:18px;font-size:11.5px;display:flex;align-items:center;gap:9px;border:1px solid;transition:all .3s ease}.alert>svg{width:17px;flex:0 0 auto}.alert>span{flex:1}.alert>button{width:28px;height:28px;border:0;background:transparent;color:inherit;display:grid;place-items:center;cursor:pointer}.alert.success{background:var(--success-soft);color:var(--success);border-color:color-mix(in srgb,var(--success) 20%,transparent)}.alert.danger{background:var(--danger-soft);color:var(--danger);border-color:color-mix(in srgb,var(--danger) 20%,transparent)}.alert.warning{background:var(--warning-soft);color:var(--warning);border-color:color-mix(in srgb,var(--warning) 20%,transparent)}.alert-leave{opacity:0;transform:translateY(-8px);pointer-events:none}.floating-toast{position:fixed;inset:auto 50% 24px auto;transform:translate(50%,20px);opacity:0;z-index:200;background:#111827;color:#fff;border-radius:12px;padding:11px 15px;font-size:11px;box-shadow:var(--shadow-lg);transition:.25s}.floating-toast.show{opacity:1;transform:translate(50%,0)}.floating-toast.danger{background:#8f1236}
.notice{background:var(--surface-2);border:1px dashed var(--line-strong);border-radius:11px;padding:12px 13px;color:var(--muted);font-size:10.5px;line-height:1.9;margin-bottom:12px}.notice strong{color:var(--text-2)}

/* Cards, stats and grids */
.grid{display:grid;gap:18px}.grid.two-thirds{grid-template-columns:minmax(0,2fr) minmax(280px,1fr)}.grid.sidebar-form{grid-template-columns:minmax(0,1.75fr) minmax(310px,.85fr)}.grid.compact-grid{gap:13px}.stack{display:flex;flex-direction:column;gap:18px}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.card,.stat-card{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-xs);transition:border-color var(--transition),box-shadow var(--transition),transform var(--transition)}.card{border-radius:var(--radius-lg);padding:20px;min-width:0}.card:hover{border-color:color-mix(in srgb,var(--line-strong) 85%,var(--primary))}.card.reveal,.stat-card.reveal{opacity:0;transform:translateY(8px)}.card.reveal.is-visible,.stat-card.reveal.is-visible{opacity:1;transform:none;transition:opacity .38s ease var(--reveal-delay),transform .38s ease var(--reveal-delay),border-color var(--transition),box-shadow var(--transition)}
.card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:17px}.card-header h2,.card-header h3{margin:0 0 4px;color:var(--text);font-size:15px;font-weight:800}.card-header h3{font-size:13px}.card-header p{margin:0;color:var(--muted-2);font-size:9.5px;line-height:1.75}.card-header>a{font-size:10px;font-weight:700}
.stat-card{border-radius:17px;padding:17px;display:flex;align-items:center;gap:13px;color:var(--text);min-height:92px;position:relative;overflow:hidden}.stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm);border-color:color-mix(in srgb,var(--primary) 18%,var(--line))}.stat-card:after{content:"";position:absolute;width:75px;height:75px;border-radius:50%;left:-30px;top:-35px;background:var(--primary-soft);opacity:.5}.stat-card small,.stat-card strong{display:block}.stat-card small{color:var(--muted);font-size:9.5px;margin-bottom:5px}.stat-card strong{font-size:23px;font-weight:850;letter-spacing:-.02em}.stat-card .stat-trend{font-size:8px;color:var(--success);margin-top:4px}.stat-icon{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;flex:0 0 auto}.stat-icon svg{width:20px;height:20px}.stat-icon.purple{background:var(--primary-soft);color:var(--primary)}.stat-icon.blue{background:var(--info-soft);color:var(--info)}.stat-icon.green{background:var(--success-soft);color:var(--success)}.stat-icon.orange{background:var(--warning-soft);color:var(--warning)}
.panel-soft{background:var(--surface-2);border:1px solid var(--line);border-radius:14px;padding:15px}.health-main{display:flex;align-items:center;gap:14px}.health-main>span{width:42px;height:42px;border-radius:50%;display:grid;place-items:center}.health-main strong,.health-main small{display:block}.health-main small{color:var(--muted);font-size:9px;margin-top:3px}

/* Forms */
.form-stack{display:flex;flex-direction:column;gap:14px}.form-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.form-row.three{grid-template-columns:repeat(3,minmax(0,1fr))}
label{display:flex;flex-direction:column;gap:6px;color:var(--text-2);font-size:10.5px;font-weight:700}.field-title{display:flex;justify-content:space-between;align-items:center}.field-hint{font-size:8.5px;color:var(--muted-2);font-weight:400}
input,select,textarea{width:100%;border:1px solid var(--line-strong);border-radius:11px;padding:10px 11px;background:var(--surface);color:var(--text);outline:none;transition:border-color var(--transition),box-shadow var(--transition),background var(--transition);font-size:11.5px;min-height:42px}textarea{resize:vertical;line-height:1.95;min-height:110px}input::placeholder,textarea::placeholder{color:var(--muted-2)}input:hover,select:hover,textarea:hover{border-color:color-mix(in srgb,var(--line-strong) 70%,var(--primary))}input:focus,select:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 4px color-mix(in srgb,var(--primary) 12%,transparent)}input:disabled,select:disabled,textarea:disabled{opacity:.65;background:var(--surface-3)}
.toggle{display:flex;flex-direction:row;align-items:center;gap:9px;cursor:pointer;font-weight:500}.toggle input{appearance:none;width:38px;height:22px;min-height:0;padding:0;border-radius:999px;background:var(--line-strong);position:relative;border:0;flex:0 0 auto}.toggle input:after{content:"";position:absolute;width:16px;height:16px;border-radius:50%;background:#fff;top:3px;right:3px;box-shadow:0 1px 3px rgba(0,0,0,.18);transition:transform var(--transition)}.toggle input:checked{background:var(--primary)}.toggle input:checked:after{transform:translateX(-16px)}
.segmented{display:grid;grid-template-columns:repeat(2,1fr);gap:5px;background:var(--surface-3);border-radius:12px;padding:4px}.segmented.three{grid-template-columns:repeat(3,1fr)}.segmented label{position:relative;display:block;cursor:pointer}.segmented input{position:absolute;opacity:0;pointer-events:none}.segmented span{display:flex;align-items:center;justify-content:center;min-height:35px;border-radius:9px;color:var(--muted);font-size:9.5px;font-weight:700;transition:all var(--transition)}.segmented input:checked+span{background:var(--surface);color:var(--primary);box-shadow:var(--shadow-xs)}
.dropzone{border:1.5px dashed color-mix(in srgb,var(--primary) 30%,var(--line-strong));border-radius:14px;padding:22px;text-align:center;cursor:pointer;background:linear-gradient(180deg,var(--surface-2),var(--surface));transition:all var(--transition)}.dropzone:hover{border-color:var(--primary);background:var(--primary-soft)}.dropzone input{display:none}.dropzone span,.dropzone small{display:block}.dropzone span{color:var(--primary);font-size:11px}.dropzone small{margin-top:5px;color:var(--muted-2);font-weight:400;font-size:8.5px}.file-list{display:flex;gap:7px;flex-wrap:wrap}.file-chip,.file-list>span{background:var(--surface-3);border:1px solid var(--line);padding:8px 10px;border-radius:9px;font-size:9px}.file-chip strong,.file-chip small{display:block}.file-chip small,.file-list small{color:var(--muted-2);margin-top:3px;font-size:8px}.counter{font-size:9px;color:var(--muted-2)}

/* Tables and status */
.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:13px}table{width:100%;border-collapse:separate;border-spacing:0}th,td{text-align:right;padding:12px 11px;border-bottom:1px solid var(--line);font-size:10.5px;vertical-align:middle;white-space:nowrap}th{color:var(--muted);font-weight:650;background:var(--surface-2);position:sticky;top:0;z-index:1}tbody tr{transition:background var(--transition)}tbody tr:hover{background:color-mix(in srgb,var(--primary-soft) 30%,transparent)}tbody tr:last-child td{border-bottom:0}td strong,td small{display:block}td strong{font-weight:700;color:var(--text-2)}td small{color:var(--muted-2);margin-top:3px;font-size:8.5px}
.badge{display:inline-flex;align-items:center;gap:4px;border-radius:999px;padding:4px 8px;font-size:8.5px;font-weight:750;white-space:nowrap;border:1px solid transparent}.badge:before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor}.badge.success{background:var(--success-soft);color:var(--success);border-color:color-mix(in srgb,var(--success) 13%,transparent)}.badge.warning{background:var(--warning-soft);color:var(--warning);border-color:color-mix(in srgb,var(--warning) 13%,transparent)}.badge.danger{background:var(--danger-soft);color:var(--danger);border-color:color-mix(in srgb,var(--danger) 13%,transparent)}.badge.info{background:var(--info-soft);color:var(--info)}.badge.primary{background:var(--primary-soft);color:var(--primary)}.badge.muted{background:var(--surface-3);color:var(--muted)}
.empty{text-align:center;padding:38px 20px;color:var(--muted)}.empty.compact{padding:20px}.empty>span{display:grid;place-items:center;width:54px;height:54px;margin:0 auto 12px;border-radius:17px;background:var(--surface-3);color:var(--primary);font-size:23px}.empty h3{margin:0 0 7px;color:var(--text-2);font-size:14px}.empty p{font-size:10px;margin:0 auto 15px;line-height:1.8;max-width:430px}

/* Lists and connection cards */
.connection-list,.team-list,.delivery-list,.caption-library,.system-sender-list{display:flex;flex-direction:column;gap:9px}.connection-item,.system-sender,.team-list>article{border:1px solid var(--line);border-radius:14px;padding:13px;display:grid;grid-template-columns:43px minmax(0,1fr) auto;gap:12px;align-items:center;background:var(--surface);transition:all var(--transition)}.connection-item:hover,.system-sender:hover,.team-list>article:hover{border-color:color-mix(in srgb,var(--primary) 20%,var(--line));box-shadow:var(--shadow-xs)}.platform-logo{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;font-weight:900;color:#fff;font-size:13px}.platform-logo.small{width:33px;height:33px;border-radius:10px;flex:0 0 auto}.platform-logo.telegram{background:#229ed9}.platform-logo.bale{background:#0ea57d}.platform-logo.eitaa{background:#e98a15}.platform-logo.rubika{background:#7c3aed}.platform-logo.instagram{background:linear-gradient(135deg,#f58529,#dd2a7b,#8134af)}.connection-info{min-width:0}.connection-info>div{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.connection-info strong{font-size:11px}.connection-info p{margin:4px 0;color:var(--muted);font-size:9px;overflow:hidden;text-overflow:ellipsis}.connection-info code{font-size:8px;color:var(--muted-2)}.error-text{display:block;color:var(--danger);margin-top:6px;font-size:8.5px}.row-actions,.team-actions,.media-actions{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.icon-button{width:30px;height:30px;border:1px solid var(--line);border-radius:8px;cursor:pointer;background:var(--surface);color:var(--muted);display:grid;place-items:center}.icon-button.danger{color:var(--danger);background:var(--danger-soft)}
.steps{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:16px}.steps li{display:flex;gap:11px}.steps li>span{width:28px;height:28px;border-radius:9px;background:var(--primary-soft);color:var(--primary);display:grid;place-items:center;font-weight:800;flex:0 0 auto;font-size:10px}.steps strong,.steps p,.steps a{display:block}.steps strong{font-size:10.5px}.steps p{font-size:9px;color:var(--muted);margin:3px 0 4px;line-height:1.7}.steps a{font-size:8.5px;font-weight:700}.feature-list{margin:0;padding:0 18px 0 0;color:var(--muted);font-size:10px;line-height:2.25}.feature-list li::marker{color:var(--accent)}

/* Posts/composer */
.post-list{display:flex;flex-direction:column}.post-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:16px;align-items:center;padding:15px 3px;border-bottom:1px solid var(--line)}.post-row:last-child{border-bottom:0}.post-title{display:flex;align-items:center;gap:8px}.post-title strong{font-size:11px}.post-main p{font-size:9.5px;color:var(--muted);margin:6px 0;line-height:1.85}.post-meta{display:flex;gap:11px;flex-wrap:wrap;color:var(--muted-2);font-size:8px}.delivery-summary{display:flex;direction:ltr}.delivery-dot{width:27px;height:27px;border-radius:50%;display:grid;place-items:center;margin-left:-5px;border:2px solid var(--surface);font-size:8px;font-weight:800;background:var(--surface-3)}.delivery-dot.success{background:#d1fadf;color:#087555}.delivery-dot.failed{background:#ffe4e8;color:#c01048}.delivery-dot.partial,.delivery-dot.retrying{background:#fef0c7;color:#b54708}.delivery-dot.pending,.delivery-dot.queued,.delivery-dot.publishing{background:#dbeafe;color:#175cd3}
.composer-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(330px,.75fr);gap:18px;align-items:start}.composer-main{min-width:0}.composer-side{position:sticky;top:calc(var(--topbar) + 20px)}.composer-toolbar{display:flex;align-items:center;gap:6px;flex-wrap:wrap;padding:8px;background:var(--surface-2);border:1px solid var(--line);border-radius:12px;margin-bottom:10px}.composer-toolbar button{border:1px solid var(--line);background:var(--surface);color:var(--text-2);border-radius:8px;min-height:31px;padding:5px 9px;font-size:8.5px;cursor:pointer;transition:all var(--transition)}.composer-toolbar button:hover{color:var(--primary);border-color:color-mix(in srgb,var(--primary) 30%,var(--line))}.composer-textarea{font-size:13px;min-height:240px;line-height:2.05}.destination-picker{display:flex;flex-direction:column;gap:7px;max-height:320px;overflow:auto;padding-left:3px}.check-card{display:grid;grid-template-columns:auto 33px minmax(0,1fr);align-items:center;gap:8px;border:1px solid var(--line);border-radius:11px;padding:9px;cursor:pointer;transition:all var(--transition);font-weight:500}.check-card:hover{border-color:color-mix(in srgb,var(--primary) 35%,var(--line));background:var(--surface-2)}.check-card:has(input:checked){border-color:var(--primary);background:var(--primary-soft)}.check-card input{width:16px;height:16px;min-height:0}.check-card strong,.check-card small{display:block}.check-card strong{font-size:9.5px}.check-card small{color:var(--muted-2);margin-top:2px;font-weight:400;font-size:8px}
.ai-composer{border-color:color-mix(in srgb,var(--primary) 24%,var(--line));background:linear-gradient(145deg,var(--surface),color-mix(in srgb,var(--primary-soft) 45%,var(--surface)))}.ai-composer-head{display:flex;align-items:center;gap:9px;margin-bottom:12px}.ai-orb{width:37px;height:37px;border-radius:12px;background:linear-gradient(145deg,#6b63ef,#0f9f8f);color:#fff;display:grid;place-items:center;box-shadow:0 8px 20px rgba(79,70,229,.22)}.ai-orb svg{width:18px}.ai-composer-head strong,.ai-composer-head small{display:block}.ai-composer-head strong{font-size:11px}.ai-composer-head small{font-size:8.5px;color:var(--muted);margin-top:2px}.ai-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:7px}.ai-action{border:1px solid var(--line);background:var(--surface);border-radius:10px;padding:9px 8px;color:var(--text-2);font-size:8.5px;font-weight:700;cursor:pointer;transition:all var(--transition)}.ai-action:hover{border-color:var(--primary);color:var(--primary);transform:translateY(-1px)}.ai-status{font-size:8px;color:var(--muted);margin-top:9px;min-height:14px}.ai-output{margin-top:11px;border:1px solid var(--line);border-radius:12px;padding:11px;background:var(--surface)}.ai-result-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.ai-result-content{font-size:10.5px;line-height:2;color:var(--text-2);max-height:220px;overflow:auto}.ai-variants{display:flex;flex-direction:column;gap:6px;margin-top:9px}.ai-variants button{border:1px solid var(--line);background:var(--surface-2);border-radius:9px;padding:8px;text-align:right;color:var(--muted);font-size:8.5px;line-height:1.7;cursor:pointer}.ai-variants button:hover{border-color:var(--primary);color:var(--text)}.ai-hashtags{display:flex;gap:5px;flex-wrap:wrap;margin-top:8px}.ai-hashtags span{font-size:8px;background:var(--primary-soft);color:var(--primary);border-radius:999px;padding:3px 7px}.ai-result-meta{font-size:7.5px;color:var(--muted-2);margin-top:8px;border-top:1px solid var(--line);padding-top:7px}

/* Forwarding and AI studio */
.forward-rule{border:1px solid var(--line);border-radius:15px;padding:14px;background:var(--surface);display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:12px;align-items:start}.forward-rule .source-arrow{width:42px;height:42px;border-radius:13px;background:var(--accent-soft);color:var(--accent);display:grid;place-items:center}.forward-rule h3{font-size:11px;margin:0 0 4px}.forward-rule p{font-size:8.5px;color:var(--muted);margin:0;line-height:1.8}.forward-meta{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}.discovered-list{display:flex;gap:7px;flex-wrap:wrap}.discovered-channel{border:1px solid var(--line);border-radius:10px;padding:8px 9px;background:var(--surface-2);font-size:8.5px;cursor:pointer}.discovered-channel strong,.discovered-channel small{display:block}.discovered-channel small{color:var(--muted-2);margin-top:2px}
.ai-hero{position:relative;overflow:hidden;border-radius:var(--radius-xl);padding:27px;background:linear-gradient(135deg,#17162d,#22215a 58%,#0b6f68);color:#fff;margin-bottom:18px;box-shadow:var(--shadow-md)}.ai-hero:before,.ai-hero:after{content:"";position:absolute;border-radius:50%;filter:blur(2px)}.ai-hero:before{width:260px;height:260px;left:-100px;top:-130px;background:radial-gradient(circle,rgba(118,106,247,.55),transparent 68%)}.ai-hero:after{width:220px;height:220px;right:35%;bottom:-170px;background:radial-gradient(circle,rgba(45,212,191,.3),transparent 68%)}.ai-hero-content{position:relative;z-index:1;max-width:760px}.ai-hero h1{font-size:27px;margin:8px 0 7px}.ai-hero p{font-size:11px;color:#cbd1df;line-height:1.9;margin:0}.ai-provider-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.provider-chip{display:flex;align-items:center;gap:6px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:6px 9px;font-size:8.5px;color:#dfe3ec}.provider-chip i{width:6px;height:6px;border-radius:50%;background:#f59e0b}.provider-chip.available i{background:#2dd4bf}.ai-studio-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(300px,.7fr);gap:18px}.ai-task-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.ai-task-card{border:1px solid var(--line);background:var(--surface);border-radius:12px;padding:12px 9px;text-align:center;cursor:pointer;color:var(--text-2);transition:all var(--transition)}.ai-task-card:hover{border-color:var(--primary);color:var(--primary);box-shadow:var(--shadow-xs)}.ai-task-card svg{display:block;margin:0 auto 6px}.ai-task-card strong{font-size:9px}.ai-history-item{display:flex;align-items:center;gap:9px;padding:10px 0;border-bottom:1px solid var(--line)}.ai-history-item:last-child{border-bottom:0}.ai-history-item>span{width:31px;height:31px;border-radius:9px;background:var(--primary-soft);color:var(--primary);display:grid;place-items:center}.ai-history-item strong,.ai-history-item small{display:block}.ai-history-item strong{font-size:9px}.ai-history-item small{font-size:7.5px;color:var(--muted-2);margin-top:2px}

/* Media, calendar, analytics */
.media-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.media-card{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--surface);transition:all var(--transition)}.media-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm)}.media-preview{height:145px;background:var(--surface-3);display:grid;place-items:center;overflow:hidden;position:relative}.media-preview img,.media-preview video{width:100%;height:100%;object-fit:cover}.file-kind{font-size:22px;color:var(--muted)}.play-badge{position:absolute;width:34px;height:34px;border-radius:50%;background:rgba(17,24,39,.75);color:#fff;display:grid;place-items:center}.media-card>div:last-child{padding:11px}.media-card strong,.media-card small{display:block}.media-card strong{font-size:9.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.media-card small{font-size:8px;color:var(--muted);margin-top:3px}
.calendar-list{display:flex;flex-direction:column;gap:10px}.calendar-day{display:grid;grid-template-columns:90px minmax(0,1fr);gap:12px;border:1px solid var(--line);border-radius:14px;padding:12px}.calendar-day>strong{font-size:10px;color:var(--primary)}.calendar-line{display:flex;align-items:center;gap:8px;padding:7px 0;border-bottom:1px solid var(--line)}.calendar-line:last-child{border-bottom:0}.timeline{position:relative}.timeline-dot{width:8px;height:8px;border-radius:50%;background:var(--primary)}
.bar-chart{display:flex;align-items:end;gap:8px;height:190px;padding-top:20px}.bar-column{flex:1;display:flex;flex-direction:column;align-items:center;gap:5px;height:100%;justify-content:end}.bar-track{width:100%;height:145px;display:flex;align-items:end;background:var(--surface-3);border-radius:7px;overflow:hidden}.bar-value{width:100%;min-height:3px;background:linear-gradient(180deg,#7770ef,var(--primary));border-radius:7px 7px 0 0}.bar-column small{font-size:7px;color:var(--muted-2)}.progress{height:7px;border-radius:999px;background:var(--surface-3);overflow:hidden}.progress>span{display:block;height:100%;background:linear-gradient(90deg,var(--primary),var(--accent));border-radius:inherit}.network-health{display:flex;flex-direction:column;gap:12px}
.secret-reveal{display:flex;align-items:center;gap:10px;padding:12px;background:var(--warning-soft);border:1px solid color-mix(in srgb,var(--warning) 16%,transparent);border-radius:12px;margin-bottom:14px}.secret-reveal strong{font-size:9px}.secret-reveal code{font-size:8px;overflow:auto;flex:1;direction:ltr}.detail-list{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.detail-list>div{background:var(--surface-2);border:1px solid var(--line);border-radius:10px;padding:10px}.detail-list dt{font-size:8px;color:var(--muted)}.detail-list dd{margin:4px 0 0;font-size:10px;font-weight:700}
.api-doc{font-size:10.5px;line-height:1.9}.endpoint-list{display:flex;flex-direction:column;gap:8px}.endpoint-list code{display:block;padding:10px;background:#101828;color:#d8e0ef;border-radius:9px;direction:ltr;text-align:left;overflow:auto}

/* Command palette */
.command-palette{width:min(620px,calc(100vw - 28px));border:1px solid var(--line);border-radius:18px;padding:0;background:var(--surface);color:var(--text);box-shadow:var(--shadow-lg);overflow:hidden}.command-palette::backdrop{background:rgba(8,15,28,.58);backdrop-filter:blur(5px)}.command-head{height:58px;display:flex;align-items:center;gap:10px;padding:0 15px;border-bottom:1px solid var(--line)}.command-head svg{color:var(--muted)}.command-head input{border:0;box-shadow:none;padding:0;min-height:0;font-size:12px;background:transparent}.command-head input:focus{box-shadow:none}.command-head kbd{font-size:8px;color:var(--muted);background:var(--surface-3);border:1px solid var(--line);padding:3px 6px;border-radius:6px}.command-results{padding:8px;max-height:390px;overflow:auto}.command-item{display:flex;align-items:center;gap:10px;color:var(--text-2);padding:10px 11px;border-radius:10px;font-size:10.5px}.command-item svg,.command-plus{width:28px;height:28px;border-radius:8px;background:var(--surface-3);display:grid;place-items:center;padding:6px;color:var(--muted)}.command-item span:nth-child(2){flex:1}.command-item kbd{font-size:8px;color:var(--muted-2)}.command-item.active,.command-item:hover{background:var(--primary-soft);color:var(--primary)}.command-item.active svg{background:var(--surface);color:var(--primary)}.command-footer{border-top:1px solid var(--line);padding:8px 13px;display:flex;gap:14px;color:var(--muted-2);font-size:7.5px}.command-empty{text-align:center;padding:28px;color:var(--muted);font-size:10px}

/* Auth */
.auth-body{background:#0b1018;min-height:100vh}.auth-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(430px,.75fr);min-height:100vh}.auth-visual{position:relative;overflow:hidden;background:radial-gradient(circle at 25% 20%,#25224e 0,#111827 38%,#0b1018 100%);color:#fff;padding:44px 55px;display:flex;flex-direction:column}.auth-ambient{position:absolute;border-radius:50%;filter:blur(80px);opacity:.24}.auth-ambient-one{width:360px;height:360px;background:#635bff;top:-120px;right:-110px}.auth-ambient-two{width:340px;height:340px;background:#0fd1bd;bottom:-170px;left:12%}.auth-brand{position:relative;z-index:2;display:flex;align-items:center;gap:11px;color:#fff;width:max-content}.auth-brand>span:last-child strong,.auth-brand>span:last-child small{display:block}.auth-brand small{font-size:8px;color:#7d8798;margin-top:2px;letter-spacing:.05em}.auth-copy{position:relative;z-index:2;margin:auto 0;max-width:700px}.pill{display:inline-flex;align-items:center;gap:7px;padding:6px 10px;border-radius:999px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);color:#cfd5e1;font-size:8.5px}.status-pulse{width:7px;height:7px;border-radius:50%;background:#2dd4bf;box-shadow:0 0 0 5px rgba(45,212,191,.1)}.auth-copy h1{font-size:42px;line-height:1.45;letter-spacing:-.045em;margin:20px 0 12px;max-width:650px}.auth-copy h1 em{font-style:normal;color:#9b95ff}.auth-copy>p{font-size:12px;color:#aab3c2;line-height:2.05;max-width:610px}.auth-metrics{display:flex;gap:0;margin-top:25px}.auth-metrics>div{padding:0 20px;border-left:1px solid rgba(255,255,255,.11)}.auth-metrics>div:first-child{padding-right:0}.auth-metrics strong,.auth-metrics span{display:block}.auth-metrics strong{font-size:17px}.auth-metrics span{font-size:7.5px;color:#7e899b;margin-top:3px}.auth-features{display:flex;gap:7px;flex-wrap:wrap;margin-top:22px}.auth-features span{font-size:8px;color:#aab3c2;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:5px 8px;background:rgba(255,255,255,.035)}.auth-preview-card{position:absolute;width:390px;height:220px;left:-45px;bottom:20px;border:1px solid rgba(255,255,255,.1);border-radius:17px;background:rgba(255,255,255,.055);backdrop-filter:blur(18px);transform:rotate(-4deg);box-shadow:0 25px 80px rgba(0,0,0,.3);opacity:.78}.preview-head{height:28px;border-bottom:1px solid rgba(255,255,255,.08);display:flex;gap:5px;align-items:center;padding:0 10px}.preview-head span{width:6px;height:6px;border-radius:50%;background:#596273}.preview-body{display:grid;grid-template-columns:65px 1fr;height:calc(100% - 28px)}.preview-sidebar{border-left:1px solid rgba(255,255,255,.07);background:rgba(0,0,0,.09)}.preview-main{padding:16px}.preview-line{height:8px;border-radius:5px;background:rgba(255,255,255,.11);width:55%}.preview-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:12px}.preview-cards i{height:42px;border-radius:8px;background:rgba(255,255,255,.075)}.preview-chart{height:70px;border-radius:9px;background:linear-gradient(180deg,rgba(99,91,238,.2),transparent);margin-top:10px;border-bottom:1px solid rgba(99,91,238,.45)}.auth-panel{background:var(--surface);display:flex;align-items:center;justify-content:center;padding:40px}.auth-card{width:min(420px,100%)}.auth-card .section-heading h2{font-size:23px}.auth-card .section-heading p{font-size:10.5px}.auth-link{text-align:center;color:var(--muted);font-size:9.5px;margin-top:16px}.auth-security{text-align:center;color:var(--muted-2);font-size:8px;margin-top:22px;padding-top:17px;border-top:1px solid var(--line)}.auth-mobile-brand{display:none}

/* Responsive */
@media (max-width:1180px){.stats-grid{grid-template-columns:repeat(2,1fr)}.media-grid{grid-template-columns:repeat(3,1fr)}.search-trigger{min-width:42px;width:42px;padding:0;justify-content:center}.search-trigger span,.search-trigger kbd{display:none}.ai-task-grid{grid-template-columns:repeat(2,1fr)}.auth-preview-card{display:none}}
@media (max-width:980px){.app-shell,.app-shell body.sidebar-collapsed{grid-template-columns:1fr}.main{grid-column:1}.sidebar{transform:translateX(105%);width:min(300px,88vw)}body.menu-open .sidebar{transform:none}body.menu-open .sidebar-backdrop{display:block}.sidebar-collapse{display:none}.menu-button{display:inline-grid}.topbar{padding:0 18px}.content{padding:23px 18px 65px}.grid.two-thirds,.grid.sidebar-form,.composer-grid,.ai-studio-grid{grid-template-columns:1fr}.composer-side{position:static}.auth-layout{grid-template-columns:1fr}.auth-visual{display:none}.auth-panel{min-height:100vh;padding:28px}.auth-mobile-brand{display:flex;align-items:center;gap:9px;margin-bottom:28px}.settings-grid{grid-template-columns:1fr}.media-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:700px){:root{--topbar:66px}.topbar{padding:0 12px}.workspace-title{display:none}.workspace-switcher select{max-width:130px}.topbar-actions{gap:7px}.topbar .icon-btn{width:35px;height:35px}.top-create{width:38px;min-width:38px;padding:0}.top-create span{display:none}.content{padding:19px 12px 55px}.section-heading{flex-direction:column;gap:12px;margin-bottom:17px}.section-heading h1{font-size:22px}.section-heading p{font-size:10.5px}.section-actions{width:100%}.section-actions .button{flex:1}.stats-grid{grid-template-columns:1fr 1fr;gap:9px}.stat-card{padding:13px;min-height:80px}.stat-card strong{font-size:19px}.stat-icon{width:38px;height:38px}.card{padding:15px;border-radius:16px}.form-row,.form-row.three{grid-template-columns:1fr}.post-row{grid-template-columns:1fr;gap:8px}.delivery-summary{justify-content:flex-end}.table-wrap{border-radius:11px}th,td{padding:10px 8px}.media-grid{grid-template-columns:1fr 1fr;gap:9px}.media-preview{height:120px}.calendar-day{grid-template-columns:1fr}.ai-hero{padding:21px;border-radius:20px}.ai-hero h1{font-size:22px}.ai-actions{grid-template-columns:1fr 1fr}.command-palette{border-radius:15px}.auth-panel{padding:20px}.auth-card .section-heading h2{font-size:21px}.forward-rule{grid-template-columns:40px minmax(0,1fr)}.forward-rule>.row-actions{grid-column:1/-1;justify-content:flex-end}}
@media (max-width:430px){.stats-grid{grid-template-columns:1fr}.media-grid{grid-template-columns:1fr}.topbar .workspace-switcher{display:none}.ai-task-grid{grid-template-columns:1fr 1fr}.auth-panel{align-items:flex-start;padding-top:35px}.secret-reveal{align-items:flex-start;flex-direction:column}}
@media (prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1!important;transform:none!important}}

/* =========================================================
   DIGIBING 4.0 — Signal Control Room
   Blue-first trust palette, green operational accents
   ========================================================= */
:root{
  --bg:#f4f8fd;--surface:#fff;--surface-2:#f8fbff;--surface-3:#edf4fc;
  --text:#0b1739;--text-2:#32456b;--muted:#647596;--muted-2:#8c9ab3;
  --line:#dce6f3;--line-strong:#c6d5e8;
  --primary:#0b57d0;--primary-2:#073b92;--primary-soft:#e9f2ff;
  --accent:#12a97b;--accent-soft:#e7f8f2;
  --success:#0b8c67;--success-soft:#e9f8f3;--warning:#b66b00;--warning-soft:#fff5df;
  --danger:#c3325a;--danger-soft:#fff0f4;--info:#087bbd;--info-soft:#e9f6fd;
  --shadow-xs:0 1px 2px rgba(7,35,82,.04);--shadow-sm:0 8px 24px rgba(7,35,82,.07);
  --shadow-md:0 18px 50px rgba(7,35,82,.11);--shadow-lg:0 32px 90px rgba(7,35,82,.18);
  --radius-sm:11px;--radius:15px;--radius-lg:22px;--radius-xl:30px;
  --sidebar:298px;--topbar:78px;--transition:210ms cubic-bezier(.2,.8,.2,1);
}
html[data-theme="dark"]{
  --bg:#07101e;--surface:#0d192a;--surface-2:#111f32;--surface-3:#17273d;
  --text:#f4f8ff;--text-2:#d7e2f4;--muted:#9badc8;--muted-2:#7285a5;
  --line:#213653;--line-strong:#304866;--primary:#67a3ff;--primary-2:#90bdff;
  --primary-soft:#102d58;--accent:#35d4a3;--accent-soft:#123a32;
}
html{font-size:15px}.button{min-height:42px}.button.large{min-height:48px}.button.xl{min-height:54px;padding-inline:24px;font-size:13px}.button.primary{background:linear-gradient(135deg,#0b57d0,#07439f);box-shadow:0 8px 20px rgba(11,87,208,.2)}.button.primary:hover{background:linear-gradient(135deg,#0e63eb,#083d8f);box-shadow:0 12px 26px rgba(11,87,208,.28)}.button.ghost{background:transparent;border-color:var(--line);color:var(--text-2)}.button.white{background:#fff;color:#073b92;border-color:#fff;box-shadow:0 12px 34px rgba(3,28,69,.22)}.button svg{width:17px;height:17px}.card{border-color:rgba(198,213,232,.78);box-shadow:0 8px 30px rgba(7,35,82,.055)}.card:hover{border-color:#cad9eb}.page-kicker,.card-kicker{color:var(--primary);font-weight:800;letter-spacing:0}.page-kicker{display:flex;align-items:center;gap:7px}.page-kicker i{width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 5px rgba(18,169,123,.1)}

/* Signature sidebar */
.digibing-sidebar{background:linear-gradient(178deg,#071a3d 0%,#082a60 54%,#06204b 100%);padding:14px 15px 13px;border-left:0;box-shadow:-12px 0 40px rgba(7,26,61,.12)}
.digibing-sidebar:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 25% 4%,rgba(57,139,255,.18),transparent 27%),linear-gradient(90deg,transparent 0 92%,rgba(255,255,255,.025));pointer-events:none}
.signal-rail{position:absolute;left:0;top:116px;bottom:140px;width:4px;display:flex;flex-direction:column;justify-content:space-around;align-items:center;opacity:.8}.signal-rail:before{content:"";position:absolute;width:1px;top:0;bottom:0;background:linear-gradient(transparent,rgba(85,166,255,.45),rgba(18,210,157,.55),transparent)}.signal-rail i{position:relative;width:4px;height:4px;border-radius:50%;background:#4f9cff;box-shadow:0 0 10px #4f9cff}.signal-rail i:nth-child(3){background:#24d6a4;box-shadow:0 0 13px #24d6a4;animation:signalPulse 2.2s infinite}@keyframes signalPulse{50%{transform:scale(2);opacity:.45}}
.sidebar-head{position:relative;z-index:1;padding:4px 2px 13px}.digibing-mark{position:relative;background:linear-gradient(145deg,#1268e5,#073b92 68%,#041d46);box-shadow:0 12px 30px rgba(0,20,55,.34),inset 0 1px rgba(255,255,255,.25);overflow:hidden}.digibing-mark b{position:relative;z-index:2;font-family:Arial,sans-serif;font-size:19px;font-weight:900;letter-spacing:-2px;color:#fff}.digibing-mark i{position:absolute;width:21px;height:21px;border:2px solid #22d3a3;border-left-color:transparent;border-radius:50%;right:4px;bottom:3px;transform:rotate(-25deg);opacity:.95}.digibing-mark:after{content:"";position:absolute;width:8px;height:2px;background:#8ddaff;right:7px;top:9px;border-radius:4px;box-shadow:4px 5px #4ea2ff,8px 10px #23d5a4}.brand-copy strong{font-size:15px;letter-spacing:-.02em}.brand-copy small{color:#8fa9cf;font-size:9px}.sidebar-context{position:relative;z-index:1;display:grid;grid-template-columns:35px minmax(0,1fr) 25px;gap:9px;align-items:center;margin:1px 1px 12px;padding:10px;border:1px solid rgba(124,176,255,.15);background:linear-gradient(135deg,rgba(255,255,255,.075),rgba(255,255,255,.025));border-radius:14px;white-space:nowrap;overflow:hidden}.workspace-orb{width:35px;height:35px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(145deg,rgba(59,137,245,.33),rgba(18,169,123,.2));border:1px solid rgba(130,188,255,.2);font-size:12px;font-weight:900;color:#d9eaff}.sidebar-context span,.sidebar-context strong{display:block;overflow:hidden;text-overflow:ellipsis}.sidebar-context>div:nth-child(2) span{font-size:8px;color:#7691ba}.sidebar-context strong{font-size:10.5px;color:#f1f7ff;margin-top:2px}.verified-pro{width:24px;height:24px;display:grid;place-items:center;color:#4da0ff}.verified-pro svg{width:18px;height:18px;fill:rgba(57,139,255,.18)}
.digibing-sidebar .nav{position:relative;z-index:1;gap:12px}.digibing-sidebar .nav-section{color:#6781aa;padding:5px 12px 3px;font-size:9px}.digibing-sidebar .nav-item{min-height:43px;color:#aebfda;font-size:11.5px;border:1px solid transparent}.digibing-sidebar .nav-item svg{color:#7994bd;width:18px}.digibing-sidebar .nav-item:hover{background:rgba(98,157,239,.09);border-color:rgba(106,169,255,.07);color:#fff;transform:translateX(-2px)}.digibing-sidebar .nav-item:hover svg{color:#73b2ff}.digibing-sidebar .nav-item.active{background:linear-gradient(95deg,rgba(18,103,228,.54),rgba(25,105,211,.23));border-color:rgba(117,179,255,.23);box-shadow:inset -3px 0 #44a1ff,0 8px 22px rgba(2,22,56,.16);color:#fff}.digibing-sidebar .nav-item.active:before{content:"";position:absolute;left:10px;width:5px;height:5px;border-radius:50%;background:#28d9a7;box-shadow:0 0 10px #28d9a7}.digibing-sidebar .nav-item.active svg{color:#b9d9ff}.digibing-sidebar .nav-create{background:linear-gradient(95deg,rgba(18,169,123,.12),rgba(18,169,123,.04));border-color:rgba(44,214,165,.08)}.digibing-sidebar .nav-create svg{color:#3bdfaf}.nav-badge{background:rgba(73,153,255,.14);color:#8bc0ff;border-color:rgba(93,168,255,.18)}.nav-badge.green{background:rgba(24,201,146,.14);color:#63e4bc;border-color:rgba(50,220,169,.15)}.admin-nav{margin-top:3px;border:1px dashed rgba(255,181,77,.15)!important}.admin-nav svg{color:#f0ad4b!important}
.sidebar-footer{position:relative;z-index:1;border-top:1px solid rgba(126,176,240,.12);gap:8px}.plan-card{display:grid;grid-template-columns:34px minmax(0,1fr) 15px;gap:8px;align-items:center;padding:9px 10px;border-radius:13px;background:linear-gradient(125deg,rgba(24,113,225,.18),rgba(18,169,123,.09));border:1px solid rgba(96,164,251,.15);color:#fff;white-space:nowrap}.plan-card:hover{background:linear-gradient(125deg,rgba(32,128,245,.25),rgba(18,169,123,.13));transform:translateY(-1px)}.plan-ring{width:32px;height:32px;border-radius:11px;border:1px solid rgba(105,175,255,.22);display:grid;place-items:center;background:rgba(255,255,255,.04)}.plan-ring i{width:14px;height:14px;border:3px solid #4b9fff;border-top-color:#2bd5a6;border-radius:50%;transform:rotate(20deg)}.plan-card small,.plan-card strong{display:block}.plan-card small{font-size:7.5px;color:#7f9bc4}.plan-card strong{font-size:10px;color:#eff6ff;margin-top:1px}.plan-arrow{color:#70aef8}.user-chip{grid-template-columns:36px minmax(0,1fr) 32px}.user-copy strong{display:flex;align-items:center;gap:4px}.user-verified{width:13px;height:13px;color:#4c9dff;fill:rgba(61,146,255,.15)}
body.sidebar-collapsed .sidebar-context>div:nth-child(2),body.sidebar-collapsed .sidebar-context>.verified-pro,body.sidebar-collapsed .plan-card>div,body.sidebar-collapsed .plan-arrow{display:none}body.sidebar-collapsed .sidebar-context{display:flex;justify-content:center;padding:8px}body.sidebar-collapsed .plan-card{display:flex;justify-content:center;padding:8px}

/* Topbar + mobile navigation */
.topbar{background:rgba(255,255,255,.88);box-shadow:0 1px 0 rgba(198,213,232,.7);padding-inline:28px}.topbar:after{content:"";position:absolute;bottom:-1px;right:0;width:24%;height:1px;background:linear-gradient(90deg,transparent,#1e82f1)}html[data-theme="dark"] .topbar{background:rgba(13,25,42,.88)}.search-trigger{min-width:290px;border-radius:13px;background:#f7faff}.tour-trigger{min-height:38px;height:38px;font-size:10px;padding:0 12px}.workspace-title strong{font-size:13px}.top-create{min-height:40px}.content{padding:30px 32px 90px}.mobile-bottom-nav{display:none}

/* Dashboard */
.dashboard-hero{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:30px 34px;margin-bottom:18px;background:linear-gradient(125deg,#fff 0%,#f5faff 56%,#ecf6ff 100%);border:1px solid #d5e3f3;border-radius:24px;box-shadow:0 12px 40px rgba(7,48,112,.07)}.dashboard-hero:before{content:"";position:absolute;width:380px;height:380px;border:1px solid rgba(33,113,218,.1);border-radius:50%;left:-140px;top:-210px;box-shadow:0 0 0 45px rgba(33,113,218,.025),0 0 0 90px rgba(18,169,123,.018)}.dashboard-hero>div{position:relative;z-index:1}.dashboard-hero h1{font-size:28px;line-height:1.45;letter-spacing:-.04em;margin:8px 0 6px}.dashboard-hero p{margin:0;color:var(--muted);font-size:11.5px}.hero-quick-actions{display:flex;gap:9px;margin-top:18px}.hero-signal-card{min-width:300px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 20px;border-radius:18px;background:rgba(255,255,255,.72);border:1px solid rgba(192,211,235,.8);box-shadow:0 12px 30px rgba(20,72,140,.07);backdrop-filter:blur(12px)}.signal-copy small,.signal-copy strong,.signal-copy span{display:block}.signal-copy small{font-size:8px;color:var(--muted)}.signal-copy strong{font-size:15px;margin:5px 0 3px}.signal-copy span{font-size:8.5px;color:var(--muted)}.signal-gauge{--score:50;width:76px;height:76px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--accent) calc(var(--score)*1%),#dfeaf6 0);position:relative}.signal-gauge:before{content:"";position:absolute;inset:8px;border-radius:50%;background:#fff}.signal-gauge span{position:relative;font-size:13px;font-weight:900;color:var(--primary)}.digibing-stats{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px}.digibing-stats .stat-card{position:relative;min-height:104px;padding:17px;border-radius:17px}.digibing-stats .stat-card:after{content:"";position:absolute;inset:auto 18px 0;height:2px;background:linear-gradient(90deg,transparent,rgba(11,87,208,.2),transparent)}.stat-icon.cyan{background:#e9f8fb;color:#078a9d}.stat-icon.navy{background:#e8effa;color:#153e79}.stat-arrow{position:absolute;left:15px;top:16px;color:#a6b6cc;font-style:normal;font-size:13px}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(310px,.75fr);gap:18px}.operations-card{padding-bottom:10px}.card-kicker{display:block;font-size:8.5px;margin-bottom:4px}.text-link{font-size:9.5px;font-weight:700}.modern-post-list .post-row{grid-template-columns:40px minmax(0,1fr) auto 20px}.post-type-icon{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:var(--primary-soft);color:var(--primary)}.post-type-icon svg{width:18px}.row-chevron{color:#9cacbf;width:15px}.dashboard-side{gap:14px}.digibing-quickstart{background:linear-gradient(155deg,#fff,#f5faff)}.mini-progress-ring{width:46px;height:46px;border-radius:50%;background:conic-gradient(var(--primary) 0 66%,#e2ecf7 66%);display:grid;place-items:center;position:relative}.mini-progress-ring:before{content:"";position:absolute;inset:5px;background:#fff;border-radius:50%}.mini-progress-ring span{position:relative;font-size:8px;font-weight:800}.steps li.active>span{background:linear-gradient(145deg,var(--primary),#2f85ef);color:#fff;box-shadow:0 5px 14px rgba(11,87,208,.25)}.plan-mini-card{background:linear-gradient(135deg,#071d45,#0c3777);border:0;color:#fff}.plan-mini-top{display:flex;align-items:center;justify-content:space-between}.plan-mini-top span,.plan-mini-top strong{display:block}.plan-mini-top>div>span{font-size:8px;color:#82a5d2}.plan-mini-top strong{font-size:13px;margin-top:3px;display:flex;align-items:center;gap:4px}.plan-mini-top strong svg{width:14px;color:#5bb0ff}.plan-chip{font-size:8px;padding:5px 8px;border-radius:999px;background:rgba(255,255,255,.09);color:#b9d6fb!important}.plan-capacity{height:6px;background:rgba(255,255,255,.1);border-radius:999px;margin:15px 0 8px;overflow:hidden}.plan-capacity span{display:block;height:100%;background:linear-gradient(90deg,#42a2ff,#2bd5a6);border-radius:inherit}.plan-mini-card p{font-size:8.5px;color:#8faed3;margin:0 0 9px}.plan-mini-card a{font-size:9px;color:#7ed8bd;font-weight:700}.live-badge{font-size:8px;color:var(--success);background:var(--success-soft);padding:5px 8px;border-radius:999px}.live-badge i{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--success);margin-left:3px}.health-list{display:flex;flex-direction:column;gap:10px}.health-list>div{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:9px;align-items:center;padding:8px;border-radius:11px;background:var(--surface-2)}.health-icon{width:33px;height:33px;border-radius:10px;display:grid;place-items:center}.health-icon.green{background:var(--accent-soft);color:var(--accent)}.health-icon.blue{background:var(--primary-soft);color:var(--primary)}.health-icon.cyan{background:#e8f8fa;color:#05879b}.health-list strong,.health-list small{display:block}.health-list strong{font-size:9.5px}.health-list small{font-size:7.5px;color:var(--muted);margin-top:2px}.health-list b{font-size:8px;color:var(--success)}

/* Shared flows, platform choices */
.setup-journey{display:flex;align-items:center;gap:16px;padding:14px 20px;margin-bottom:18px;background:#fff;border:1px solid var(--line);border-radius:17px;box-shadow:var(--shadow-xs)}.setup-journey>div{flex:1;display:flex;align-items:center;gap:9px}.setup-journey>i{font-style:normal;color:#9db0c8}.setup-journey>div>span{width:31px;height:31px;border-radius:10px;display:grid;place-items:center;background:#eaf1f9;color:#6680a4;font-size:10px;font-weight:900}.setup-journey .done>span{background:var(--accent-soft);color:var(--accent)}.setup-journey strong,.setup-journey small{display:block}.setup-journey strong{font-size:9.5px}.setup-journey small{font-size:7.5px;color:var(--muted);margin-top:2px}.connections-layout,.destinations-layout,.forwarding-layout,.team-layout,.billing-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(340px,.72fr);gap:18px}.connections-side,.destination-side,.team-side,.billing-side{position:sticky;top:96px;align-self:start}.count-bubble{min-width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:var(--primary-soft);color:var(--primary);font-size:11px;font-weight:900}.modern-connections .connection-item{border-radius:14px;padding:14px}.platform-logo{position:relative;overflow:hidden}.platform-logo span{position:relative;z-index:1}.platform-logo i{position:absolute;width:17px;height:17px;border:1px solid rgba(255,255,255,.55);border-radius:50%;right:-5px;bottom:-5px}.platform-logo.telegram,.platform-choice.telegram b{background:linear-gradient(145deg,#2ca5e0,#087db9);color:#fff}.platform-logo.bale,.platform-choice.bale b{background:linear-gradient(145deg,#22b989,#08775b);color:#fff}.platform-logo.rubika,.platform-choice.rubika b{background:linear-gradient(145deg,#7a5cff,#4e30c4);color:#fff}.platform-logo.eitaa,.platform-choice.eitaa b{background:linear-gradient(145deg,#f0a331,#be6811);color:#fff}.platform-logo.instagram{background:linear-gradient(145deg,#f76b40,#ac2db6);color:#fff}.connection-actions,.destination-actions{display:flex;gap:6px;align-items:center}.permission-guide{display:grid;grid-template-columns:170px minmax(0,1fr);align-items:center;gap:22px;background:linear-gradient(135deg,#f8fbff,#eef7ff)}.guide-visual{display:flex;align-items:center;justify-content:center}.guide-visual>i{width:52px;height:2px;background:repeating-linear-gradient(90deg,#64a6ed 0 5px,transparent 5px 10px);position:relative}.guide-visual>i:after{content:"←";position:absolute;left:-3px;top:-12px;color:#5295df}.bot-orb,.channel-orb{width:52px;height:52px;border-radius:17px;display:grid;place-items:center}.bot-orb{background:linear-gradient(145deg,#0b57d0,#073b92);color:#fff;box-shadow:0 12px 24px rgba(11,87,208,.2)}.channel-orb{background:#fff;color:var(--accent);border:1px solid #cae5dc}.permission-guide h2{font-size:16px;margin:5px 0}.permission-guide p{font-size:9.5px;color:var(--muted);line-height:1.9}.permission-chips{display:flex;gap:6px;flex-wrap:wrap}.permission-chips span{font-size:7.5px;padding:4px 7px;border-radius:999px;background:var(--accent-soft);color:var(--accent)}.permission-chips .muted-chip{background:#eef2f7;color:#73839a}.system-senders-card{border-top:3px solid var(--accent)}.secure-chip{display:flex;align-items:center;gap:4px;font-size:7.5px;padding:5px 7px;border-radius:999px;background:var(--accent-soft);color:var(--accent)}.secure-chip svg{width:12px}.micro-guide{padding:10px;margin-top:10px;border-radius:11px;background:var(--primary-soft);color:var(--text-2)}.micro-guide b,.micro-guide span{display:block}.micro-guide b{font-size:8px}.micro-guide span{font-size:7.5px;line-height:1.8;margin-top:3px}.platform-picker{border:0;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.platform-picker legend{font-size:9px;font-weight:700;margin-bottom:7px;color:var(--text-2)}.platform-picker label{cursor:pointer}.platform-picker input{position:absolute;opacity:0;pointer-events:none}.platform-choice{min-height:66px;border:1px solid var(--line);border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;background:var(--surface);transition:all var(--transition)}.platform-choice b{width:28px;height:28px;border-radius:9px;display:grid;place-items:center;font-size:10px}.platform-choice em{font-style:normal;font-size:8px;color:var(--muted)}.platform-picker input:checked+.platform-choice{border-color:var(--primary);background:var(--primary-soft);box-shadow:0 0 0 3px rgba(11,87,208,.07)}.platform-picker input:checked+.platform-choice em{color:var(--primary);font-weight:700}.platform-picker.two{grid-template-columns:repeat(2,1fr)}.platform-picker.compact .platform-choice{min-height:58px}.custom-sender-card{overflow:visible}

/* Destinations */
.destination-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:16px}.destination-summary>div{display:flex;align-items:center;gap:10px;padding:13px 15px;background:#fff;border:1px solid var(--line);border-radius:14px}.summary-icon{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:var(--primary-soft);color:var(--primary)}.summary-icon.green{background:var(--accent-soft);color:var(--accent)}.destination-summary small,.destination-summary strong{display:block}.destination-summary small{font-size:8px;color:var(--muted)}.destination-summary strong{font-size:18px;margin-top:1px}.destination-cards{display:flex;flex-direction:column;gap:9px}.destination-card{display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:12px;padding:13px;border:1px solid var(--line);border-radius:14px;background:var(--surface);transition:all var(--transition)}.destination-card:hover{border-color:#bcd0e8;box-shadow:var(--shadow-sm);transform:translateY(-1px)}.destination-platform{position:relative}.destination-platform .platform-logo{width:42px;height:42px}.status-dot{position:absolute;left:0;bottom:0;width:10px;height:10px;border-radius:50%;border:2px solid #fff}.status-dot.online{background:var(--accent)}.status-dot.offline{background:#9ba8ba}.destination-main>div{display:flex;align-items:center;gap:6px}.destination-main strong{font-size:11px}.destination-main p{font-size:8.5px;color:var(--muted);margin:3px 0}.destination-main small{font-size:7.5px;color:var(--muted-2)}.destination-form-card{border-top:3px solid var(--primary)}.channel-checklist{display:flex;flex-direction:column;gap:5px;padding:11px;border-radius:11px;background:var(--accent-soft);color:#1f6d58}.channel-checklist strong{font-size:8.5px}.channel-checklist span{font-size:7.5px}.tip-card{display:grid;grid-template-columns:36px 1fr;gap:10px;align-items:start}.tip-icon{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:var(--warning-soft);color:var(--warning);font-weight:900}.tip-card h3{font-size:10px;margin:0 0 3px}.tip-card p{font-size:8px;color:var(--muted);line-height:1.9;margin:0}

/* Forwarding */
.forward-explainer{display:grid;grid-template-columns:1fr auto 1.15fr auto 1fr;align-items:center;gap:14px;margin-bottom:17px;padding:16px 22px;background:linear-gradient(125deg,#071c43,#0a3b7d);border-radius:18px;color:#fff;box-shadow:0 14px 34px rgba(7,35,82,.14)}.forward-explainer>div{display:grid;grid-template-columns:42px 1fr;column-gap:10px;align-items:center}.forward-explainer>div small{grid-column:2}.forward-explainer>b{color:#5db1ff}.platform-stack,.transform-stack{grid-row:1/3;width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.11)}.platform-stack i{font-style:normal}.transform-stack{color:#5ee2ba}.forward-explainer strong{font-size:10px}.forward-explainer small{font-size:7.5px;color:#8faed2;margin-top:2px}.forward-rule-list{display:flex;flex-direction:column;gap:10px}.modern-rule{grid-template-columns:65px minmax(0,1fr) auto;padding:15px;border:1px solid var(--line);border-radius:15px}.rule-flow{display:flex;align-items:center}.rule-flow .platform-logo{width:38px;height:38px}.rule-flow i{width:14px;height:1px;background:#9bb7d8}.rule-target-count{width:24px;height:24px;border-radius:8px;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent);font-size:8px;font-weight:900}.rule-content .post-title{display:flex;align-items:center;gap:5px;flex-wrap:wrap}.rule-content h3{font-size:11px}.rule-content>p{font-size:8px;color:var(--muted)}.rule-features,.forward-meta{display:flex;gap:5px;flex-wrap:wrap;margin-top:7px}.rule-features span{font-size:7px;padding:3px 6px;border-radius:999px;background:var(--primary-soft);color:var(--primary)}.forward-meta span{font-size:7px;color:var(--muted)}.forward-builder{position:sticky;top:96px;align-self:start;max-height:calc(100vh - 115px);overflow:auto;scrollbar-width:thin}.builder-step{display:grid;grid-template-columns:32px 1fr;gap:9px;align-items:center;padding-top:7px;border-top:1px solid var(--line)}.builder-step:first-of-type{border-top:0;padding-top:0}.builder-step>span{width:30px;height:30px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(145deg,var(--primary),#2d83ea);color:#fff;font-size:9px;font-weight:900}.builder-step strong,.builder-step small{display:block}.builder-step strong{font-size:9.5px}.builder-step small{font-size:7.5px;color:var(--muted);margin-top:2px}.toggle-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.toggle-card{position:relative;cursor:pointer}.toggle-card input{position:absolute;opacity:0}.toggle-card>span{display:block;min-height:70px;padding:10px;border:1px solid var(--line);border-radius:11px;background:var(--surface-2);transition:all var(--transition)}.toggle-card b,.toggle-card small{display:block}.toggle-card b{font-size:8.5px}.toggle-card small{font-size:7px;color:var(--muted);line-height:1.7;margin-top:3px}.toggle-card input:checked+span{border-color:var(--primary);background:var(--primary-soft);box-shadow:0 0 0 3px rgba(11,87,208,.05)}.toggle-card input:checked+span:after{content:"✓";position:absolute;left:8px;top:8px;width:17px;height:17px;border-radius:6px;display:grid;place-items:center;background:var(--primary);color:#fff;font-size:8px}.toggle-card.important input:checked+span{border-color:var(--accent);background:var(--accent-soft)}.toggle-card.important input:checked+span:after{background:var(--accent)}.compact-picker{max-height:215px;overflow:auto}.discovered-channels{display:flex;gap:5px;flex-wrap:wrap}.discovered-channels strong{width:100%;font-size:8px}.discovered-channels button{border:1px solid var(--line);background:var(--surface);border-radius:8px;padding:5px 7px;font-size:7.5px;color:var(--text-2);cursor:pointer}

/* Team */
.invite-banner{display:grid;grid-template-columns:minmax(230px,1fr) minmax(250px,1fr) auto;align-items:center;gap:13px;padding:13px 16px;margin-bottom:15px;border:1px solid #bcd9d0;background:linear-gradient(135deg,#effbf7,#f9fffd);border-radius:15px}.invite-banner>div{display:flex;align-items:center;gap:9px}.invite-icon{width:35px;height:35px;border-radius:10px;display:grid;place-items:center;background:var(--accent);color:#fff}.invite-banner strong,.invite-banner small{display:block}.invite-banner strong{font-size:9.5px}.invite-banner small{font-size:7.5px;color:var(--muted);margin-top:2px}.invite-banner code{font-size:8px;direction:ltr;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.role-explainer{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-bottom:15px}.role-explainer article{padding:12px;border:1px solid var(--line);background:#fff;border-radius:13px}.role-explainer span,.role-explainer strong,.role-explainer small{display:block}.role-explainer span{font-size:7.5px;color:var(--primary);font-weight:800}.role-explainer strong{font-size:9.5px;margin:4px 0 2px}.role-explainer small{font-size:7.5px;color:var(--muted)}.modern-team article{grid-template-columns:48px minmax(0,1fr) auto;border-bottom:1px solid var(--line);padding-block:12px}.member-info strong{display:flex;align-items:center;gap:4px;font-size:10.5px}.member-info strong svg{width:14px;color:var(--primary)}.member-info p{margin:2px 0;font-size:8.5px;color:var(--muted)}.member-info small{font-size:7px;color:var(--muted-2)}.invite-card{border-top:3px solid var(--primary)}

/* Billing and admin */
.plan-status-badge{display:flex;align-items:center;gap:5px;padding:8px 11px;border-radius:12px;background:var(--primary-soft);color:var(--primary);font-size:9px;font-weight:800}.plan-status-badge svg{width:15px}.current-plan-card{display:flex;justify-content:space-between;align-items:center;gap:22px;padding:20px 24px;margin-bottom:17px;border-radius:20px;background:linear-gradient(125deg,#071c43,#0b4a99);color:#fff;box-shadow:0 16px 40px rgba(7,35,82,.17)}.current-plan-card>div:first-child{display:flex;align-items:center;gap:14px}.plan-orbit{width:52px;height:52px;border-radius:17px;display:grid;place-items:center;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12)}.plan-orbit i{width:23px;height:23px;border:4px solid #4e9cff;border-top-color:#39d6aa;border-radius:50%;transform:rotate(20deg)}.current-plan-card small{font-size:8px;color:#89a9d1}.current-plan-card h2{display:flex;align-items:center;gap:5px;font-size:17px;margin:4px 0}.current-plan-card h2 svg{width:17px;color:#56aaff}.current-plan-card p{font-size:8.5px;color:#96b1d4;margin:0}.plan-limits{display:flex;gap:8px}.plan-limits span{min-width:105px;padding:9px 11px;border-radius:11px;background:rgba(255,255,255,.07);font-size:7.5px;color:#9fb8d8;text-align:center}.plan-limits b{display:block;font-size:12px;color:#fff;margin-bottom:2px}.app-pricing{grid-template-columns:repeat(3,1fr)}.price-card.current{box-shadow:0 0 0 2px var(--accent)}.card-payment{border-top:3px solid var(--primary)}.bank-card{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;padding:17px;border-radius:15px;background:linear-gradient(135deg,#06204d,#0b57d0);color:#fff;box-shadow:0 12px 24px rgba(11,87,208,.2)}.bank-card:before{content:"";position:absolute;width:160px;height:160px;border:1px solid rgba(255,255,255,.08);border-radius:50%;left:-55px;top:-70px}.bank-card span,.bank-card strong,.bank-card small{position:relative;display:block}.bank-card span{font-size:7.5px;color:#90b7e6}.bank-card strong{font-family:ui-monospace,Consolas,monospace;font-size:15px;letter-spacing:1px;margin:5px 0;direction:ltr}.bank-card small{font-size:8px;color:#c1d8f3}.copy-card{position:relative;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.08);color:#fff;border-radius:9px;padding:7px 9px;font-size:8px;cursor:pointer}.payment-history{display:flex;flex-direction:column;gap:8px}.payment-history article{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:10px;padding:10px;border:1px solid var(--line);border-radius:11px}.payment-history strong,.payment-history span{display:block}.payment-history strong{font-size:9px}.payment-history span{font-size:7.5px;color:var(--muted)}.payment-history code{font-size:8px}.support-card{background:linear-gradient(145deg,#f5faff,#eef8f5)}.support-orb{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:var(--accent);color:#fff;font-weight:900}.support-card h3{font-size:10px}.support-card p{font-size:8px;color:var(--muted);line-height:1.8}.support-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px}.admin-sender-intro{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:16px}.admin-sender-intro>div{display:grid;grid-template-columns:40px 1fr;align-items:center;gap:10px;padding:13px;border:1px solid var(--line);border-radius:14px;background:#fff}.admin-sender-intro svg{width:22px;color:var(--primary)}.admin-sender-intro strong,.admin-sender-intro small{display:block}.admin-sender-intro strong{font-size:9.5px}.admin-sender-intro small{font-size:7.5px;color:var(--muted);margin-top:2px}.sender-admin-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.sender-admin-card{border-top:3px solid var(--primary)}.sender-admin-head{display:grid;grid-template-columns:45px minmax(0,1fr) auto;align-items:center;gap:10px;margin-bottom:14px}.sender-admin-head .platform-logo{width:43px;height:43px}.sender-admin-head h2{font-size:13px;margin:0}.sender-admin-head p{font-size:7.5px;color:var(--muted);margin:2px 0 0}

/* Guided tour */
.tour-layer{position:fixed;inset:0;z-index:250}.tour-layer[hidden]{display:none}.tour-shade{position:absolute;inset:0;background:rgba(3,15,36,.72);backdrop-filter:blur(4px)}.tour-card{position:absolute;width:min(390px,calc(100vw - 30px));right:50%;top:50%;transform:translate(50%,-50%);padding:23px;border-radius:20px;background:#fff;box-shadow:0 30px 100px rgba(0,0,0,.3)}.tour-card:before{content:"";position:absolute;right:0;top:0;width:100%;height:4px;border-radius:20px 20px 0 0;background:linear-gradient(90deg,var(--primary),#2c8cf4,var(--accent))}.tour-count{font-size:8px;color:var(--primary);font-weight:800}.tour-card h2{font-size:18px;margin:8px 0 6px}.tour-card p{font-size:10px;color:var(--muted);line-height:1.9;margin:0}.tour-actions{display:flex;align-items:center;justify-content:space-between;margin-top:18px}.tour-actions>div{display:flex;gap:7px}.tour-highlight{position:relative;z-index:251!important;box-shadow:0 0 0 5px rgba(72,156,255,.28),0 0 0 9999px rgba(3,15,36,.55)!important;border-radius:14px}

/* Landing page */
.landing-body{background:#fff;color:#0b1739}.landing-container{width:min(1180px,calc(100% - 40px));margin-inline:auto}.landing-header{height:78px;position:sticky;top:0;z-index:80;background:rgba(255,255,255,.88);backdrop-filter:blur(18px);border-bottom:1px solid rgba(210,224,240,.72)}.landing-nav{height:100%;display:flex;align-items:center;justify-content:space-between;gap:24px}.landing-brand{display:flex;align-items:center;gap:10px;color:#0b1739}.landing-brand .brand-mark{width:42px;height:42px}.landing-brand>span:last-child strong,.landing-brand>span:last-child small{display:block}.landing-brand strong{font-size:14px}.landing-brand small{font-size:8px;color:#7183a1;margin-top:1px}.landing-nav nav{display:flex;align-items:center;gap:26px}.landing-nav nav a{font-size:10px;color:#3a4c6c;font-weight:600}.landing-nav nav a:hover{color:#0b57d0}.landing-auth{display:flex;gap:7px}.landing-menu{display:none;border:0;background:transparent;font-size:22px;color:#0b1739}.hero-section{position:relative;overflow:hidden;padding:78px 0 88px;background:linear-gradient(180deg,#f8fbff,#fff)}.hero-mesh{position:absolute;inset:0;background-image:linear-gradient(rgba(20,83,164,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(20,83,164,.035) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(to bottom,#000,transparent 85%)}.hero-section:before{content:"";position:absolute;width:630px;height:630px;border-radius:50%;background:radial-gradient(circle,rgba(35,127,238,.15),rgba(35,127,238,0) 68%);left:-160px;top:-220px}.hero-grid{position:relative;display:grid;grid-template-columns:.86fr 1.14fr;align-items:center;gap:55px}.hero-pill{display:inline-flex;align-items:center;gap:7px;font-size:9px;font-weight:700;color:#0c765b;background:#e9f8f3;border:1px solid #ccece1;border-radius:999px;padding:7px 11px}.hero-pill i{width:7px;height:7px;border-radius:50%;background:#12a97b;box-shadow:0 0 0 5px rgba(18,169,123,.1)}.hero-copy h1{font-size:48px;line-height:1.35;letter-spacing:-.055em;margin:19px 0 13px}.hero-copy h1 em{font-style:normal;background:linear-gradient(90deg,#0b57d0,#1384db,#12a97b);-webkit-background-clip:text;color:transparent}.hero-copy>p{font-size:13px;line-height:2.05;color:#5c6e8d;max-width:540px}.hero-actions{display:flex;gap:9px;margin-top:24px}.landing-secondary{background:#fff;border-color:#cad8e9;color:#24436d;box-shadow:0 5px 15px rgba(7,35,82,.04)}.landing-secondary:hover{border-color:#8eb4e5;color:#0b57d0}.hero-trust{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}.hero-trust span{font-size:8px;color:#71809a}.hero-trust b{color:#12a97b}.hero-product{position:relative;min-height:500px;display:flex;align-items:center}.product-glow{position:absolute;inset:15% 8%;background:radial-gradient(circle,#b7d9ff,transparent 68%);filter:blur(36px);opacity:.62}.browser-frame{position:relative;width:100%;border:1px solid #c9d8ea;background:#fff;border-radius:19px;box-shadow:0 35px 90px rgba(7,51,112,.19);overflow:hidden;transform:perspective(1200px) rotateY(3deg) rotateX(1deg)}.browser-top{height:38px;border-bottom:1px solid #e3ebf5;display:flex;align-items:center;justify-content:space-between;padding:0 12px;background:#fbfdff;color:#8291aa;font-size:7px}.browser-top>div{display:flex;gap:4px}.browser-top i{width:7px;height:7px;border-radius:50%;background:#d6dfeb}.browser-top b{font-size:7px;border:1px solid #e2eaf3;border-radius:5px;padding:2px 5px}.mock-app{height:370px;display:grid;grid-template-columns:105px 1fr;direction:rtl}.mock-side{background:linear-gradient(180deg,#071c42,#0a326b);padding:14px 10px}.mock-logo{display:flex;align-items:center;gap:6px;color:#fff;font-size:7px}.mock-logo span{width:24px;height:24px;border-radius:8px;display:grid;place-items:center;background:#0b57d0}.mock-space{height:40px;margin:15px 0;border-radius:9px;background:rgba(255,255,255,.06)}.mock-side nav{display:flex;flex-direction:column;gap:7px}.mock-side nav i{height:25px;border-radius:7px;background:rgba(255,255,255,.045)}.mock-side nav i.active{background:linear-gradient(90deg,rgba(45,128,241,.55),rgba(45,128,241,.18));border-right:2px solid #4c9fff}.mock-plan{height:43px;border-radius:9px;background:rgba(18,169,123,.1);margin-top:28px}.mock-main{background:#f4f8fd}.mock-main header{height:48px;background:#fff;border-bottom:1px solid #e0e9f3;display:flex;align-items:center;justify-content:space-between;padding:0 15px}.mock-main header div{width:75px;height:9px;border-radius:5px;background:#e8eef6}.mock-main header span{width:125px;height:24px;border-radius:8px;background:#f5f8fc;border:1px solid #e5edf6}.mock-content{padding:18px}.mock-title{display:flex;justify-content:space-between;align-items:center}.mock-title span{width:145px;height:15px;border-radius:5px;background:#12284e}.mock-title b{width:55px;height:24px;border-radius:8px;background:#0b57d0}.mock-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:16px}.mock-stats i{height:65px;border-radius:11px;background:#fff;border:1px solid #dfe8f2;box-shadow:0 5px 12px rgba(7,35,82,.04)}.mock-work{display:grid;grid-template-columns:1.6fr .8fr;gap:9px;margin-top:10px}.mock-chart,.mock-steps{height:160px;border-radius:12px;background:#fff;border:1px solid #dfe8f2;padding:15px}.mock-chart{display:flex;align-items:end;gap:8px}.mock-chart span{flex:1;height:var(--h,50%);border-radius:4px 4px 1px 1px;background:linear-gradient(#3d91ed,#0b57d0)}.mock-chart span:nth-child(1){height:32%}.mock-chart span:nth-child(2){height:56%}.mock-chart span:nth-child(3){height:44%}.mock-chart span:nth-child(4){height:76%}.mock-chart span:nth-child(5){height:63%}.mock-chart span:nth-child(6){height:88%;background:linear-gradient(#38d0a5,#12a97b)}.mock-chart span:nth-child(7){height:70%}.mock-steps{display:flex;flex-direction:column;gap:10px}.mock-steps i{height:34px;border-radius:8px;background:#edf3fa}.float-card{position:absolute;display:flex;align-items:center;gap:9px;padding:10px 12px;border:1px solid rgba(197,215,236,.88);background:rgba(255,255,255,.92);backdrop-filter:blur(14px);border-radius:13px;box-shadow:0 16px 35px rgba(7,35,82,.14);animation:floatCard 4s ease-in-out infinite}.float-card small,.float-card strong{display:block}.float-card small{font-size:6.5px;color:#7e8da4}.float-card strong{font-size:8px;margin-top:2px}.float-card>b{color:#12a97b}.float-one{right:-24px;bottom:53px}.float-two{left:-30px;top:52px;animation-delay:-1.7s}.platform-dot,.mini-spark{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;color:#fff;font-size:9px}.platform-dot.bale{background:#12a97b}.mini-spark{background:#eaf2ff;color:#0b57d0;font-size:14px}@keyframes floatCard{50%{transform:translateY(-7px)}}.proof-strip{border-block:1px solid #e3ecf6;background:#fbfdff}.proof-strip .landing-container{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:20px}.proof-strip span{font-size:8px;color:#8a99af}.proof-strip div div{display:flex;align-items:center;gap:28px}.proof-strip b{font-size:9px;color:#526580}.landing-section{padding:94px 0}.landing-heading{max-width:720px;margin:0 auto 42px;text-align:center}.landing-heading>span,.landing-heading>div>span{font-size:9px;color:#0b57d0;font-weight:800}.landing-heading h2{font-size:32px;letter-spacing:-.04em;line-height:1.45;margin:8px 0 10px}.landing-heading p{font-size:11px;line-height:1.95;color:#647596}.landing-heading.split{max-width:none;display:flex;align-items:end;justify-content:space-between;text-align:right}.landing-heading.split>div{max-width:650px}.landing-heading.split>p{max-width:400px;margin:0}.problem-section{background:#f7faff}.before-after{display:grid;grid-template-columns:1fr 50px 1fr;align-items:center;gap:18px}.before-after article{min-height:310px;padding:28px;border-radius:23px}.chaos-card{background:#fff;border:1px solid #e2e9f2}.clarity-card{background:linear-gradient(145deg,#071c43,#0b4b9c);color:#fff;box-shadow:0 24px 60px rgba(7,35,82,.16)}.before-after article>span{font-size:8px;padding:4px 8px;border-radius:999px;background:#f0f3f7;color:#7b899d}.clarity-card>span{background:rgba(49,211,166,.14)!important;color:#5ce0ba!important}.before-after h3{font-size:20px;line-height:1.6;margin:14px 0}.before-after ul{list-style:none;padding:0;margin:20px 0 0;display:flex;flex-direction:column;gap:8px}.before-after li{font-size:9px;color:#687993}.clarity-card li{color:#a9c0df}.chaos-lines{display:grid;grid-template-columns:1fr 1fr;gap:7px}.chaos-lines i{height:48px;border-radius:9px;background:repeating-linear-gradient(-45deg,#f1f3f6 0 6px,#e8ebf0 6px 12px)}.clarity-flow{display:flex;align-items:center;justify-content:space-between;padding:15px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.05);border-radius:14px}.clarity-flow i{font-style:normal;font-size:8px;color:#d6e7fb}.clarity-flow b{color:#43d7ad}.transform-arrow{width:45px;height:45px;border-radius:50%;display:grid;place-items:center;background:#0b57d0;color:#fff;font-size:19px;box-shadow:0 10px 22px rgba(11,87,208,.22)}.feature-section{background:#fff}.feature-bento{display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:14px}.feature-card{position:relative;overflow:hidden;min-height:270px;padding:25px;border:1px solid #dce7f3;border-radius:21px;background:#fff;box-shadow:0 9px 30px rgba(7,35,82,.045)}.feature-card:hover{transform:translateY(-3px);box-shadow:0 18px 45px rgba(7,35,82,.09);border-color:#bad0e9}.feature-large{grid-column:span 2;display:grid;grid-template-columns:.8fr 1.2fr;gap:25px;background:linear-gradient(140deg,#f5faff,#eaf4ff)}.feature-wide{grid-column:span 2;display:grid;grid-template-columns:.85fr 1.15fr;gap:28px;align-items:center}.feature-icon{width:39px;height:39px;border-radius:12px;display:grid;place-items:center;background:#e8f1ff;color:#0b57d0;font-size:18px;font-weight:800}.green-icon{background:#e7f8f2;color:#12a97b}.feature-card small{display:block;margin-top:15px;color:#0b57d0;font-size:8px;font-weight:800}.feature-card h3{font-size:19px;line-height:1.55;margin:6px 0 8px}.feature-card p{font-size:9.5px;line-height:1.9;color:#677895}.feature-ui{align-self:end;border:1px solid #cad9eb;border-radius:16px;background:#fff;box-shadow:0 20px 45px rgba(7,35,82,.1);padding:15px;transform:translateY(20px)}.compose-ui header{display:flex;gap:4px}.compose-ui header i{width:5px;height:5px;border-radius:50%;background:#d3dce8}.compose-text{height:72px;border-radius:9px;background:repeating-linear-gradient(#eff3f8 0 7px,transparent 7px 15px);margin:12px 0}.compose-channels{display:flex;gap:5px}.compose-channels span{font-size:6.5px;padding:4px 6px;border-radius:6px;background:#eef4fb;color:#55708f}.compose-ui button{width:100%;border:0;background:#0b57d0;color:#fff;border-radius:8px;padding:8px;margin-top:10px;font-size:7px}.verify-ui{display:flex;align-items:center;justify-content:space-between;padding:10px;border-radius:11px;background:#eefaf6;margin-top:22px}.verify-ui span{font-size:8px;color:#456e61}.verify-ui b{font-size:7px;background:#12a97b;color:#fff;padding:4px 6px;border-radius:6px}.ai-mini{display:flex;flex-direction:column;gap:7px;margin-top:20px}.ai-mini i{height:8px;border-radius:5px;background:linear-gradient(90deg,#e5effc,#f2f7fc)}.ai-mini i:nth-child(2){width:80%}.ai-mini i:nth-child(3){width:60%}.forward-demo{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:center;padding:14px;border-radius:14px;background:#f5f8fc}.forward-demo>div{padding:13px;border-radius:10px;background:#fff;border:1px solid #e2eaf3}.forward-demo span{font-size:7px;color:#0b57d0}.forward-demo p{font-size:8px;margin:5px 0 0}.forward-demo>b{color:#12a97b}.mini-bars{height:90px;display:flex;align-items:end;gap:7px;margin-top:18px}.mini-bars i{flex:1;height:var(--h);border-radius:5px 5px 2px 2px;background:linear-gradient(#55a2f1,#0b57d0)}.mini-bars i:last-child{background:linear-gradient(#44d9b0,#12a97b)}.workflow-section{background:linear-gradient(180deg,#071a3d,#082857);color:#fff}.workflow-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:90px}.sticky-heading{position:sticky;top:120px;text-align:right;margin:0;align-self:start}.sticky-heading>span{color:#55d9b3}.sticky-heading h2{color:#fff}.sticky-heading p{color:#93abc9}.workflow-list{display:flex;flex-direction:column}.workflow-list article{display:grid;grid-template-columns:70px 1fr;gap:18px;padding:31px 0;border-bottom:1px solid rgba(255,255,255,.1)}.workflow-list article>b{font-size:25px;color:#3d82da}.workflow-list h3{font-size:18px;margin:0 0 7px}.workflow-list p{font-size:9.5px;line-height:1.9;color:#9db2cd}.workflow-list span{font-size:7.5px;color:#49d6ae}.roles-section{background:#f8fbff}.roles-table{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.role-card{padding:22px;border:1px solid #dce6f2;border-radius:18px;background:#fff}.role-card.owner{background:linear-gradient(145deg,#eef5ff,#fff);border-color:#9ec2ed}.role-card>span{font-size:8px;color:#0b57d0;font-weight:800}.role-card>strong{display:block;font-size:13px;margin:7px 0 15px}.role-card ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.role-card li{font-size:8.5px;color:#647596}.role-card li:before{content:"✓";color:#12a97b;margin-left:6px}.pricing-preview{background:#fff}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.price-card{position:relative;padding:26px;border:1px solid #dce6f2;border-radius:20px;background:#fff}.price-card.featured{border:2px solid #0b57d0;box-shadow:0 20px 55px rgba(11,87,208,.13);transform:translateY(-7px)}.popular{position:absolute;top:-13px;right:24px;background:#0b57d0;color:#fff;border-radius:999px;padding:6px 11px;font-size:7px}.price-card>span{font-size:10px;color:#0b57d0;font-weight:800}.price-card h3{font-size:24px;margin:12px 0}.price-card h3 small{font-size:8px;color:#7b8ba4;font-weight:400}.price-card>p{font-size:8.5px;color:#687993;min-height:38px}.price-card ul{list-style:none;padding:15px 0;margin:14px 0;border-block:1px solid #edf1f6;display:flex;flex-direction:column;gap:9px}.price-card li{font-size:8.5px;color:#465b7b}.price-card li:before{content:"✓";color:#12a97b;margin-left:7px;font-weight:900}.faq-section{background:#f7faff}.faq-grid{display:grid;grid-template-columns:.6fr 1.4fr;gap:80px}.faq-grid .landing-heading{text-align:right;margin:0}.faq-list details{border-bottom:1px solid #dbe5f1;padding:17px 0}.faq-list summary{font-size:11px;font-weight:700;cursor:pointer}.faq-list p{font-size:9px;line-height:1.9;color:#647596}.final-cta{padding:70px 0;background:linear-gradient(115deg,#073b92,#0b57d0 60%,#0d806d);color:#fff}.final-cta .landing-container{display:flex;align-items:center;justify-content:space-between;gap:30px}.final-cta span{font-size:8px;color:#8fd9c4}.final-cta h2{font-size:28px;margin:6px 0}.final-cta p{font-size:9.5px;color:#bed3ed}.landing-footer{padding:65px 0 18px;background:#061631;color:#fff}.footer-grid{display:grid;grid-template-columns:1.8fr repeat(3,1fr);gap:55px}.footer-grid>div{display:flex;flex-direction:column;gap:9px}.footer-grid>div:first-child{max-width:340px}.footer-grid p{font-size:8.5px;line-height:1.9;color:#7f99bb}.footer-grid>div>strong{font-size:10px;margin-bottom:5px}.footer-grid a,.footer-grid span{font-size:8px;color:#829cbd}.footer-bottom{display:flex;justify-content:space-between;padding-top:20px;margin-top:40px;border-top:1px solid rgba(255,255,255,.08);font-size:7.5px;color:#557294}.pricing-page{background:#f8fbff}.pricing-hero{text-align:center;padding:85px 0 45px;background:linear-gradient(180deg,#eaf4ff,#f8fbff)}.pricing-hero span{font-size:9px;color:#0b57d0;font-weight:800}.pricing-hero h1{font-size:39px;margin:11px 0}.pricing-hero p{font-size:11px;color:#647596}.pricing-full .price-card{min-height:470px}.payment-explain{padding:75px 0;background:#071a3d;color:#fff}.payment-explain .landing-container{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:center}.payment-copy span{font-size:8px;color:#48d5ad}.payment-copy h2{font-size:28px;line-height:1.5;margin:8px 0}.payment-copy p{font-size:9.5px;line-height:1.9;color:#9db2cd}.payment-explain ol{list-style:none;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:10px}.payment-explain li{display:flex;align-items:center;gap:10px;padding:16px;border:1px solid rgba(255,255,255,.1);border-radius:14px;background:rgba(255,255,255,.04)}.payment-explain li b{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:#0b57d0}.payment-explain li span{font-size:9px}.support-band{padding:35px 0;background:#fff}.support-band .landing-container{display:flex;align-items:center;justify-content:space-between}.support-band span,.support-band strong{display:block}.support-band span{font-size:8px;color:#0b57d0}.support-band strong{font-size:13px;margin-top:4px}.support-band .landing-container>div:last-child{display:flex;gap:8px}

/* Auth refinement */
.digibing-auth{background:#061631}.digibing-auth .auth-layout{grid-template-columns:minmax(0,1.2fr) minmax(470px,.8fr)}.digibing-auth .auth-visual{background:radial-gradient(circle at 22% 18%,#0e4c9e 0,#071b3f 40%,#05142e 100%);padding:38px 52px}.auth-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(78,148,235,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(78,148,235,.06) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(#000,transparent)}.digibing-auth .auth-ambient-one{background:#1875e5}.digibing-auth .auth-ambient-two{background:#12a97b}.digibing-auth .auth-copy h1{font-size:44px}.digibing-auth .auth-copy h1 em{color:#57d8b3}.digibing-auth .auth-copy>p{font-size:11.5px;max-width:600px}.auth-flow{display:flex;align-items:center;gap:10px;margin-top:24px}.auth-flow span{display:flex;align-items:center;gap:6px;font-size:8px;color:#b7cae3}.auth-flow b{width:23px;height:23px;border-radius:8px;display:grid;place-items:center;background:rgba(76,154,255,.18);color:#82baff}.auth-flow i{font-style:normal;color:#4f7fb9}.auth-console{position:relative;z-index:2;width:min(520px,85%);padding:14px;border:1px solid rgba(124,176,243,.13);border-radius:16px;background:rgba(255,255,255,.055);backdrop-filter:blur(14px)}.console-head{display:flex;justify-content:space-between;padding-bottom:9px;border-bottom:1px solid rgba(255,255,255,.08);font-size:8px;color:#8fa9cb}.console-head b{color:#4bd8b0}.console-row{display:grid;grid-template-columns:34px 1fr auto;gap:9px;align-items:center;padding-top:10px}.console-row>i{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;font-style:normal;font-size:9px;color:#fff}.console-row>i.bale{background:#12a97b}.console-row>i.telegram{background:#169add}.console-row strong,.console-row small{display:block}.console-row strong{font-size:8.5px}.console-row small{font-size:7px;color:#7e9abd;margin-top:2px}.console-row em{font-style:normal;color:#50d8b1}.digibing-auth .auth-panel{background:#fff}.digibing-auth .auth-card{width:min(500px,100%)}.auth-heading h2{font-size:25px!important}.auth-heading p{font-size:10px!important;line-height:1.8}.auth-form label>span{font-size:9px;font-weight:700}.registration-form{gap:10px}.register-progress{display:flex;align-items:center;gap:5px;margin-top:4px}.register-progress>span{height:4px;flex:1;border-radius:999px;background:#e5edf6}.register-progress>span.done{background:#8bc0ff}.register-progress>span.active{background:#0b57d0}.register-progress small{font-size:7px;color:#7b8ba4;margin-right:5px;white-space:nowrap}.platform-picker.compact{grid-template-columns:repeat(4,1fr)}.form-consent{font-size:7.5px;color:#8a98ad;text-align:center;line-height:1.7;margin:0}.secondary-link{margin-top:8px}.auth-security span{margin-left:4px}

/* Responsive refinements */
@media(max-width:1180px){.digibing-stats{grid-template-columns:repeat(2,1fr)}.dashboard-grid,.connections-layout,.destinations-layout,.forwarding-layout,.team-layout,.billing-grid{grid-template-columns:1fr}.connections-side,.destination-side,.team-side,.billing-side,.forward-builder{position:static;max-height:none}.app-pricing{grid-template-columns:repeat(3,1fr)}.feature-bento{grid-template-columns:1fr 1fr}.feature-large,.feature-wide{grid-column:span 2}.hero-grid{gap:25px}.float-card{display:none}.sender-admin-grid{grid-template-columns:1fr 1fr}}
@media(max-width:980px){.content{padding-bottom:105px}.mobile-bottom-nav{display:grid;position:fixed;z-index:70;bottom:0;left:0;right:0;height:74px;padding:7px 10px calc(7px + env(safe-area-inset-bottom));grid-template-columns:repeat(5,1fr);align-items:end;background:rgba(255,255,255,.94);backdrop-filter:blur(18px);border-top:1px solid #d7e3f1;box-shadow:0 -12px 30px rgba(7,35,82,.08)}html[data-theme="dark"] .mobile-bottom-nav{background:rgba(12,25,43,.95)}.mobile-bottom-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:49px;color:#7789a5;font-size:7.5px}.mobile-bottom-nav a svg{width:19px}.mobile-bottom-nav a.active{color:var(--primary)}.mobile-bottom-nav .mobile-create{position:relative}.mobile-create>span{position:absolute;bottom:12px;width:50px;height:50px;border-radius:17px;display:grid;place-items:center;background:linear-gradient(145deg,#0d68e4,#073b92);color:#fff;box-shadow:0 12px 24px rgba(11,87,208,.3);border:4px solid #fff}.mobile-create svg{width:22px!important}.hero-grid{grid-template-columns:1fr}.hero-copy{text-align:center}.hero-copy>p{margin-inline:auto}.hero-actions,.hero-trust{justify-content:center}.hero-product{min-height:460px}.landing-nav nav{display:none}.landing-menu{display:block}.feature-bento{grid-template-columns:1fr}.feature-large,.feature-wide{grid-column:span 1}.feature-large,.feature-wide{grid-template-columns:1fr}.workflow-grid,.faq-grid,.payment-explain .landing-container{grid-template-columns:1fr;gap:45px}.sticky-heading{position:static}.roles-table{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1.4fr 1fr 1fr}.footer-grid>div:last-child{display:none}.dashboard-hero{align-items:flex-start}.hero-signal-card{min-width:260px}.role-explainer{grid-template-columns:1fr 1fr}.sender-admin-grid{grid-template-columns:1fr}.plan-limits{display:none}}
@media(max-width:700px){.content{padding:18px 12px 100px}.tour-trigger span{display:none}.tour-trigger{width:38px;padding:0;display:grid;place-items:center}.dashboard-hero{padding:22px;display:block}.dashboard-hero h1{font-size:22px}.hero-signal-card{margin-top:18px;min-width:0}.digibing-stats{grid-template-columns:1fr 1fr}.dashboard-grid{display:block}.dashboard-side{margin-top:14px}.setup-journey{overflow:auto;gap:8px;padding:11px}.setup-journey>div{min-width:160px}.setup-journey>i{display:none}.permission-guide{grid-template-columns:1fr}.guide-visual{display:none}.destination-summary{grid-template-columns:1fr 1fr}.destination-summary>div:last-child{grid-column:span 2}.destination-card{grid-template-columns:44px minmax(0,1fr)}.destination-actions{grid-column:1/-1;justify-content:flex-end}.forward-explainer{grid-template-columns:1fr;gap:8px}.forward-explainer>b{transform:rotate(-90deg);text-align:center}.modern-rule{grid-template-columns:50px 1fr}.modern-rule>.row-actions{grid-column:1/-1;justify-content:flex-end}.toggle-grid{grid-template-columns:1fr}.invite-banner{grid-template-columns:1fr}.role-explainer{grid-template-columns:1fr 1fr}.current-plan-card{align-items:flex-start}.plan-limits{display:none}.app-pricing,.pricing-grid{grid-template-columns:1fr}.price-card.featured{transform:none}.sender-admin-grid,.admin-sender-intro{grid-template-columns:1fr}.landing-header{height:68px}.landing-container{width:min(100% - 24px,1180px)}.landing-auth .button.ghost{display:none}.hero-section{padding:55px 0}.hero-copy h1{font-size:35px}.hero-copy>p{font-size:11px}.hero-actions{flex-direction:column}.hero-product{min-height:310px}.browser-frame{transform:none}.mock-app{height:250px;grid-template-columns:70px 1fr}.mock-content{padding:10px}.mock-stats{grid-template-columns:1fr 1fr}.mock-stats i:nth-child(n+3){display:none}.mock-work{grid-template-columns:1fr}.mock-steps{display:none}.mock-chart{height:110px}.proof-strip .landing-container{display:block;padding-block:20px;text-align:center}.proof-strip div div{margin-top:14px;display:grid;grid-template-columns:1fr 1fr;gap:10px}.landing-section{padding:65px 0}.landing-heading h2{font-size:25px}.landing-heading.split{display:block;text-align:center}.landing-heading.split>p{margin:8px auto 0}.before-after{grid-template-columns:1fr}.transform-arrow{transform:rotate(-90deg);margin:auto}.feature-card{min-height:0}.roles-table{grid-template-columns:1fr}.final-cta .landing-container,.support-band .landing-container{display:block;text-align:center}.final-cta .button{margin-top:20px}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:span 2}.pricing-hero h1{font-size:31px}.payment-explain ol{grid-template-columns:1fr}.support-band .landing-container>div:last-child{justify-content:center;margin-top:15px}.digibing-auth .auth-panel{padding:18px}.registration-form .form-row{grid-template-columns:1fr 1fr}.platform-picker.compact{grid-template-columns:1fr 1fr}.auth-heading h2{font-size:21px!important}}
@media(max-width:430px){.digibing-stats{grid-template-columns:1fr}.hero-quick-actions{display:grid}.hero-quick-actions .button{width:100%}.registration-form .form-row{grid-template-columns:1fr}.role-explainer{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.footer-grid>div:first-child{grid-column:auto}.footer-grid>div:nth-child(3){display:none}.destination-summary{grid-template-columns:1fr}.destination-summary>div:last-child{grid-column:auto}.mock-side{display:none}.mock-app{grid-template-columns:1fr}.browser-frame{border-radius:13px}.hero-product{min-height:270px}.price-card{padding:21px}}

/* Digibing readability + responsive landing navigation */
.nav-section{font-size:11.5px}.nav-item{font-size:13.5px;min-height:46px}.brand-copy strong{font-size:15px}.brand-copy small{font-size:11px}
.workspace-title strong{font-size:14px}.eyebrow{font-size:10.5px}.search-trigger span{font-size:12px}
.content :is(p,small){line-height:1.85}.section-heading p,.card-header p,.dashboard-hero p{font-size:13px}.card-kicker,.page-kicker{font-size:11px}
.button{font-size:13px;min-height:44px}.badge{font-size:10.5px}.notice,.alert{font-size:12.5px;line-height:1.85}
.form-stack label>span,.auth-form label>span{font-size:12px}.form-stack input,.form-stack select,.form-stack textarea,.auth-form input,.auth-form select{font-size:13px;min-height:46px}
.landing-nav nav a{font-size:13px}.landing-brand strong{font-size:16px}.landing-brand small{font-size:10px}
.hero-pill,.landing-heading>span,.landing-heading>div>span{font-size:11px}.hero-copy>p{font-size:15px}.hero-trust span{font-size:11px}
.landing-body p{font-size:14px;line-height:2}.landing-body small{font-size:11px}.landing-body .button{font-size:13px}.proof-strip span{font-size:11px}.proof-strip b{font-size:12px}
.feature-card p,.workflow-card p,.role-card p,.price-card p,.faq-list p{font-size:13px}.feature-card small,.workflow-card small,.role-card small{font-size:11px}
.payment-copy p{font-size:13px}.payment-copy span,.support-band span{font-size:11px}.payment-explain li span{font-size:12px}.support-band strong{font-size:16px}
.auth-heading p{font-size:13px!important}.form-consent{font-size:10.5px}.auth-flow span{font-size:11px}.digibing-auth .auth-copy>p{font-size:14px}
.mobile-bottom-nav a{font-size:10px}
@media(max-width:980px){
  .landing-nav.menu-visible nav{display:flex;position:absolute;top:68px;right:12px;left:12px;flex-direction:column;align-items:stretch;gap:4px;padding:12px;background:rgba(255,255,255,.98);border:1px solid #dce7f3;border-radius:16px;box-shadow:0 24px 60px rgba(7,35,82,.18)}
  .landing-nav.menu-visible nav a{padding:12px 14px;border-radius:10px;color:#243b61}
  .landing-nav.menu-visible nav a:hover{background:#eef5ff}
}
@media(max-width:700px){.hero-copy>p{font-size:14px}.landing-body p{font-size:13px}.mobile-bottom-nav a{font-size:9.5px}}

/* Prevent off-canvas sidebar and dense forms from creating horizontal scroll. */
html,body{max-width:100%;overflow-x:hidden}
.app-shell,.main,.content{min-width:0}
.connections-layout,.destinations-layout,.forwarding-layout,.billing-grid,.team-layout{min-width:0}
.connections-layout>* ,.destinations-layout>* ,.forwarding-layout>* ,.billing-grid>* ,.team-layout>*{min-width:0}
@media(max-width:980px){
  .app-shell,body.sidebar-collapsed .app-shell{display:block!important;width:100%!important;grid-template-columns:minmax(0,1fr)!important}
  .main,body.sidebar-collapsed .main{width:100%!important;max-width:100%!important;grid-column:1!important;margin:0!important}
  .sidebar,body.sidebar-collapsed .sidebar{right:0!important;left:auto!important;width:min(300px,88vw)!important}
  .topbar{width:100%;max-width:100vw}
}

/* Admin payment review */
.admin-billing-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:16px}.admin-billing-summary article{display:flex;align-items:center;gap:12px;padding:17px 18px;background:var(--surface);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow-xs)}.admin-billing-summary small,.admin-billing-summary strong{display:block}.admin-billing-summary small{font-size:11px;color:var(--muted)}.admin-billing-summary strong{font-size:24px;margin-top:2px}.summary-icon{width:44px;height:44px;border-radius:14px;display:grid;place-items:center}.summary-icon.warning{background:var(--warning-soft);color:var(--warning)}.summary-icon.success{background:var(--success-soft);color:var(--success)}.summary-icon.danger{background:var(--danger-soft);color:var(--danger)}.payment-review-list{display:flex;flex-direction:column;gap:10px}.payment-review-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:center;padding:16px;border:1px solid var(--line);border-radius:15px;background:linear-gradient(145deg,var(--surface),color-mix(in srgb,var(--surface) 94%,var(--primary-soft)))}.payment-review-main{display:grid;grid-template-columns:46px minmax(0,1fr);gap:12px;align-items:start}.payment-plan-orb{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:var(--primary-soft);color:var(--primary)}.payment-plan-orb.business{background:linear-gradient(145deg,#071a3d,#0b57d0);color:#fff}.payment-review-main h3{margin:0;font-size:15px}.payment-review-main p{margin:5px 0 0;color:var(--muted);font-size:12px}.payment-review-meta{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}.payment-review-meta>span{font-size:10.5px;padding:5px 8px;border-radius:8px;background:var(--surface-3);color:var(--text-2)}.payment-review-meta code{font-size:10px}.review-note{margin-top:9px;padding:8px 10px;border-right:3px solid var(--primary);background:var(--primary-soft);border-radius:8px;font-size:11px;line-height:1.8}.payment-review-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.payment-review-actions form{margin:0}.danger-text{color:var(--danger)!important}.payment-review-result{text-align:left;min-width:140px}.payment-review-result small,.payment-review-result strong{display:block}.payment-review-result small{font-size:9px;color:var(--muted)}.payment-review-result strong{font-size:11px;margin-top:4px}
@media(max-width:850px){.admin-billing-summary{grid-template-columns:1fr 1fr 1fr}.payment-review-card{grid-template-columns:1fr}.payment-review-actions{justify-content:flex-start}.payment-review-result{text-align:right}}
@media(max-width:560px){.admin-billing-summary{grid-template-columns:1fr}.payment-review-main{grid-template-columns:40px minmax(0,1fr)}.payment-plan-orb{width:40px;height:40px}.payment-review-actions{display:grid}.payment-review-actions .button{width:100%}}