:root,[data-theme=dark]{--bg-canvas:#09090b;--bg-sidebar:#0f0f13;--bg-card:#131317;--bg-card-hover:#18181f;--bg-subtle:#1a1a22;--bg-input:#111115;--bg-topbar:#0f0f13e0;--border-subtle:#22222b;--border-strong:#32323f;--border-glow:#f59e0b59;--border-focus:#f59e0b;--text-primary:#f4f4f6;--text-secondary:#a1a1aa;--text-muted:#71717a;--brand-gold:#f59e0b;--brand-amber:#d97706;--brand-gold-glow:#f59e0b24;--status-emerald:#10b981;--status-emerald-bg:#10b9811f;--status-emerald-border:#10b98147;--status-rose:#f43f5e;--status-rose-bg:#f43f5e1f;--status-rose-border:#f43f5e47;--status-amber:#f59e0b;--status-amber-bg:#f59e0b1f;--status-amber-border:#f59e0b47;--status-sky:#0ea5e9;--status-sky-bg:#0ea5e91f;--status-sky-border:#0ea5e947;--status-violet:#8b5cf6;--status-violet-bg:#8b5cf61f;--status-violet-border:#8b5cf647;--badge-zinc-bg:#1f1f27;--badge-zinc-color:#a1a1aa;--table-header-bg:#0d0d11;--table-row-border:#181820;--logo-bg-wrapper:#fffffff2;--shadow-sm:0 1px 2px #0000004d;--shadow-card:0 2px 8px #0006, 0 1px 2px #0003;--shadow-elevated:0 12px 28px #0009, 0 4px 10px #0006;--shadow-gold:0 0 24px #f59e0b26;--min-touch-target:44px}[data-theme=light]{--bg-canvas:#f8fafc;--bg-sidebar:#fff;--bg-card:#fff;--bg-card-hover:#f1f5f9;--bg-subtle:#f1f5f9;--bg-input:#fff;--bg-topbar:#ffffffe6;--border-subtle:#e2e8f0;--border-strong:#cbd5e1;--border-glow:#d9770659;--border-focus:#f59e0b;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#64748b;--brand-gold:#d97706;--brand-amber:#b45309;--brand-gold-glow:#d977061f;--status-emerald:#059669;--status-emerald-bg:#10b9811f;--status-emerald-border:#10b9814d;--status-rose:#e11d48;--status-rose-bg:#f43f5e1f;--status-rose-border:#f43f5e4d;--status-amber:#d97706;--status-amber-bg:#f59e0b1f;--status-amber-border:#f59e0b4d;--status-sky:#0284c7;--status-sky-bg:#0ea5e91f;--status-sky-border:#0ea5e94d;--status-violet:#7c3aed;--status-violet-bg:#7c3aed1f;--status-violet-border:#7c3aed4d;--badge-zinc-bg:#e2e8f0;--badge-zinc-color:#334155;--table-header-bg:#f8fafc;--table-row-border:#f1f5f9;--logo-bg-wrapper:transparent;--shadow-sm:0 1px 2px #0000000d;--shadow-card:0 1px 3px #0000000f, 0 1px 2px #0000000a;--shadow-elevated:0 10px 25px -5px #0000001a, 0 8px 10px -6px #0000000f;--shadow-gold:0 0 20px #d977061f;--min-touch-target:44px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{background-color:var(--bg-canvas);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:100%;min-width:320px;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.5;transition:background-color .25s cubic-bezier(.16,1,.3,1),color .25s cubic-bezier(.16,1,.3,1)}a{color:inherit;touch-action:manipulation;text-decoration:none}button,input,select,textarea{touch-action:manipulation;font-family:inherit}code{word-break:break-all;overflow-wrap:break-word;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.88em}.tabular-nums{font-variant-numeric:tabular-nums}.brand-logo-container{background:var(--logo-bg-wrapper);box-shadow:var(--shadow-sm);border-radius:8px;justify-content:center;align-items:center;max-width:100%;padding:4px 8px;transition:all .2s;display:inline-flex}.brand-logo-sidebar{object-fit:contain;width:175px;height:auto;max-height:48px;display:block}.brand-logo-nav{object-fit:contain;width:150px;height:auto;max-height:42px;display:block}.brand-logo-auth{object-fit:contain;width:210px;max-width:100%;height:auto;max-height:60px;display:block}.theme-toggle-btn{background:var(--bg-subtle);border:1px solid var(--border-subtle);min-height:36px;color:var(--text-secondary);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:6px 10px;transition:all .15s;display:inline-flex}.theme-toggle-btn:hover{background:var(--bg-card-hover);color:var(--text-primary);border-color:var(--border-strong)}.saas-shell{width:100%;min-height:100vh;display:flex;position:relative}.saas-sidebar{background-color:var(--bg-sidebar);border-right:1px solid var(--border-subtle);z-index:40;flex-direction:column;flex-shrink:0;width:244px;height:100vh;transition:all .2s;display:flex;position:sticky;top:0}.sidebar-header{border-bottom:1px solid var(--border-subtle);justify-content:flex-start;align-items:center;padding:14px 16px;display:flex}.sidebar-nav{flex-direction:column;flex:1;gap:2px;padding:14px 10px;display:flex;overflow-y:auto}.nav-section-title{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);padding:10px 12px 4px;font-size:10px;font-weight:700}.nav-item{min-height:38px;color:var(--text-secondary);border-radius:8px;align-items:center;gap:10px;padding:8px 12px;font-size:13px;font-weight:500;transition:all .15s cubic-bezier(.16,1,.3,1);display:flex;position:relative}.nav-item:hover{color:var(--text-primary);background-color:var(--bg-card-hover)}.nav-item.active{color:var(--brand-gold);background-color:var(--brand-gold-glow);font-weight:600}.nav-item.active:before{content:"";background-color:var(--brand-gold);border-radius:0 3px 3px 0;width:3px;position:absolute;top:6px;bottom:6px;left:0}.nav-icon{opacity:.85;justify-content:center;width:18px;font-size:15px;display:inline-flex}.sidebar-status-pill{background:var(--bg-subtle);border:1px solid var(--border-subtle);border-radius:8px;margin:10px;padding:8px 12px;font-size:11px}.sidebar-footer{border-top:1px solid var(--border-subtle);background:var(--bg-card);justify-content:space-between;align-items:center;gap:8px;padding:12px 14px;display:flex}.user-profile{align-items:center;gap:8px;min-width:0;display:flex;overflow:hidden}.user-avatar{background:var(--bg-subtle);border:1px solid var(--border-strong);width:28px;height:28px;color:var(--brand-gold);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:flex}.user-info{flex-direction:column;min-width:0;display:flex;overflow:hidden}.user-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:600;overflow:hidden}.user-email{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:10px;overflow:hidden}.saas-main{flex-direction:column;flex:1;width:100%;min-width:0;display:flex}.saas-topbar{border-bottom:1px solid var(--border-subtle);background-color:var(--bg-topbar);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:30;justify-content:space-between;align-items:center;width:100%;height:56px;padding:0 clamp(14px,2vw,24px);transition:background-color .2s,border-color .2s;display:flex;position:sticky;top:0}.saas-content{width:100%;max-width:1400px;min-height:calc(100vh - 56px);margin:0 auto;padding:clamp(14px,2vw,26px)}.mobile-bottom-nav{height:calc(56px + env(safe-area-inset-bottom,0px));padding-bottom:env(safe-area-inset-bottom,0px);background:var(--bg-topbar);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid var(--border-subtle);z-index:50;grid-template-columns:repeat(5,1fr);align-items:center;display:none;position:fixed;bottom:0;left:0;right:0}.mobile-nav-tab{height:100%;min-height:var(--min-touch-target);color:var(--text-secondary);cursor:pointer;background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;gap:2px;font-size:10px;font-weight:500;text-decoration:none;transition:color .15s;display:flex}.mobile-nav-tab.active{color:var(--brand-gold);font-weight:700}.mobile-nav-icon{font-size:16px;line-height:1}.mobile-more-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:60;background:#000000bf;align-items:flex-end;display:flex;position:fixed;inset:0}.mobile-more-drawer{background:var(--bg-card);border-top:1px solid var(--border-strong);width:100%;padding:18px 16px calc(18px + env(safe-area-inset-bottom,0px));border-radius:16px 16px 0 0;animation:.2s cubic-bezier(.16,1,.3,1) slideUp}.mobile-more-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.mobile-more-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.mobile-more-item{background:var(--bg-subtle);border:1px solid var(--border-subtle);color:var(--text-primary);min-height:var(--min-touch-target);border-radius:8px;align-items:center;gap:10px;padding:12px;display:flex}.mobile-more-item.active{border-color:var(--brand-gold);color:var(--brand-gold)}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:clamp(16px,2vw,24px);display:flex}.page-title{letter-spacing:-.02em;color:var(--text-primary);word-break:break-word;font-size:clamp(20px,2.2vw,26px);font-weight:700}.page-description{color:var(--text-secondary);margin-top:4px;font-size:clamp(12px,1.1vw,13px);line-height:1.45}.grid-4{grid-template-columns:repeat(4,1fr);gap:clamp(10px,1.5vw,16px);margin-bottom:clamp(16px,2vw,24px);display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:clamp(10px,1.5vw,16px);margin-bottom:clamp(16px,2vw,24px);display:grid}.grid-2{grid-template-columns:repeat(2,1fr);gap:clamp(12px,2vw,20px);margin-bottom:clamp(16px,2vw,24px);display:grid}.card{background:var(--bg-card);border:1px solid var(--border-subtle);box-shadow:var(--shadow-card);overflow-wrap:break-word;border-radius:12px;min-width:0;padding:clamp(14px,1.8vw,20px);transition:border-color .15s,background-color .2s,transform .15s,box-shadow .15s;position:relative}.card:hover{border-color:var(--border-strong)}.card-interactive:hover{border-color:var(--border-glow);box-shadow:var(--shadow-elevated);transform:translateY(-2px)}.card-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px;font-size:11px;font-weight:600}.card-value{letter-spacing:-.02em;color:var(--text-primary);word-break:break-word;font-size:clamp(20px,2vw,26px);font-weight:700}.card-subtext{color:var(--text-muted);margin-top:4px;font-size:12px;line-height:1.4}.priority-high-stripe{border-left:3px solid var(--status-emerald)!important}.priority-medium-stripe{border-left:3px solid var(--status-amber)!important}.priority-low-stripe{border-left:3px solid var(--text-muted)!important}.badge{letter-spacing:.02em;white-space:nowrap;border-radius:6px;align-items:center;gap:5px;max-width:100%;padding:3px 8px;font-size:11px;font-weight:600;display:inline-flex}.badge-emerald{background:var(--status-emerald-bg);color:var(--status-emerald);border:1px solid var(--status-emerald-border)}.badge-rose{background:var(--status-rose-bg);color:var(--status-rose);border:1px solid var(--status-rose-border)}.badge-amber{background:var(--status-amber-bg);color:var(--status-amber);border:1px solid var(--status-amber-border)}.badge-sky{background:var(--status-sky-bg);color:var(--status-sky);border:1px solid var(--status-sky-border)}.badge-violet{background:var(--status-violet-bg);color:var(--status-violet);border:1px solid var(--status-violet-border)}.badge-zinc{background:var(--badge-zinc-bg);color:var(--badge-zinc-color);border:1px solid var(--border-subtle)}.table-container{-webkit-overflow-scrolling:touch;border:1px solid var(--border-subtle);background:var(--bg-card);border-radius:12px;width:100%;max-width:100%;overflow-x:auto}table{border-collapse:collapse;text-align:left;width:100%;min-width:600px;font-size:13px}th{background:var(--table-header-bg);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border-subtle);white-space:nowrap;padding:10px 14px;font-size:11px;font-weight:600}td{border-bottom:1px solid var(--table-row-border);color:var(--text-primary);padding:11px 14px;transition:background-color .1s}tr:hover td{background:var(--bg-card-hover)}.btn{cursor:pointer;white-space:nowrap;border:none;border-radius:8px;outline:none;justify-content:center;align-items:center;gap:8px;min-height:38px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .15s cubic-bezier(.16,1,.3,1);display:inline-flex}.btn:active{transform:scale(.98)}.btn-primary{color:#000;background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 1px 6px #f59e0b33}.btn-primary:hover{background:linear-gradient(135deg,#fbbf24,#f59e0b);box-shadow:0 2px 10px #f59e0b4d}.btn-secondary{background:var(--bg-subtle);color:var(--text-primary);border:1px solid var(--border-subtle)}.btn-secondary:hover{background:var(--bg-card-hover);border-color:var(--border-strong)}.btn-ghost{color:var(--text-secondary);background:0 0}.btn-ghost:hover{color:var(--text-primary);background:var(--bg-card-hover)}.btn-sm{min-height:30px;padding:4px 10px;font-size:12px}.form-group{width:100%;margin-bottom:14px}.form-label{color:var(--text-secondary);margin-bottom:5px;font-size:12px;font-weight:600;display:block}.form-control{background:var(--bg-input);border:1px solid var(--border-subtle);width:100%;min-width:0;min-height:38px;color:var(--text-primary);border-radius:8px;outline:none;padding:9px 12px;font-size:13px;transition:border-color .15s,background-color .2s,box-shadow .15s}.form-control:focus{border-color:var(--brand-gold);box-shadow:0 0 0 3px #f59e0b26}.filter-bar{flex-wrap:wrap;align-items:center;gap:10px;width:100%;margin-bottom:14px;display:flex}.progress-bar-bg{background:var(--bg-subtle);border-radius:3px;width:100%;height:6px;margin-top:6px;overflow:hidden}.progress-bar-fill{border-radius:3px;height:100%;transition:width .4s cubic-bezier(.16,1,.3,1)}.skeleton{background:linear-gradient(90deg, var(--bg-subtle) 25%, var(--bg-card-hover) 37%, var(--bg-subtle) 63%);background-size:400% 100%;border-radius:6px;animation:1.4s infinite shimmer}.skeleton-text{border-radius:4px;height:14px;margin-bottom:6px}.skeleton-title{border-radius:6px;height:22px;margin-bottom:10px}.skeleton-card{border-radius:12px;min-height:120px}.marketing-nav{border-bottom:1px solid var(--border-subtle);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;width:100%;max-width:1200px;margin:0 auto;padding:14px clamp(16px,3vw,32px);display:flex}.marketing-hero{text-align:center;width:100%;max-width:1040px;margin:clamp(36px,7vh,64px) auto 36px;padding:0 clamp(16px,3vw,24px)}.hero-pill{background:var(--brand-gold-glow);border:1px solid var(--status-amber-border);color:var(--brand-gold);border-radius:30px;align-items:center;gap:8px;max-width:100%;margin-bottom:18px;padding:4px 12px;font-size:12px;font-weight:600;display:inline-flex}.hero-title{letter-spacing:-.03em;color:var(--text-primary);word-break:break-word;margin-bottom:16px;font-size:clamp(28px,5vw,50px);font-weight:800;line-height:1.15}.hero-description{color:var(--text-secondary);max-width:680px;margin:0 auto 28px;font-size:clamp(14px,1.6vw,17px);line-height:1.6}.hero-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;margin-bottom:40px;display:flex}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:100%}to{background-position:0}}@keyframes pulseLive{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.85)}}.animate-fade-in{animation:.3s cubic-bezier(.16,1,.3,1) forwards fadeIn}.pulse-dot{background:var(--status-emerald);border-radius:50%;width:7px;height:7px;animation:2s ease-in-out infinite pulseLive;display:inline-block}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (min-width:1536px){.saas-content{max-width:1480px}}@media (min-width:1920px){.saas-content{max-width:1620px}}@media (max-width:1023px){.saas-sidebar{width:216px}.grid-4{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:1fr}}@media (max-width:767px){.saas-shell{flex-direction:column}.saas-sidebar{display:none}.saas-topbar{height:52px;padding:0 14px}.saas-content{padding:14px 14px 88px}.mobile-bottom-nav{display:grid}.grid-4,.grid-3,.grid-2{grid-template-columns:1fr}.page-header{flex-direction:column;align-items:stretch}.marketing-nav nav{gap:10px}}@media (max-width:479px){.btn{min-height:var(--min-touch-target)}.btn-sm{min-height:34px}.form-control{min-height:var(--min-touch-target)}.filter-bar>div{width:100%!important}.hero-actions{flex-direction:column;width:100%}.hero-actions>a{text-align:center;width:100%}}