[dir=rtl]{text-align:right;direction:rtl}[dir=rtl] .flex-row{flex-direction:row-reverse}:root{--brand-gradient:linear-gradient(135deg,#059669,#0d9488,#0891b2);--brand-900:#064e3b;--brand-800:#065f46;--brand-700:#047857;--brand-600:#059669;--brand-500:#10b981;--brand-400:#34d399;--brand-300:#6ee7b7;--brand-200:#a7f3d0;--brand-100:#d1fae5;--brand-50:#ecfdf5;--accent-700:#4338ca;--accent-600:#4f46e5;--accent-500:#6366f1;--accent-400:#818cf8;--accent-300:#a5b4fc;--accent-200:#c7d2fe;--accent-100:#e0e7ff;--accent-50:#eef2ff;--gray-950:#020617;--gray-900:#0f172a;--gray-800:#1e293b;--gray-700:#334155;--gray-600:#475569;--gray-500:#64748b;--gray-400:#94a3b8;--gray-300:#cbd5e1;--gray-200:#e2e8f0;--gray-100:#f1f5f9;--gray-50:#f8fafc;--white:#fff;--danger-600:#dc2626;--danger-500:#ef4444;--danger-100:#fee2e2;--danger-50:#fef2f2;--warning-600:#d97706;--warning-500:#f59e0b;--warning-100:#fef3c7;--warning-50:#fffbeb;--info-600:#2563eb;--info-500:#3b82f6;--info-100:#dbeafe;--info-50:#eff6ff;--font-display:"Space Grotesk",-apple-system,BlinkMacSystemFont,sans-serif;--font-sans:"DM Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-mono:"JetBrains Mono","Fira Code",monospace;--text-xs:.75rem;--text-sm:.8125rem;--text-base:.875rem;--text-lg:1rem;--text-xl:1.125rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--leading-tight:1.25;--leading-normal:1.5;--leading-relaxed:1.625;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--radius-sm:.5rem;--radius-md:.75rem;--radius-lg:1rem;--radius-xl:1.25rem;--radius-2xl:1.5rem;--radius-full:9999px;--shadow-xs:0 1px 2px #0000000a;--shadow-sm:0 1px 2px #0000000a,0 1px 3px #0000000f;--shadow-md:0 4px 8px -2px #0000000f,0 2px 4px -2px #0000000a;--shadow-lg:0 12px 24px -4px #00000014,0 4px 8px -4px #0000000a;--shadow-glow-brand:0 0 20px #10b98126,0 0 40px #10b9810d;--shadow-glow-accent:0 0 20px #6366f126,0 0 40px #6366f10d;--glass-bg:#fff9;--glass-border:#ffffff4d;--glass-blur:16px;--ease-out:cubic-bezier(.16,1,.3,1);--transition-fast:.15s cubic-bezier(.16,1,.3,1);--transition-base:.25s cubic-bezier(.16,1,.3,1);--transition-slow:.4s cubic-bezier(.16,1,.3,1);--sidebar-width:300px;--detail-panel-width:320px;--topbar-height:60px}[data-theme=dark]{--gray-950:#fff;--gray-900:#f8fafc;--gray-800:#f1f5f9;--gray-700:#e2e8f0;--gray-600:#cbd5e1;--gray-500:#94a3b8;--gray-400:#64748b;--gray-300:#475569;--gray-200:#334155;--gray-100:#1e293b;--gray-50:#0f172a;--white:#020617;--glass-bg:#0f172a99;--glass-border:#ffffff1a;--danger-100:#7f1d1d;--danger-50:#450a0a;--warning-100:#78350f;--warning-50:#451a03;--info-100:#0c2d6b;--info-50:#051035}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-sans);font-size:16px;line-height:var(--leading-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--gray-900);background:var(--gray-50);scroll-behavior:smooth}body{background:var(--gray-50);min-height:100vh;overflow-x:hidden}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}input,textarea,select{font-family:inherit;font-size:inherit}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--gray-400)}.app-topbar{z-index:100;height:var(--topbar-height);background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));border-bottom:1px solid var(--glass-border);padding:0 var(--space-6);justify-content:space-between;align-items:center;gap:var(--space-4);display:flex;position:sticky;top:0}.app-topbar__brand{align-items:center;gap:var(--space-3);font-family:var(--font-display);color:var(--gray-900);letter-spacing:-.03em;font-size:1.25rem;font-weight:700;display:flex}.app-topbar__brand-icon{background:var(--brand-gradient);border-radius:var(--radius-md);width:36px;height:36px;color:var(--white);font-size:var(--text-base);box-shadow:var(--shadow-glow-brand);justify-content:center;align-items:center;font-weight:700;display:flex}.app-topbar__right{align-items:center;gap:var(--space-4);display:flex}.app-topbar__user{align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--gray-500);display:flex}.app-topbar__user-avatar{border-radius:var(--radius-full);background:linear-gradient(135deg,var(--brand-100),var(--brand-200));width:32px;height:32px;color:var(--brand-700);font-size:var(--text-xs);justify-content:center;align-items:center;font-weight:700;display:flex}.app-topbar__user-name{color:var(--gray-700);font-weight:600}.app-topbar__user-role{font-family:var(--font-mono);color:var(--gray-400);text-transform:uppercase;letter-spacing:.06em;font-size:10px}.app-nav{align-items:center;gap:2px;display:flex}.app-nav__link{align-items:center;gap:var(--space-2);padding:var(--space-2)var(--space-4);border-radius:var(--radius-full);font-size:var(--text-sm);color:var(--gray-500);transition:all var(--transition-fast);background:0 0;border:none;font-weight:500;display:flex}.app-nav__link:hover{color:var(--gray-900);background:var(--gray-100)}.app-nav__link--active{color:var(--brand-700);background:var(--brand-50);font-weight:600}.app-content{min-height:calc(100vh - var(--topbar-height))}.btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-2)var(--space-5);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:600;line-height:var(--leading-tight);transition:all var(--transition-base);white-space:nowrap;cursor:pointer;border:1px solid #0000;display:inline-flex;position:relative;overflow:hidden}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none!important}.btn--primary{background:var(--brand-gradient);color:var(--white);box-shadow:var(--shadow-glow-brand)}.btn--primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 0 28px #10b98140,0 0 56px #10b98114}.btn--accent{background:linear-gradient(135deg,var(--accent-600),var(--accent-500));color:var(--white);box-shadow:var(--shadow-glow-accent)}.btn--accent:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 0 28px #6366f140}.btn--secondary{background:var(--white);color:var(--gray-700);border-color:var(--gray-200);box-shadow:var(--shadow-sm)}.btn--secondary:hover:not(:disabled){background:var(--gray-50);border-color:var(--gray-300);transform:translateY(-1px)}.btn--ghost{color:var(--gray-600);background:0 0}.btn--ghost:hover:not(:disabled){background:var(--gray-100);color:var(--gray-800)}.btn--glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(8px);border:1px solid var(--glass-border);color:var(--gray-700)}.btn--glass:hover:not(:disabled){background:#fffc}.btn--danger{background:var(--danger-500);color:var(--white);border-color:var(--danger-500)}.btn--danger:hover:not(:disabled){background:var(--danger-600);transform:translateY(-1px)}.btn--sm{padding:var(--space-1)var(--space-3);font-size:var(--text-xs)}.btn--lg{padding:var(--space-3)var(--space-8);font-size:var(--text-base)}.btn--icon{padding:var(--space-2);width:40px;height:40px}.card{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-xl);transition:transform var(--transition-base),box-shadow var(--transition-base);overflow:hidden}.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.card--elevated{box-shadow:var(--shadow-md);border-color:#0000}.card--glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border)}.card__header{padding:var(--space-4)var(--space-5);border-bottom:1px solid var(--gray-100);justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.card__title{font-family:var(--font-display);font-size:var(--text-base);color:var(--gray-800);letter-spacing:-.01em;font-weight:600}.card__body{padding:var(--space-5)}.card__footer{padding:var(--space-3)var(--space-5);border-top:1px solid var(--gray-100);background:var(--gray-50)}.input{width:100%;padding:var(--space-3)var(--space-4);border:1px solid var(--gray-200);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--gray-900);background:var(--white);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);outline:none}.input:focus{border-color:var(--brand-500);box-shadow:0 0 0 3px #10b9811f}.input::placeholder{color:var(--gray-400)}.input--lg{padding:var(--space-3)var(--space-5);font-size:var(--text-base)}.textarea{width:100%;padding:var(--space-3)var(--space-4);border:1px solid var(--gray-200);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--gray-900);background:var(--white);resize:vertical;min-height:80px;transition:border-color var(--transition-fast),box-shadow var(--transition-fast);outline:none}.textarea:focus{border-color:var(--brand-500);box-shadow:0 0 0 3px #10b9811f}.select{padding:var(--space-2)var(--space-3);border:1px solid var(--gray-200);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--gray-900);background:var(--white);cursor:pointer}.label{font-size:var(--text-sm);color:var(--gray-700);margin-bottom:var(--space-1);font-weight:600;display:block}.badge{align-items:center;gap:var(--space-1);padding:4px var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600;line-height:1.4;display:inline-flex}.badge--green{background:var(--brand-100);color:#065f46}.badge--yellow{background:var(--warning-100);color:#92400e}.badge--red{background:var(--danger-100);color:#991b1b}.badge--blue{background:var(--info-100);color:#1e40af}.badge--gray{background:var(--gray-100);color:var(--gray-600)}.badge--accent{background:var(--accent-100);color:var(--accent-600)}.tag{align-items:center;gap:var(--space-1);padding:var(--space-1)var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);background:var(--gray-100);color:var(--gray-700);border:1px solid var(--gray-200);font-weight:500;display:inline-flex}.inbox-layout{grid-template-columns:var(--sidebar-width)1fr var(--detail-panel-width);height:calc(100vh - var(--topbar-height));display:grid;overflow:hidden}.inbox-sidebar{background:var(--white);border-right:1px solid var(--gray-200);flex-direction:column;display:flex;overflow:hidden}.inbox-sidebar__header{padding:var(--space-5);border-bottom:1px solid var(--gray-100)}.inbox-sidebar__scope-tabs{gap:var(--space-1);margin-bottom:var(--space-3);display:flex}.inbox-sidebar__scope-tab{padding:var(--space-2)var(--space-1);border-radius:var(--radius-full);font-size:var(--text-xs);color:var(--gray-500);text-transform:uppercase;letter-spacing:.04em;transition:all var(--transition-fast);cursor:pointer;background:0 0;border:none;flex:1;font-weight:600}.inbox-sidebar__scope-tab:hover{background:var(--gray-100);color:var(--gray-700)}.inbox-sidebar__scope-tab--active{background:var(--brand-50);color:var(--brand-700)}.inbox-sidebar__filter-chips{gap:var(--space-2);flex-wrap:wrap;display:flex}.inbox-sidebar__filter-chip{align-items:center;gap:var(--space-1);padding:5px var(--space-3);border:1px solid var(--gray-200);border-radius:var(--radius-full);color:var(--gray-500);background:var(--gray-50);cursor:pointer;transition:all var(--transition-fast);font-size:12px;font-weight:500;display:inline-flex}.inbox-sidebar__filter-chip:hover{border-color:var(--gray-400);color:var(--gray-700)}.inbox-sidebar__filter-chip--active{background:var(--gray-900);color:var(--white);border-color:var(--gray-900)}.inbox-sidebar__filter-count{text-align:center;min-width:16px;font-size:10px;font-weight:700}.inbox-sidebar__list{padding:var(--space-2);flex:1;overflow-y:auto}.conv-item{gap:var(--space-3);padding:var(--space-3)var(--space-3);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);display:flex;position:relative}.conv-item:hover{background:var(--gray-50)}.conv-item--active{background:var(--brand-50)}.conv-item--active:hover{background:var(--brand-100)}.conv-item__avatar{border-radius:var(--radius-full);background:linear-gradient(135deg,var(--gray-100),var(--gray-200));width:40px;height:40px;font-size:var(--text-sm);color:var(--gray-600);flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:flex}.conv-item__body{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.conv-item__name{font-size:var(--text-sm);color:var(--gray-900);white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.conv-item__preview{font-size:var(--text-xs);color:var(--gray-500);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.conv-item__meta{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:6px;display:flex}.conv-item__time{font-family:var(--font-mono);color:var(--gray-400);white-space:nowrap;font-size:11px}.conv-item__unread-dot{border-radius:var(--radius-full);background:var(--brand-500);width:8px;height:8px}.conv-item__stale-dot{border-radius:var(--radius-full);background:var(--warning-500);width:8px;height:8px}.thread-container{background:var(--gray-50);flex-direction:column;flex:1;display:flex;overflow:hidden}.thread-header{padding:var(--space-4)var(--space-6);background:var(--white);border-bottom:1px solid var(--gray-200);justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.thread-header__contact{align-items:center;gap:var(--space-3);display:flex}.thread-header__name{font-family:var(--font-display);font-weight:600;font-size:var(--text-lg);color:var(--gray-900);letter-spacing:-.01em}.thread-header__phone{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--gray-400)}.thread-header__badges{gap:var(--space-2);display:flex}.thread-messages{padding:var(--space-5)var(--space-8);gap:var(--space-3);flex-direction:column;flex:1;display:flex;overflow-y:auto}.message-bubble{max-width:70%;padding:var(--space-3)var(--space-4);border-radius:var(--radius-lg);font-size:var(--text-sm);line-height:var(--leading-relaxed);position:relative}.message-bubble--inbound{background:var(--white);border:1px solid var(--gray-200);box-shadow:var(--shadow-sm);border-bottom-left-radius:4px;align-self:flex-start}.message-bubble--outbound{border:1px solid var(--brand-200);background:linear-gradient(135deg,#d1fae5 0%,#a7f3d0 100%);border-bottom-right-radius:4px;align-self:flex-end}.message-bubble--system{background:var(--accent-50);border:1px solid var(--accent-100);border-radius:var(--radius-lg);max-width:85%;font-size:var(--text-xs);color:var(--accent-600);text-align:center;align-self:center;font-weight:500}.message-bubble__time{font-family:var(--font-mono);color:var(--gray-400);margin-top:var(--space-1);font-size:11px}.message-bubble__sender{font-size:var(--text-xs);color:var(--accent-500);margin-bottom:var(--space-1);font-weight:600}.reply-area{background:var(--white);border-top:1px solid var(--gray-200);padding:var(--space-4)var(--space-5)}.reply-area__toolbar{align-items:center;gap:var(--space-2);margin-bottom:var(--space-3);display:flex}.reply-area__input-row{gap:var(--space-3);align-items:flex-end;display:flex}.reply-area__textarea{padding:var(--space-3)var(--space-5);border:1px solid var(--gray-200);border-radius:var(--radius-full);font-size:var(--text-sm);resize:none;background:var(--gray-50);min-height:44px;max-height:120px;color:var(--gray-900);transition:border-color var(--transition-fast),box-shadow var(--transition-fast),background var(--transition-fast);outline:none;flex:1}.reply-area__textarea:focus{border-color:var(--brand-500);background:var(--white);box-shadow:0 0 0 3px #10b9811a}.reply-area__send-btn{border-radius:var(--radius-full);background:var(--brand-gradient);width:44px;height:44px;color:var(--white);box-shadow:var(--shadow-glow-brand);transition:all var(--transition-base);border:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}.reply-area__send-btn:hover:not(:disabled){transform:scale(1.05);box-shadow:0 0 24px #10b9814d}.reply-area__send-btn:disabled{background:var(--gray-300);cursor:not-allowed;box-shadow:none}.reply-area__approval-hint{font-size:var(--text-xs);color:var(--gray-500);margin-top:var(--space-2);padding:var(--space-2)var(--space-3);background:var(--warning-50);border:1px solid var(--warning-100);border-radius:var(--radius-md)}.detail-panel{background:var(--white);border-left:1px solid var(--gray-200);flex-direction:column;display:flex;overflow-y:auto}.detail-panel__section{padding:var(--space-5);border-bottom:1px solid var(--gray-100)}.detail-panel__section-title{font-family:var(--font-mono);color:var(--gray-400);text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--space-3);font-size:10px;font-weight:500}.status-badge{padding:4px var(--space-3);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.03em;align-items:center;gap:6px;font-size:11px;font-weight:600;display:inline-flex}.status-badge:before{content:"";border-radius:var(--radius-full);width:7px;height:7px}.status-badge--open{background:var(--brand-100);color:#065f46}.status-badge--open:before{background:var(--brand-500)}.status-badge--assigned{background:var(--accent-100);color:var(--accent-600)}.status-badge--assigned:before{background:var(--accent-500)}.status-badge--waiting{background:var(--warning-100);color:#92400e}.status-badge--waiting:before{background:var(--warning-500)}.status-badge--closed{background:var(--gray-100);color:var(--gray-500)}.status-badge--closed:before{background:var(--gray-400)}.sla-badge--ok{background:var(--brand-50);color:var(--brand-700)}.sla-badge--at-risk{background:var(--warning-100);color:#92400e}.sla-badge--breached{background:var(--danger-100);color:#991b1b}.data-table{border-collapse:collapse;width:100%;font-size:var(--text-sm)}.data-table th{text-align:left;padding:var(--space-3)var(--space-5);font-family:var(--font-mono);color:var(--gray-400);text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid var(--gray-200);background:var(--gray-50);font-size:10px;font-weight:500}.data-table td{padding:var(--space-3)var(--space-5);border-bottom:1px solid var(--gray-100);color:var(--gray-700)}.data-table td:first-child{color:var(--gray-900);font-weight:600}.data-table tr{transition:background var(--transition-fast)}.data-table tr:hover td{background:var(--gray-50)}.metrics-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.metric-card{padding:var(--space-5)var(--space-6);background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-xl);transition:transform var(--transition-base),box-shadow var(--transition-base)}.metric-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.metric-card__label{font-family:var(--font-mono);color:var(--gray-500);text-transform:uppercase;letter-spacing:.06em;margin-bottom:var(--space-2);font-size:11px;font-weight:500}.metric-card__value{font-family:var(--font-display);font-size:var(--text-3xl);color:var(--gray-900);letter-spacing:-.03em;font-weight:700;line-height:1.1}.metric-card__delta{font-size:var(--text-xs);margin-top:var(--space-2);border-radius:var(--radius-full);padding:2px 8px;font-weight:600;display:inline-flex}.metric-card__delta--positive{background:var(--brand-50);color:#065f46}.metric-card__delta--negative{background:var(--danger-50);color:#991b1b}.login-page{min-height:100vh;padding:var(--space-6);background:linear-gradient(180deg,var(--white)0%,var(--gray-50)100%);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.login-page:before{content:"";pointer-events:none;background:radial-gradient(80% 60% at 20% 30%,#10b98114 0%,#0000 70%),radial-gradient(60% 50% at 80% 60%,#6366f10f 0%,#0000 70%);position:absolute;inset:0}.login-card{background:var(--white);border-radius:var(--radius-2xl);width:100%;max-width:420px;box-shadow:var(--shadow-lg);padding:var(--space-10);position:relative}.login-card__logo{text-align:center;margin-bottom:var(--space-8)}.login-card__logo-icon{background:var(--brand-gradient);border-radius:var(--radius-lg);width:52px;height:52px;color:var(--white);font-size:var(--text-xl);margin-bottom:var(--space-3);box-shadow:var(--shadow-glow-brand);justify-content:center;align-items:center;font-weight:700;display:inline-flex}.login-card__title{font-family:var(--font-display);font-size:var(--text-2xl);color:var(--gray-900);letter-spacing:-.03em;font-weight:700}.login-card__subtitle{font-size:var(--text-sm);color:var(--gray-500);margin-top:var(--space-1)}.login-card__form{gap:var(--space-5);flex-direction:column;display:flex}.login-card__field{gap:var(--space-1);flex-direction:column;display:flex}.alert{padding:var(--space-3)var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);align-items:flex-start;gap:var(--space-3);border-left:3px solid #0000;font-weight:500;display:flex}.alert--error{background:var(--danger-50);border-left-color:var(--danger-500);color:#991b1b}.alert--warning{background:var(--warning-50);border-left-color:var(--warning-500);color:#92400e}.alert--success{background:var(--brand-50);border-left-color:var(--brand-500);color:#065f46}.alert--info{background:var(--info-50);border-left-color:var(--info-500);color:#1e40af}.onboarding-layout{max-width:960px;padding:var(--space-8);gap:var(--space-6);flex-direction:column;margin:0 auto;display:flex}.onboarding-layout__title{font-family:var(--font-display);font-size:var(--text-2xl);color:var(--gray-900);letter-spacing:-.03em;font-weight:700}.onboarding-layout__subtitle{font-size:var(--text-sm);color:var(--gray-500);margin-top:var(--space-1)}.onboarding-step{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-xl);padding:var(--space-6);transition:transform var(--transition-base),box-shadow var(--transition-base)}.onboarding-step:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.onboarding-step__title{font-family:var(--font-display);font-size:var(--text-base);color:var(--gray-800);margin-bottom:var(--space-3);align-items:center;gap:var(--space-3);font-weight:600;display:flex}.onboarding-step__number{border-radius:var(--radius-full);background:linear-gradient(135deg,var(--brand-100),var(--brand-200));width:28px;height:28px;color:var(--brand-700);font-size:var(--text-xs);flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:flex}.onboarding-step__number--done{background:var(--brand-gradient);color:var(--white)}.contacts-layout,.reports-layout{padding:var(--space-8);gap:var(--space-6);flex-direction:column;max-width:1200px;margin:0 auto;display:flex}.reports-layout__header{justify-content:space-between;align-items:center;display:flex}.reports-layout__title{font-family:var(--font-display);font-size:var(--text-2xl);color:var(--gray-900);letter-spacing:-.03em;font-weight:700}.saved-views__list{gap:var(--space-1);flex-direction:column;display:flex}.saved-view-item{padding:var(--space-2)var(--space-3);border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-fast);font-size:var(--text-sm);color:var(--gray-700);justify-content:space-between;align-items:center;display:flex}.saved-view-item:hover{background:var(--gray-50)}.saved-view-item__shared{color:var(--gray-400);font-size:11px}.empty-state{padding:var(--space-12);text-align:center;color:var(--gray-400);font-size:var(--text-sm)}.empty-state__icon{font-size:var(--text-3xl);margin-bottom:var(--space-3);opacity:.5}.spinner{border:2px solid var(--gray-200);border-top-color:var(--brand-600);border-radius:var(--radius-full);width:20px;height:20px;animation:.6s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.collapsible__trigger{width:100%;padding:var(--space-3)var(--space-4);font-size:var(--text-sm);color:var(--gray-700);cursor:pointer;border-radius:var(--radius-md);transition:background var(--transition-fast);background:0 0;border:none;justify-content:space-between;align-items:center;font-weight:600;display:flex}.collapsible__trigger:hover{background:var(--gray-50)}.landing{font-family:var(--font-body);color:var(--gray-800)}.landing__hero{background:linear-gradient(160deg,var(--brand-50)0%,var(--gray-50)40%,var(--accent-50,#eef2ff)100%);min-height:92vh;padding:var(--space-16)var(--space-6);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.landing__hero:before{content:"";pointer-events:none;background:radial-gradient(60% 50% at 50% 0,#10b98114,#0000);position:absolute;inset:0}.landing__hero-inner{text-align:center;z-index:1;max-width:720px;position:relative}.landing__badge{align-items:center;gap:var(--space-2);border-radius:var(--radius-full);background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--brand-200);color:var(--brand-700);font-size:var(--text-xs);margin-bottom:var(--space-6);padding:6px 16px;font-weight:600;display:inline-flex}.landing__headline{font-family:var(--font-display);color:var(--gray-900);letter-spacing:-.03em;margin:0 0 var(--space-5);font-size:clamp(2rem,5vw,3.75rem);font-weight:700;line-height:1.08}.landing__headline-accent{background:var(--brand-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.landing__subheadline{font-size:var(--text-lg);color:var(--gray-500);max-width:560px;margin:0 auto var(--space-8);line-height:1.65}.landing__cta-group{gap:var(--space-3);flex-wrap:wrap;justify-content:center;display:flex}.landing__section{padding:80px var(--space-6);background:var(--white)}.landing__section--alt{background:var(--gray-50)}.landing__container{max-width:960px;margin:0 auto}.landing__container--narrow{text-align:center;max-width:640px}.landing__section-title{font-family:var(--font-display);font-size:var(--text-2xl);color:var(--gray-900);text-align:center;margin-bottom:var(--space-4);letter-spacing:-.03em;font-weight:700}.landing__section-subtitle{text-align:center;color:var(--gray-500);font-size:var(--text-base);margin-bottom:var(--space-10)}.landing__grid{gap:var(--space-5);display:grid}.landing__grid--3{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.landing__grid--4{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.landing__icon{font-size:var(--text-3xl);margin-bottom:var(--space-3)}.landing__card-title{font-family:var(--font-display);font-size:var(--text-sm);color:var(--gray-900);margin:0 0 var(--space-2);font-weight:700}.landing__card-body{font-size:var(--text-xs);color:var(--gray-500);margin:0;line-height:1.6}.landing__quote{font-size:var(--text-lg);color:var(--gray-700);margin:0 0 var(--space-4);padding:0 var(--space-6);font-style:italic;line-height:1.7}.landing__quote-attribution{font-size:var(--text-sm);color:var(--gray-400);margin:0}.landing__cta-section{padding:80px var(--space-6);background:var(--brand-gradient);text-align:center}.landing__cta-title{font-family:var(--font-display);font-size:var(--text-3xl);color:var(--white);margin-bottom:var(--space-4);letter-spacing:-.03em;font-weight:700}.landing__cta-subtitle{font-size:var(--text-base);color:var(--brand-200);margin-bottom:var(--space-8);line-height:1.6}.btn--outline-light{color:var(--white);background:0 0;border:1px solid #ffffff59}.btn--outline-light:hover{background:#ffffff1a;border-color:#fff9}.landing__footer{padding:var(--space-8)var(--space-6);background:var(--gray-900);text-align:center}.landing__footer-brand{justify-content:center;align-items:center;gap:var(--space-2);margin-bottom:var(--space-3);display:flex}.landing__footer-logo{background:var(--brand-gradient);border-radius:var(--radius-sm);width:24px;height:24px;color:var(--white);font-size:12px;font-weight:800;font-family:var(--font-display);justify-content:center;align-items:center;display:flex}.landing__footer-name{color:var(--gray-100);font-weight:700;font-family:var(--font-display)}.landing__footer-text{font-size:var(--text-xs);color:var(--gray-500);margin:0}.landing__footer-link{color:var(--gray-400);transition:color var(--transition-fast);text-decoration:none}.landing__footer-link:hover{color:var(--gray-200)}.pricing__cta-btn{padding:var(--space-3)var(--space-6);border-radius:var(--radius-full);font-weight:600;font-size:var(--text-sm);cursor:pointer;transition:all var(--transition-base);background:var(--gray-100);color:var(--gray-700);border:none;justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.pricing__cta-btn:hover{background:var(--gray-200)}.pricing__cta-btn--featured{background:var(--brand-gradient);color:var(--white);box-shadow:var(--shadow-glow-brand)}.pricing__cta-btn--featured:hover{transform:translateY(-2px);box-shadow:0 0 28px #10b9814d}.pricing__final-cta-primary{padding:var(--space-3)var(--space-8);border-radius:var(--radius-full);background:var(--white);color:var(--brand-700);font-weight:600;font-size:var(--text-base);cursor:pointer;transition:all var(--transition-base);border:none;justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.pricing__final-cta-primary:hover{transform:translateY(-2px);box-shadow:0 12px 24px #00000026}.pricing__final-cta-secondary{padding:var(--space-3)var(--space-8);border-radius:var(--radius-full);color:var(--white);font-weight:600;font-size:var(--text-base);cursor:pointer;transition:all var(--transition-base);background:0 0;border:1px solid #ffffff59;justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.pricing__final-cta-secondary:hover{background:#ffffff1a;border-color:#fff9}.docs__category-card{padding:var(--space-4);border-radius:var(--radius-lg);border:1px solid var(--gray-200);cursor:pointer;background:#fff;text-decoration:none;transition:all .2s;display:block}.docs__category-card:hover{border-color:var(--emerald-500);box-shadow:0 4px 12px #10b9811a}.docs__support-btn{padding:var(--space-2)var(--space-4);background:var(--emerald-600);color:#fff;border-radius:var(--radius-md);font-weight:600;font-size:var(--text-sm);text-decoration:none;transition:background .2s;display:inline-block}.docs__support-btn:hover{background:var(--emerald-700)}@media (max-width:1024px){.inbox-layout{grid-template-columns:260px 1fr}.detail-panel{display:none}}@media (max-width:768px){.inbox-layout{grid-template-columns:1fr}.inbox-sidebar{max-height:40vh}.app-topbar{height:auto;padding:var(--space-3)var(--space-4);flex-wrap:wrap}.app-nav{display:none}}.waos-theme-toggle{border:1px solid var(--gray-200);border-radius:var(--radius-full);cursor:pointer;width:40px;height:40px;transition:all var(--transition-fast);background:0 0;justify-content:center;align-items:center;font-family:inherit;font-size:18px;display:inline-flex}.waos-theme-toggle:hover{border-color:var(--gray-300);background:var(--gray-50)}[data-theme=dark] .waos-theme-toggle{border-color:var(--gray-200)}[data-theme=dark] .waos-theme-toggle:hover{border-color:var(--gray-300);background:var(--gray-100)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}