:root{--bg:#f5efe4;--surface:#101a2af0;--surface-soft:#162338c7;--surface-faint:#ffffff0d;--surface-subtle:#ffffff05;--surface-soft-hover:#ffffff0a;--surface-card:#ffffff08;--surface-raised:#ffffff0f;--surface-input:#050a1238;--surface-frame:#0c1421c7;--line:#ffffff1f;--line-strong:#fff3;--line-bright:#ffffff2e;--text:#f4ede1;--text-muted:#f4ede1b8;--text-subtle:#f4ede170;--accent:#ec8f5e;--accent-strong:#ec8f5e85;--accent-border:#ec8f5e6b;--accent-focus:#ec8f5e7a;--accent-soft:#ec8f5e29;--accent-surface:#ec8f5e14;--mint:#8fd6bd;--mint-soft:#8fd6bd1f;--mint-soft-strong:#8fd6bd24;--mint-border:#8fd6bd42;--warn:#f3b562;--warn-soft:#f3b5621f;--warn-soft-strong:#f3b56224;--warn-border:#f3b5623d;--danger:#ff7c65;--danger-text-soft:#ffd1c8;--danger-soft:#ff7c6514;--danger-soft-strong:#ff7c651f;--danger-border:#ff7c6547;--danger-border-strong:#ff7c6552;--shadow:0 32px 80px #0a101c4d;--brand-ink:#0c1523;--brand-contrast:#10202e;--brand-highlight:#f6d39d;--brand-gradient:linear-gradient(135deg, #f6d39d, #ec8f5e);--page-bg:radial-gradient(circle at top left, #ec8f5e47, transparent 30%), radial-gradient(circle at 80% 0%, #8fd6bd2e, transparent 24%), linear-gradient(180deg, #f7f1e8 0%, #efe7da 100%);--sidebar-bg:linear-gradient(180deg, #ffffff08, transparent 28%), linear-gradient(180deg, #0e1624f5, #080e18fa);--nav-active-bg:linear-gradient(180deg, #ec8f5e29, #ec8f5e0f);--sidebar-note-bg:linear-gradient(135deg, #8fd6bd24, #ffffff08), #ffffff08;--panel-bg:linear-gradient(180deg, #ffffff0a, #ffffff05), var(--surface-soft);--glow-core:radial-gradient(circle, #f6d39df5, #ec8f5ee0);--glow-shadow:0 0 60px #ec8f5e57;--avatar-gradient:linear-gradient(135deg, #8fd6bd33, #ec8f5e38);--auth-bg:radial-gradient(circle at 15% 15%, #ec8f5e47, transparent 28%), radial-gradient(circle at 85% 10%, #8fd6bd29, transparent 22%), linear-gradient(180deg, #0d1727 0%, #111f33 100%);--auth-panel-bg:linear-gradient(180deg, #ffffff08, transparent 35%), var(--surface-subtle);--auth-card-bg:linear-gradient(180deg, #ffffff0d, #ffffff05), #0a121ebd;--font-sans:"Space Grotesk", "Avenir Next", "Segoe UI", "Noto Sans Arabic", sans-serif;--font-mono:"IBM Plex Mono", "SFMono-Regular", Consolas, monospace;font-family:var(--font-sans);color:var(--text);background:var(--page-bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:400;line-height:1.5}[data-theme=olive-ledger]{--hunter-green:#386641;--sage-green:#6a994e;--yellow-green:#a7c957;--vanilla-cream:#f2e8cf;--blushed-brick:#bc4749;--bg:var(--vanilla-cream);--surface:#386641f0;--surface-soft:#466e39d1;--surface-faint:#f2e8cf12;--surface-subtle:#f2e8cf08;--surface-soft-hover:#f2e8cf14;--surface-card:#f2e8cf0d;--surface-raised:#f2e8cf1f;--surface-input:#1f352357;--surface-frame:#315838d6;--line:#f2e8cf24;--line-strong:#f2e8cf3d;--line-bright:#f2e8cf2e;--text:var(--vanilla-cream);--text-muted:#f2e8cfbd;--text-subtle:#f2e8cf7a;--accent:var(--yellow-green);--accent-strong:#a7c9578f;--accent-border:#a7c9576b;--accent-focus:#a7c9577a;--accent-soft:#a7c9572e;--accent-surface:#a7c9571f;--mint:var(--yellow-green);--mint-soft:#a7c95729;--mint-soft-strong:#a7c95733;--mint-border:#a7c95747;--warn:#d8ba6a;--warn-soft:#d8ba6a24;--warn-soft-strong:#d8ba6a2e;--warn-border:#d8ba6a47;--danger:var(--blushed-brick);--danger-text-soft:#ffd6d0;--danger-soft:#bc47491f;--danger-soft-strong:#bc47492e;--danger-border:#bc474947;--danger-border-strong:#bc47495c;--shadow:0 32px 80px #1b2f1d52;--brand-ink:#253327;--brand-contrast:#253327;--brand-highlight:var(--vanilla-cream);--brand-gradient:linear-gradient(135deg, var(--yellow-green), var(--sage-green));--page-bg:radial-gradient(circle at top left, #a7c95733, transparent 28%), radial-gradient(circle at 84% 8%, #bc474924, transparent 24%), linear-gradient(180deg, #efe4c8 0%, #e6dcc1 100%);--sidebar-bg:linear-gradient(180deg, #f2e8cf0a, transparent 28%), linear-gradient(180deg, #2b4a31f5, #1f3523fa);--nav-active-bg:linear-gradient(180deg, #a7c9572e, #a7c95714);--sidebar-note-bg:linear-gradient(135deg, #a7c95729, #f2e8cf08), #f2e8cf0a;--panel-bg:linear-gradient(180deg, #f2e8cf0d, #f2e8cf05), var(--surface-soft);--glow-core:radial-gradient(circle, #f2e8cff5, #a7c957e6);--glow-shadow:0 0 60px #a7c95747;--avatar-gradient:linear-gradient(135deg, #a7c95738, #6a994e3d);--auth-bg:radial-gradient(circle at 15% 15%, #a7c9572e, transparent 30%), radial-gradient(circle at 86% 12%, #bc474924, transparent 24%), linear-gradient(180deg, #314934 0%, #223526 100%);--auth-panel-bg:linear-gradient(180deg, #f2e8cf08, transparent 35%), var(--surface-subtle);--auth-card-bg:linear-gradient(180deg, #f2e8cf0d, #f2e8cf05), #264029cc}[data-theme=tidal-slate]{--bg:#dce8ef;--surface:#132b3df0;--surface-soft:#1f3a4fd1;--surface-faint:#e8f2f80f;--surface-subtle:#e8f2f808;--surface-soft-hover:#e8f2f814;--surface-card:#e8f2f80d;--surface-raised:#e8f2f81f;--surface-input:#0a182452;--surface-frame:#102434d6;--line:#e8f2f824;--line-strong:#e8f2f83d;--line-bright:#e8f2f82e;--text:#edf6fb;--text-muted:#edf6fbb8;--text-subtle:#edf6fb7a;--accent:#7dd3c7;--accent-strong:#7dd3c78a;--accent-border:#7dd3c766;--accent-focus:#7dd3c77a;--accent-soft:#7dd3c72e;--accent-surface:#7dd3c71a;--mint:#7dd3c7;--mint-soft:#7dd3c724;--mint-soft-strong:#7dd3c72e;--mint-border:#7dd3c747;--warn:#f5c26b;--warn-soft:#f5c26b24;--warn-soft-strong:#f5c26b2e;--warn-border:#f5c26b47;--danger:#ef7f73;--danger-text-soft:#ffd8d2;--danger-soft:#ef7f731f;--danger-soft-strong:#ef7f7329;--danger-border:#ef7f7347;--danger-border-strong:#ef7f7357;--shadow:0 32px 80px #08141f57;--brand-ink:#143144;--brand-contrast:#143144;--brand-highlight:#dff5f2;--brand-gradient:linear-gradient(135deg, #a6e7df, #66b4cc);--page-bg:radial-gradient(circle at top left, #7dd3c72e, transparent 28%), radial-gradient(circle at 84% 10%, #66b4cc2e, transparent 24%), linear-gradient(180deg, #dce8ef 0%, #d1dee8 100%);--sidebar-bg:linear-gradient(180deg, #edf6fb0a, transparent 28%), linear-gradient(180deg, #122738f5, #0b1b28fa);--nav-active-bg:linear-gradient(180deg, #7dd3c72e, #66b4cc14);--sidebar-note-bg:linear-gradient(135deg, #7dd3c729, #edf6fb08), #edf6fb08;--panel-bg:linear-gradient(180deg, #edf6fb0d, #edf6fb05), var(--surface-soft);--glow-core:radial-gradient(circle, #dff5f2f5, #66b4cce0);--glow-shadow:0 0 60px #66b4cc47;--avatar-gradient:linear-gradient(135deg, #7dd3c733, #66b4cc38);--auth-bg:radial-gradient(circle at 15% 15%, #7dd3c729, transparent 30%), radial-gradient(circle at 86% 12%, #66b4cc29, transparent 24%), linear-gradient(180deg, #132b3d 0%, #0d1e2b 100%);--auth-panel-bg:linear-gradient(180deg, #edf6fb08, transparent 35%), var(--surface-subtle);--auth-card-bg:linear-gradient(180deg, #edf6fb0d, #edf6fb05), #102332cc}[data-theme=dabberly-mobile]{--bg:#f6f4ef;--surface:#fafaf6f2;--surface-soft:#f8faf6e6;--surface-faint:#1a4e420e;--surface-subtle:#eaf2ecd1;--surface-soft-hover:#46c07029;--surface-card:#fbfcf8f0;--surface-raised:#f5f9f5e6;--surface-input:#f9faf7f5;--surface-frame:radial-gradient(circle at 10% 16%, #48c06f24, transparent 20%), radial-gradient(circle at 86% 10%, #0f8a8224, transparent 18%), linear-gradient(135deg, #c7e2d6e6, #b2d4ceeb);--line:#18483e1f;--line-strong:#18483e2e;--line-bright:#18483e29;--text:#1d2328;--text-muted:#1d2328a8;--text-subtle:#1d232875;--accent:#43c06e;--accent-strong:#43c06e61;--accent-border:#43c06e47;--accent-focus:#43c06e57;--accent-soft:#43c06e24;--accent-surface:#43c06e1a;--mint:#0f8a82;--mint-soft:#0f8a8224;--mint-soft-strong:#0f8a8230;--mint-border:#0f8a823d;--warn:#d99b33;--warn-soft:#d99b331f;--warn-soft-strong:#d99b3329;--warn-border:#d99b3338;--danger:#cb5d5f;--danger-text-soft:#8f262c;--danger-soft:#cb5d5f1a;--danger-soft-strong:#cb5d5f29;--danger-border:#cb5d5f33;--danger-border-strong:#cb5d5f42;--shadow:0 28px 64px #1f3f3a24;--brand-ink:#fff;--brand-contrast:#fff;--brand-highlight:#d7f6e2;--brand-gradient:linear-gradient(135deg, #48c06f, #0f8a82);--page-bg:radial-gradient(circle at top left, #48c06f1f, transparent 24%), radial-gradient(circle at 92% 8%, #0f8a821f, transparent 22%), linear-gradient(180deg, #f4f2ed 0%, #eceae4 100%);--sidebar-bg:var(--page-bg);--nav-active-bg:linear-gradient(180deg, #c9efd6f5, #b0e2cce0);--sidebar-note-bg:linear-gradient(135deg, #ffffff47, #ffffff24), #ffffff24;--topbar-bg:linear-gradient(180deg, #f8faf6e0, #edf4efcc);--topbar-chip-bg:linear-gradient(180deg, #f9fbf7f0, #eef5f0e0);--topbar-chip-border:#18483e24;--topbar-chip-text:#1d2328eb;--status-chip-bg:linear-gradient(180deg, #d6f4e1f0, #c0e9d3e0);--status-chip-border:#43c06e38;--status-chip-text:#0f8a82;--hero-bg:radial-gradient(circle at 82% 24%, #48c06f14, transparent 18%), linear-gradient(180deg, #fbfcf8f5, #f1f7f2eb);--metric-bg:linear-gradient(180deg, #fbfcf8f2, #f3f8f3e6);--panel-bg:linear-gradient(180deg, #fcfcf9f5, #f4f8f3eb), var(--surface-soft);--glow-core:radial-gradient(circle, #d7f6e2f5, #48c06fe6);--glow-shadow:0 0 56px #48c06f3d;--avatar-gradient:linear-gradient(135deg, #48c06f2e, #0f8a8229);--auth-bg:radial-gradient(circle at 15% 15%, #48c06f24, transparent 28%), radial-gradient(circle at 86% 12%, #0f8a8224, transparent 24%), linear-gradient(180deg, #f4f2ed 0%, #eceae4 100%);--auth-panel-bg:linear-gradient(180deg, #fafbf880, transparent 35%), #f7f9f570;--auth-card-bg:linear-gradient(180deg, #fcfcf9fa, #f7f9f5f0), #fbfcf8f5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;min-height:100vh;margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit}p,h1,h2,h3{margin:0}#root{min-height:100vh}[data-sonner-toaster]{--normal-bg:var(--surface-card);--normal-border:var(--line);--normal-text:var(--text);--success-bg:var(--mint-soft-strong);--success-border:var(--mint-border);--success-text:var(--text);--error-bg:var(--danger-soft-strong);--error-border:var(--danger-border);--error-text:var(--text);--warning-bg:var(--warn-soft-strong);--warning-border:var(--warn-border);--warning-text:var(--text)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app-frame{--sidebar-shell-width:320px;--sidebar-rail-width:96px;--layout-gap:6px;background:var(--surface-frame);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);height:100vh;position:relative;overflow:hidden}.sidebar-shell{width:var(--sidebar-shell-width);z-index:60;transition:width .22s,transform .22s,opacity .22s;position:fixed;top:10px;bottom:10px;left:10px}.sidebar{border:1px solid var(--line);background:var(--sidebar-bg);height:100%;box-shadow:var(--shadow);border-radius:28px;flex-direction:column;gap:24px;padding:25px 24px;display:flex;position:relative;overflow:hidden}.sidebar-header{flex-direction:column;gap:24px;padding-right:80px;display:flex;position:relative}.sidebar-content{min-height:0;padding-right:4px;overflow-y:auto}.sidebar-toggle{border:1px solid var(--line);min-width:74px;color:var(--text);background:var(--surface-raised);box-shadow:var(--shadow);border-radius:999px;padding:11px 16px;transition:transform .18s,background-color .18s;position:absolute;top:0;right:0}.sidebar-toggle:hover,.sidebar-toggle:focus-visible,.sidebar-reveal:hover,.sidebar-reveal:focus-visible{background:var(--surface-soft-hover);outline:none;transform:translateY(-1px)}.sidebar-reveal{z-index:64;border:1px solid var(--line);min-width:74px;color:var(--text);background:var(--surface-raised);box-shadow:var(--shadow);border-radius:999px;padding:11px 16px;transition:transform .18s,background-color .18s;display:none;position:fixed;top:20px;left:20px}.sidebar-collapsed .sidebar-shell{width:var(--sidebar-rail-width)}.sidebar-collapsed .sidebar{gap:16px;padding:16px 12px}.sidebar-collapsed .sidebar-header{gap:12px;padding-right:0}.sidebar-collapsed .sidebar-toggle{width:100%;min-width:0;padding:10px 8px;position:static}.sidebar-collapsed .brand-copy{display:none}.sidebar-collapsed .brand-block{justify-content:center}.sidebar-collapsed .sidebar-content{padding-right:0}.sidebar-collapsed .nav-card{border-radius:16px;padding:8px}.sidebar-collapsed .nav-card:hover,.sidebar-collapsed .nav-card:focus-visible{transform:none}.sidebar-collapsed .nav-line{justify-content:center;margin-bottom:0}.sidebar-collapsed .nav-icon{min-width:44px}.sidebar-collapsed .nav-title,.sidebar-collapsed .nav-description{display:none}.brand-block{align-items:center;gap:16px;display:flex}.brand-mark{letter-spacing:.18em;width:56px;height:56px;color:var(--brand-ink);background:var(--brand-gradient);border-radius:18px;place-items:center;font-weight:700;display:grid}.brand-title{letter-spacing:-.04em;font-size:1.75rem;line-height:1}.eyebrow{letter-spacing:.18em;text-transform:uppercase;color:var(--text-muted);font-size:.78rem}.sidebar-copy,.page-description,.metric-detail,.watch-helper,.activity-detail,.segment-note,.toggle-copy,.settings-note,.user-email,.nav-description,.sidebar-note-copy{color:var(--text-muted)}.sidebar-nav{flex-direction:column;gap:10px;display:flex}.nav-card{background:var(--surface-subtle);border:1px solid #0000;border-radius:20px;padding:16px;text-decoration:none;transition:transform .18s,border-color .18s,background-color .18s}.nav-card:hover,.nav-card:focus-visible{border-color:var(--line-strong);background:var(--surface-soft-hover);outline:none;transform:translate(4px)}.nav-card-active{border-color:var(--accent-strong);background:var(--nav-active-bg)}.nav-line{align-items:center;gap:12px;margin-bottom:6px;display:flex}.nav-icon{min-width:42px;height:42px;color:var(--accent);background:var(--accent-soft);border-radius:14px;justify-content:center;align-items:center;line-height:0;display:inline-flex}.nav-icon svg{stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.nav-title{font-size:1rem;font-weight:600}.main-panel{min-width:0;height:100vh;margin-left:calc(var(--sidebar-shell-width) + var(--layout-gap) + 16px);flex-direction:column;transition:margin-left .22s;display:flex;position:relative;overflow:hidden}.sidebar-collapsed .main-panel{margin-left:calc(var(--sidebar-rail-width) + var(--layout-gap) + 16px)}.main-scroll{overscroll-behavior:contain;border-top-left-radius:28px;border-bottom-left-radius:28px;flex:1;min-height:0;overflow-y:auto}.topbar{z-index:40;border-bottom:1px solid var(--line);background:var(--topbar-bg,var(--surface-subtle));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top-left-radius:28px;border-bottom-left-radius:28px;justify-content:space-between;align-items:flex-start;gap:16px;padding:28px 32px 20px;display:flex;position:relative}.page-title{letter-spacing:-.06em;margin-top:8px;font-size:clamp(2rem,4vw,3.3rem);line-height:.95}.topbar-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.theme-switcher{width:min(360px,100%);min-width:240px;position:relative}.theme-switcher-trigger{border:1px solid var(--line);background:var(--topbar-chip-bg,var(--surface-raised));width:100%;color:var(--topbar-chip-text,var(--text));text-align:left;box-shadow:var(--shadow);border-radius:22px;align-items:center;gap:12px;padding:12px 14px;transition:transform .18s,background-color .18s;display:flex}.theme-switcher-trigger:hover,.theme-switcher-trigger:focus-visible{background:var(--surface-soft-hover);outline:none;transform:translateY(-1px)}.theme-switcher-trigger-preview{flex-shrink:0;align-items:center;gap:6px;display:inline-flex}.theme-switcher-preview-dot{border:1px solid var(--line);border-radius:999px;width:14px;height:14px}.theme-switcher-preview-dot.dot-page{background:var(--preview-page)}.theme-switcher-preview-dot.dot-surface{background:var(--preview-surface)}.theme-switcher-preview-dot.dot-accent{background:var(--preview-accent)}.theme-switcher-trigger-copy{flex-direction:column;gap:2px;min-width:0;display:flex}.theme-switcher-trigger-label{font-weight:600}.theme-switcher-trigger-note{color:var(--text-muted);font-size:.76rem;line-height:1.25}.theme-switcher-popover{border:1px solid var(--line);background:var(--panel-bg);width:min(92vw,360px);box-shadow:var(--shadow);z-index:80;border-radius:24px;padding:12px;position:absolute;top:calc(100% + 10px);right:0}.theme-switcher-options{gap:10px;display:grid}.theme-option-card{border:1px solid var(--line);background:var(--surface-card);text-align:left;width:100%;color:var(--text);border-radius:20px;grid-template-columns:114px 1fr;align-items:center;gap:12px;padding:10px;transition:border-color .18s,background-color .18s,transform .18s;display:grid}.theme-option-card:hover,.theme-option-card:focus-visible{border-color:var(--line-strong);outline:none;transform:translateY(-1px)}.theme-option-card-active{border-color:var(--accent-border);background:var(--accent-surface)}.theme-option-preview{--theme-preview-page:#1d2635;--theme-preview-surface:#32425b;--theme-preview-accent:#ec8f5e;--theme-preview-accent-soft:#8fd6bd;background:radial-gradient(circle at 18% 18%, var(--theme-preview-accent-soft), transparent 34%), linear-gradient(180deg, color-mix(in srgb, var(--theme-preview-page) 88%, white 12%), var(--theme-preview-page));border:1px solid #ffffff29;border-radius:16px;gap:10px;min-height:84px;padding:10px;display:grid;overflow:hidden}.theme-option-preview-top{background:color-mix(in srgb, var(--theme-preview-accent) 70%, white 30%);opacity:.9;border-radius:999px;width:46%;height:12px}.theme-option-preview-body{gap:10px;display:grid}.theme-option-preview-pill{background:color-mix(in srgb, var(--theme-preview-accent-soft) 68%, white 32%);border-radius:999px;width:32%;height:18px}.theme-option-preview-card{background:color-mix(in srgb, var(--theme-preview-surface) 82%, white 18%);border-radius:14px;gap:8px;padding:10px;display:grid}.theme-option-preview-line{background:color-mix(in srgb, var(--theme-preview-accent-soft) 55%, white 45%);border-radius:999px;height:8px;display:block}.theme-option-preview-line-strong{background:color-mix(in srgb, var(--theme-preview-accent) 60%, white 40%);width:72%}.theme-option-copy{flex-direction:column;gap:4px;min-width:0;display:flex}.theme-option-label{font-weight:600}.theme-option-description{color:var(--text-muted);font-size:.8rem;line-height:1.35}.status-chip,.user-chip,.tone-pill,.status-pill,.panel-action{border:1px solid var(--line);border-radius:999px;align-items:center;gap:8px;padding:8px 12px;font-size:.84rem;display:inline-flex}.status-chip{background:var(--status-chip-bg,var(--mint-soft));color:var(--status-chip-text,var(--mint));border-color:var(--status-chip-border,var(--line))}.user-chip{text-overflow:ellipsis;white-space:nowrap;background:var(--topbar-chip-bg,var(--surface-raised));border-color:var(--topbar-chip-border,var(--line));max-width:min(32vw,320px);color:var(--topbar-chip-text,var(--text));overflow:hidden}.ghost-button,.primary-button{border:1px solid #0000;border-radius:999px;padding:12px 18px;transition:transform .18s,filter .18s}.ghost-button{color:var(--text);background:var(--surface-raised)}.topbar .ghost-button{background:var(--topbar-chip-bg,var(--surface-raised));border-color:var(--topbar-chip-border,var(--line));color:var(--topbar-chip-text,var(--text))}.primary-button{color:var(--brand-contrast);background:var(--brand-gradient);font-weight:700}.ghost-button:hover,.primary-button:hover{filter:saturate(1.06);transform:translateY(-1px)}.ghost-button:disabled,.primary-button:disabled{opacity:.7;cursor:not-allowed;filter:none;transform:none}.page-scroller{padding:24px 16px 32px 6px}.theme-preview-control-layer{--preview-page:#171f2d;--preview-surface:#2a3346;--preview-accent:#ec8f5e;--theme-preview-page:#171f2d;--theme-preview-surface:#2a3346;--theme-preview-accent:#ec8f5e;--theme-preview-accent-soft:#8fd6bd}.theme-preview-olive-ledger{--preview-page:#2b4a31;--preview-surface:#496742;--preview-accent:#a7c957;--theme-preview-page:#2b4a31;--theme-preview-surface:#496742;--theme-preview-accent:#a7c957;--theme-preview-accent-soft:#bc4749}.theme-preview-tidal-slate{--preview-page:#183548;--preview-surface:#2a4c63;--preview-accent:#7dd3c7;--theme-preview-page:#183548;--theme-preview-surface:#2a4c63;--theme-preview-accent:#7dd3c7;--theme-preview-accent-soft:#66b4cc}.theme-preview-dabberly-mobile{--preview-page:#f7f6f0;--preview-surface:#cfead8;--preview-accent:#48c06f;--theme-preview-page:#f7f6f0;--theme-preview-surface:#cfead8;--theme-preview-accent:#48c06f;--theme-preview-accent-soft:#0f8a82}.page-grid{flex-direction:column;gap:24px;display:flex}.hero-banner,.panel,.metric-card{border:1px solid var(--line);background:var(--panel-bg);border-radius:28px}.hero-banner{background:var(--hero-bg,var(--panel-bg));justify-content:space-between;gap:20px;padding:28px;display:flex;position:relative;overflow:hidden}.metric-card{background:var(--metric-bg,var(--panel-bg));padding:20px}.hero-title{letter-spacing:-.06em;margin-top:10px;font-size:clamp(1.8rem,4vw,3rem);line-height:.98}.hero-copy{max-width:54ch;color:var(--text-muted);margin-top:14px}.hero-orbit{width:220px;min-width:220px;min-height:180px;position:relative}.orbit-core,.orbit-ring{border-radius:999px;position:absolute}.orbit-core{background:var(--glow-core);box-shadow:var(--glow-shadow);inset:56px}.orbit-ring{border:1px solid var(--line-bright)}.orbit-ring-one{inset:24px}.orbit-ring-two{border-style:dashed;inset:0}.metrics-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.metrics-grid-users{grid-template-columns:repeat(3,minmax(0,1fr))}.metric-header{justify-content:space-between;align-items:center;gap:8px;display:flex}.metric-label{color:var(--text-muted);font-size:.95rem}.metric-value{letter-spacing:-.06em;margin-top:18px;font-size:clamp(2rem,4vw,3rem);line-height:.92}.tone-pill{font-size:.76rem}.tone-good{color:var(--mint);background:var(--mint-soft)}.tone-alert{color:var(--warn);background:var(--warn-soft)}.tone-neutral{color:var(--text);background:var(--surface-faint)}.metric-detail{margin-top:14px}.categories-metrics-layout{grid-template-columns:minmax(320px,1fr) minmax(0,1.8fr);align-items:stretch}.categories-metrics-stack{gap:16px;display:grid}.categories-tree-panel-top{min-height:320px}.categories-tree-panel-top .category-tree-scroll{max-height:min(48vh,420px)}.content-grid{grid-template-columns:1.2fr 1.8fr;gap:16px;display:grid}.content-grid-dashboard{grid-template-columns:1.05fr 1.35fr}.panel{padding:22px}.panel-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.panel-title{letter-spacing:-.04em;margin-top:8px;font-size:1.35rem}.watch-list,.activity-list{flex-direction:column;gap:14px;display:flex}.watch-item,.activity-item,.segment-card{border:1px solid var(--line);background:var(--surface-faint);border-radius:20px}.watch-item{justify-content:space-between;align-items:flex-start;gap:16px;padding:16px;display:flex}.watch-label,.activity-title,.segment-name,.user-name,.form-label,.field-label{font-weight:600}.watch-value,.segment-count{letter-spacing:-.05em;font-size:1.6rem;line-height:1}.activity-item{gap:14px;padding:16px;display:flex}.activity-marker{background:var(--brand-gradient);border-radius:999px;width:12px;min-width:12px;height:12px;margin-top:7px}.activity-copy{width:100%}.activity-line{justify-content:space-between;gap:12px;display:flex}.activity-time{color:var(--text-muted);font-size:.85rem}.segment-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.segment-card{padding:16px}.segment-name{margin-top:10px}.segment-note{margin-top:8px;font-size:.94rem}.table-shell{overflow-x:auto}.users-table{border-collapse:collapse;width:100%;min-width:720px}.users-table th,.users-table td{text-align:left;border-top:1px solid var(--line);padding:14px 12px}.users-table th{color:var(--text-muted);font-size:.84rem;font-weight:500}.user-cell{align-items:center;gap:12px;display:flex}.user-cell-button{width:100%;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;padding:0}.users-row-selected td{background:var(--accent-surface)}.users-row-selected td:first-child{box-shadow:inset 3px 0 0 var(--accent-strong);border-top-left-radius:16px;border-bottom-left-radius:16px}.users-row-selected td:last-child{border-top-right-radius:16px;border-bottom-right-radius:16px}.users-current-indicator{border:1px solid var(--line-strong);background:var(--surface-card);opacity:0;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;transition:opacity .18s,border-color .18s,background-color .18s;display:inline-flex}.users-current-indicator:before{content:"";background:0 0;border-radius:999px;width:6px;height:6px}.users-current-indicator-active{border-color:var(--accent-strong);background:var(--accent-soft);opacity:1}.users-current-indicator-active:before{background:var(--accent-strong)}.user-avatar{background:var(--avatar-gradient);width:42px;height:42px;font-family:var(--font-mono);border-radius:14px;place-items:center;font-size:.82rem;display:grid}.user-avatar-image{object-fit:cover;border:1px solid var(--line);border-radius:14px;width:42px;height:42px}.status-pill{padding:7px 10px;font-size:.8rem}.status-good{color:var(--mint);background:var(--mint-soft)}.status-warn{color:var(--warn);background:var(--warn-soft)}.status-muted{color:var(--text-muted);background:var(--surface-faint)}.users-status-stack,.users-phone-stack{flex-direction:column;gap:8px;display:flex}.user-inline-note{color:var(--text-muted);font-size:.82rem}.users-actions{flex-wrap:wrap;gap:8px;display:flex}.users-action-button{min-width:96px;padding:10px 14px}.users-inline-state{padding:18px}.users-panel-footer,.user-activities-stack{margin-top:18px}.record-list,.report-list,.record-detail,.report-detail{flex-direction:column;gap:14px;display:flex}.record-list-scroll,.selection-list-scrollable{overscroll-behavior:contain;max-height:min(62vh,720px);padding-right:6px;overflow-y:auto}.record-card,.report-card{border:1px solid var(--line);background:var(--surface-card);width:100%;color:inherit;text-align:left;border-radius:20px;padding:16px}.record-card-active,.report-card-active{border-color:var(--accent-border);background:var(--accent-surface)}.record-card-header,.report-card-header,.list-pagination,.pagination-row,.record-actions,.report-actions{justify-content:space-between;align-items:center;gap:12px;display:flex}.record-card-title,.report-card-title{font-weight:600}.record-card-copy,.report-card-copy,.record-card-meta,.report-card-meta{margin-top:8px}.record-card-meta,.report-card-meta{color:var(--text-muted);font-size:.82rem}.form-array,.array-list{flex-direction:column;gap:14px;margin-top:18px;display:flex}.form-array-row,.array-row{border:1px solid var(--line);background:var(--surface-card);border-radius:20px;flex-direction:column;gap:12px;padding:16px;display:flex}.form-array-grid,.array-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.loading-state{border:1px dashed var(--line-strong);background:var(--surface-card);color:var(--text-muted);border-radius:28px;padding:40px}.empty-state{border:1px dashed var(--line);background:var(--surface-card);color:var(--text-muted);border-radius:20px;padding:20px}.category-tree-scroll{overscroll-behavior:contain;max-height:min(62vh,760px);padding-right:6px;overflow:auto}.category-tree-canvas{padding:6px 2px}.category-tree-list{margin:0;padding:0;list-style:none}.category-tree-list-root{display:block}.category-tree-list-nested{border-left:1px dashed var(--line-strong);margin-top:4px;margin-left:10px;padding-left:14px}.category-tree-node{margin-bottom:6px;position:relative}.category-tree-node:last-child{margin-bottom:0}.category-tree-node-nested:before{content:"";border-top:1px dashed var(--line-strong);width:14px;position:absolute;top:18px;left:-14px}.category-tree-card{border:1px solid var(--line);background:var(--surface-card);border-radius:12px;flex-direction:column;align-items:stretch;gap:6px;width:min(100%,420px);padding:8px 10px;display:flex}.category-tree-card-active{border-color:var(--accent-border);background:var(--accent-surface);box-shadow:inset 2px 0 0 var(--accent-strong)}.category-tree-card-root{border-color:var(--accent-border);box-shadow:inset 2px 0 0 var(--accent-strong)}.category-tree-card-branch{border-color:var(--line-strong)}.category-tree-card-leaf{border-color:var(--mint-soft)}.panel-action-stack{color:var(--text-muted);align-items:center;gap:12px;font-size:.86rem;display:flex}.copy-tree-button{min-width:auto;padding:4px 8px;font-size:.8rem}.category-tree-select{color:inherit;text-align:left;background:0 0;border:0;flex-direction:column;gap:4px;padding:1px;display:flex}.category-tree-header{justify-content:space-between;align-items:flex-start;gap:8px;width:100%;display:flex}.category-tree-kind{letter-spacing:.05em;text-transform:uppercase;color:var(--text-muted);border:1px solid var(--line);background:var(--surface-faint);border-radius:999px;flex-shrink:0;padding:2px 6px;font-size:.64rem}.category-tree-title{font-size:.86rem;font-weight:600}.category-tree-meta{color:var(--text-muted);font-size:.72rem}.form-search input,.search-field input,.form-field input,.field input,.form-field select,.field select,.form-field textarea,.field textarea{border:1px solid var(--line-strong);width:100%;color:var(--text);background:var(--surface-input);border-radius:16px;padding:13px 14px}.form-search input::placeholder,.search-field input::placeholder,.form-field input::placeholder,.field input::placeholder,.form-field textarea::placeholder,.field textarea::placeholder{color:var(--text-subtle)}.form-search input:focus-visible,.search-field input:focus-visible,.form-field input:focus-visible,.field input:focus-visible,.form-field select:focus-visible,.field select:focus-visible,.form-field textarea:focus-visible,.field textarea:focus-visible{outline:2px solid var(--accent-focus);outline-offset:2px}.form-stack,.settings-grid{gap:16px;display:grid}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.form-field,.field{flex-direction:column;gap:10px;display:flex}.form-select-stack,.stacked-selects{gap:14px;display:grid}.form-field-inline,.field-inline{min-width:150px}.form-field-span-full,.field-span-full{grid-column:1/-1}.form-field select,.field select{appearance:none}.form-field textarea,.field textarea{resize:vertical}.form-textarea,.textarea-field{min-height:180px}.form-textarea-compact,.textarea-field-compact{min-height:120px}.form-error,.field-error{color:var(--danger);font-size:.88rem}.form-summary,.selection-summary{border:1px solid var(--line);background:var(--surface-card);border-radius:20px;margin-top:18px;padding:16px 18px}.form-summary-title,.selection-summary-title{font-weight:600}.form-summary-copy,.selection-summary-copy{color:var(--text-muted);margin-top:8px}.panel-meta-grid,.metadata-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:8px;display:grid}.panel-meta-card,.metadata-card{border:1px solid var(--line);background:var(--surface-card);border-radius:20px;padding:18px}.panel-meta-value,.metadata-value{letter-spacing:-.03em;margin-top:10px;font-size:1.15rem;font-weight:600}.form-toggle,.toggle-field{border:1px solid var(--line);background:var(--surface-card);border-radius:18px;align-items:flex-start;gap:12px;padding:16px;display:flex}.form-toggle input,.toggle-field input{accent-color:var(--accent);margin-top:4px}.form-toggle span,.toggle-field span{display:block}.settings-footer{justify-content:space-between;align-items:center;gap:16px;padding:4px 4px 0;display:flex}.form-actions,.button-row{flex-wrap:wrap;justify-content:flex-end;gap:12px;padding:8px;display:flex}.destructive-button{border-color:var(--danger-border-strong);color:var(--danger-text-soft);background:var(--danger-soft)}.form-image-preview{border:1px solid var(--line);background:var(--surface-card);object-fit:cover;border-radius:14px;width:100%;max-width:180px;max-height:180px}.route-error-shell{place-items:center;min-height:100vh;padding:24px;display:grid}.route-error-card{border:1px solid var(--line);background:var(--auth-card-bg);width:min(100%,640px);box-shadow:var(--shadow);border-radius:28px;padding:28px}.route-error-title{letter-spacing:-.05em;margin-top:10px;font-size:clamp(2rem,4vw,3rem);line-height:.96}.route-error-copy{color:var(--text-muted);margin-top:14px}.route-error-link{text-decoration:none}.auth-shell{background:var(--auth-bg);grid-template-columns:1.1fr .9fr;min-height:100vh;display:grid}.auth-panel{padding:48px}.auth-panel-brand{border-right:1px solid var(--line);flex-direction:column;justify-content:space-between;gap:32px;display:flex}.auth-brand-header{justify-content:space-between;align-items:flex-start;gap:24px;display:flex}.auth-panel-form{background:var(--auth-panel-bg);justify-content:center;align-items:center;display:flex}.auth-title{letter-spacing:-.08em;max-width:12ch;margin-top:14px;font-size:clamp(2.8rem,5vw,5.8rem);line-height:.9}.auth-copy{max-width:48ch;color:var(--text-muted);margin-top:18px;font-size:1.05rem}.auth-meta-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.auth-meta-card,.auth-card{border:1px solid var(--line);background:var(--auth-card-bg);border-radius:28px}.auth-meta-card{padding:18px}.auth-meta-label{color:var(--text-muted);margin-bottom:10px;display:block}.auth-meta-value{font-family:var(--font-mono);font-size:.92rem}.auth-card{width:min(100%,480px);padding:28px}.theme-switcher-auth{min-width:200px}.auth-card-title{letter-spacing:-.05em;margin-top:10px;font-size:2rem}.auth-card-copy{color:var(--text-muted);margin-top:12px}.auth-form{flex-direction:column;gap:18px;margin-top:28px;display:flex}.auth-submit{justify-content:center;width:100%}.auth-error{border:1px solid var(--danger-border);color:var(--danger-text-soft);background:var(--danger-soft-strong);border-radius:18px;padding:14px 16px}@media (width<=1180px){.auth-shell{grid-template-columns:1fr}.app-frame{--sidebar-shell-width:min(320px, calc(100vw - 32px));--layout-gap:12px}.main-panel,.sidebar-collapsed .main-panel{margin-left:0}.sidebar-shell{width:var(--sidebar-shell-width)}.sidebar-reveal{display:inline-flex}.sidebar-collapsed .sidebar-shell{opacity:0;pointer-events:none;transform:translate(calc(-100% - 40px))}.sidebar-collapsed .main-panel{margin-left:0}.segment-grid,.metrics-grid,.metrics-grid-users,.content-grid,.content-grid-dashboard,.form-grid,.panel-meta-grid,.auth-meta-grid,.metadata-grid{grid-template-columns:1fr}.categories-tree-panel-top{grid-column:auto}}@media (width<=760px){.topbar,.page-scroller,.auth-panel,.sidebar{padding-inline:20px}.topbar,.hero-banner,.settings-footer,.auth-panel-brand{flex-direction:column}.topbar{padding-top:20px;padding-left:20px}.hero-orbit{width:100%;min-width:0;min-height:120px}.panel-header{flex-direction:column}.auth-panel-brand{border-right:0;border-bottom:1px solid var(--line)}.auth-brand-header{flex-direction:column}}