:root{color-scheme:light;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--brand-50: #eff6ff;--brand-100: #dbeafe;--brand-200: #bfdbfe;--brand-400: #60a5fa;--brand-500: #3b82f6;--brand-600: #2563eb;--brand-700: #1d4ed8;--brand-800: #1e40af;--brand-900: #1e3a8a;--slate-50: #f8fafc;--slate-100: #f1f5f9;--slate-200: #e2e8f0;--slate-300: #cbd5e1;--slate-400: #94a3b8;--slate-500: #64748b;--slate-600: #475569;--slate-700: #334155;--slate-800: #1e293b;--slate-900: #0f172a;--green-50: #f0fdf4;--green-500: #22c55e;--green-600: #16a34a;--amber-50: #fffbeb;--amber-500: #f59e0b;--red-50: #fef2f2;--red-500: #ef4444;--red-600: #dc2626;--purple-500: #8b5cf6;--purple-600: #7c3aed;--color-bg: #f8fafc;--color-surface: #ffffff;--color-surface-alt: #f1f5f9;--color-border: #e2e8f0;--color-border-strong: #cbd5e1;--color-text: #0f172a;--color-text-secondary: #64748b;--color-text-muted: #94a3b8;--color-primary: #2563eb;--color-primary-hover: #1d4ed8;--color-primary-light: #eff6ff;--shadow-xs: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-sm: 0 1px 3px 0 rgb(0 0 0 / .08), 0 1px 2px -1px rgb(0 0 0 / .06);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .07), 0 2px 4px -2px rgb(0 0 0 / .05);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .08), 0 4px 6px -4px rgb(0 0 0 / .05);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;color:#111827;background:#f8fafc}*{box-sizing:border-box}html{overflow-y:scroll;scrollbar-gutter:stable}body{margin:0;min-width:320px;min-height:100vh}button,input,select{font:inherit}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background:radial-gradient(circle at 20% 30%,rgba(124,58,237,.18) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(37,99,235,.18) 0%,transparent 50%),linear-gradient(135deg,#0f172a,#1e1b4b,#1e3a8a);position:relative}.auth-card{width:100%;max-width:460px;background:#fff;border-radius:20px;box-shadow:0 24px 60px #00000059,0 4px 16px #00000026;padding:32px}.brand-block{margin-bottom:24px}.brand-tag,.eyebrow{display:inline-block;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#4338ca;margin-bottom:8px}.brand-block h1,.page-header h1{margin:0 0 8px;font-size:32px;line-height:1.15}.brand-block p,.subtitle,.dashboard-card p,.dashboard-card li,.sidebar-user,.table-card td,.table-card th{color:#4b5563}.auth-form,.content-stack{display:grid;gap:18px}.form-group{display:grid;gap:8px}.label{display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:700;line-height:1.4;letter-spacing:.01em;color:#0f172a}.input{width:100%;border:1px solid #d1d5db;border-radius:12px;padding:12px 14px;outline:none;background:#fff;transition:border-color .2s ease,box-shadow .2s ease}.input:focus{border-color:#4f46e5;box-shadow:0 0 0 4px #4f46e51f}.input-error{border-color:#dc2626}.error-text{margin:0;font-size:13px;color:#dc2626}.alert-error{border-radius:12px;background:#fef2f2;color:#b91c1c;padding:12px 14px;font-size:14px}.primary-button,.secondary-button,.text-button{border:none;border-radius:12px;padding:12px 16px;font-weight:700;cursor:pointer;transition:transform .15s ease,opacity .15s ease}.secondary-button.btn-sm,.table-action-btn{padding:5px 10px;border-radius:7px;font-size:12px;font-weight:600;border:1px solid #e2e8f0;background:#f8fafc;color:#334155;cursor:pointer;transition:background .12s,border-color .12s;white-space:nowrap}.table-action-btn:hover{background:#e2e8f0;border-color:#cbd5e1}.table-action-btn:disabled{opacity:.5;cursor:not-allowed}.table-action-btn.btn-danger{color:#dc2626;border-color:#fecaca;background:#fef2f2}.table-action-btn.btn-danger:hover{background:#fee2e2}.primary-button{background:#4f46e5;color:#fff}.secondary-button{background:#e5e7eb;color:#111827}.text-button{padding:0;background:transparent;color:#4338ca}.danger-text{color:#dc2626}.primary-button:hover,.secondary-button:hover,.text-button:hover{transform:translateY(-1px)}.primary-button:disabled,.secondary-button:disabled,.text-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.app-shell{min-height:100vh;display:grid;grid-template-columns:280px minmax(0,1fr);background:#f8fafc}.sidebar{position:sticky;top:0;height:100vh;overflow-y:auto;display:flex;flex-direction:column;justify-content:flex-start;gap:20px;padding:20px 14px;background:linear-gradient(180deg,#1e3a8a,#1e40af 55%,#2563eb);color:#ffffffd9;border-right:none;box-shadow:3px 0 20px #00000026}.sidebar-brand-row{display:flex;align-items:center;gap:14px}.sidebar-logo{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:#ffffff26;color:#fff;font-weight:800;font-size:20px;box-shadow:0 4px 16px #00000040;border:1px solid rgba(255,255,255,.2)}.sidebar-eyebrow{margin-bottom:4px}.sidebar-title{margin:0;font-size:24px;color:#fff}.sidebar-description{margin:14px 0 0;color:#ffffff8c;font-size:14px}.sidebar-nav{display:grid;gap:4px;margin-top:20px;align-content:start}.nav-link{position:relative;display:grid;grid-template-columns:40px minmax(0,1fr);align-items:center;gap:12px;min-height:48px;padding:10px 12px;border-radius:12px;color:#ffffffa6;text-decoration:none;background:transparent;border:1px solid transparent;box-shadow:none;box-sizing:border-box;width:100%;transition:background-color .2s ease,border-color .2s ease,color .2s ease,transform .2s ease}.nav-link:hover{background:#ffffff1f;border-color:#ffffff26;color:#fff}.nav-link:before{content:"";position:absolute;left:-8px;top:8px;bottom:8px;width:4px;border-radius:999px;background:transparent}.nav-link-icon{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:#ffffff1a;border:1px solid rgba(255,255,255,.15);color:#ffffffa6;overflow:hidden}.nav-link-label{min-width:0;font-size:13.5px;font-weight:600;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-link-icon svg{width:18px;height:18px}.nav-link-active{color:#fff;background:#ffffff2e;border-color:#ffffff40}.nav-link:focus-visible{outline:2px solid rgba(255,255,255,.7);outline-offset:2px}.sidebar-footer{display:grid;gap:12px;margin-top:auto;padding-top:16px}.sidebar-user-card{padding:14px;border-radius:12px;background:#ffffff1a;border:1px solid rgba(255,255,255,.15)}.sidebar-user-label{margin:0 0 4px;color:#ffffff80;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.sidebar-user{margin:0;color:#ffffffe6;font-weight:600;font-size:13px}.app-main{min-width:0}.top-header{display:flex;justify-content:flex-start;align-items:center;gap:20px;padding:16px 32px;background:#fff;border-bottom:1px solid #e2e8f0;position:sticky;top:0;z-index:10;box-shadow:0 1px 2px #0000000d}.top-header-branding{display:flex;align-items:center;gap:16px}.company-logo-box{width:64px;height:64px;border-radius:18px;border:2px dashed #cbd5e1;background:#f8fafc;display:grid;place-items:center;color:#64748b;font-weight:700}.header-eyebrow{margin-bottom:4px}.top-header-title{margin:0;font-size:28px;line-height:1.1;color:#111827}.top-header-subtitle{margin:6px 0 0;color:#6b7280;font-size:14px}.top-header-meta{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px}.header-chip{padding:10px 14px;border-radius:999px;background:#f8fafc;border:1px solid #e5e7eb;color:#334155;font-size:13px;font-weight:600}.app-content{padding:0;background:#f8fafc;min-width:0}.app-body{display:grid;grid-template-columns:280px minmax(0,1fr);align-items:start;gap:24px;padding:24px 32px 32px}.content-nav-panel{position:sticky;top:112px;align-self:start}.content-nav-card{background:#fff;border:1px solid #e5e7eb;border-radius:20px;box-shadow:0 10px 30px #0f172a0f;padding:18px}.content-nav-eyebrow{margin:0 0 12px;color:#4338ca;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.content-nav-list{display:grid;gap:10px}.content-nav-link:before{left:-18px}.sidebar-info-card{padding:14px;border-radius:16px;background:#ffffffc7;border:1px solid #dbe4f0}.sidebar-description-tight{margin-top:6px}.page-header{display:flex;justify-content:flex-start;gap:16px;align-items:flex-start}.stats-grid,.dashboard-grid,.content-grid{display:grid;gap:20px}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.dashboard-grid,.content-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.dashboard-card{background:#fff;border-radius:14px;padding:24px;box-shadow:0 4px 6px -1px #00000012;border:1px solid #e2e8f0}.dashboard-card h2,.table-card h2{margin-top:0}.dashboard-card ul{padding-left:20px;margin-bottom:0}.stat-card h2{margin:0;font-size:36px}.stat-card p{margin-bottom:0}.form-card,.table-card{align-self:start}.button-row,.table-header-row,.action-row{display:flex;gap:12px;align-items:center}.button-row{flex-wrap:wrap}.table-header-row{justify-content:flex-start;margin-bottom:18px}.search-input{max-width:240px}.tenant-table th,.tenant-table td{text-align:left;padding:14px 12px;border-bottom:1px solid #e5e7eb;vertical-align:middle}.tenant-table th{font-size:13px;font-weight:700;color:#111827}.empty-cell{text-align:center;padding:24px;color:#6b7280}.status-inactive{background:#f3f4f6;color:#374151}@media (max-width: 1120px){.app-shell{grid-template-columns:1fr}.sidebar{position:static;height:auto;overflow:visible;border-right:none;border-bottom:1px solid #dbe4f0}.top-header{padding:18px 20px}}@media (max-width: 640px){.auth-card,.dashboard-card,.app-content{padding:20px}.table-header-row,.page-header,.top-header,.top-header-branding,.top-header-meta{flex-direction:column;align-items:stretch}.company-logo-box{width:56px;height:56px}.search-input{max-width:none}}.module-grid{display:grid;grid-template-columns:minmax(300px,420px) 1fr;gap:20px}.card-header{margin-bottom:16px}.secret-box{padding:14px 16px;border-radius:12px;background:#111827;color:#f9fafb;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;overflow-wrap:anywhere}.checkbox-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.checkbox-card{display:flex;align-items:center;gap:10px;border:1px solid #d1d5db;border-radius:12px;padding:12px 14px;background:#fff}@media (max-width: 1100px){.module-grid{grid-template-columns:1fr}}.module-grid{display:grid;gap:20px;grid-template-columns:minmax(320px,420px) minmax(0,1fr)}.card-header{margin-bottom:18px}.table-header-row{display:flex;justify-content:flex-start;align-items:flex-start;gap:16px;margin-bottom:16px}.search-input{max-width:260px}.tenant-table-wrap{overflow-x:auto}.tenant-table{width:100%;border-collapse:collapse}.tenant-table th,.tenant-table td{padding:14px 12px;border-bottom:1px solid #e5e7eb;text-align:left;vertical-align:top}.tenant-table th{font-size:13px;color:#374151}.empty-cell{text-align:center;color:#6b7280;padding:24px}.table-actions,.button-row{display:flex;gap:12px;flex-wrap:wrap}.status-badge,.role-badge{display:inline-flex;align-items:center;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:700}.status-active{background:#dcfce7;color:#166534}.status-inactive{background:#fee2e2;color:#991b1b}.status-pending{background:#fef3c7;color:#92400e}.role-badge{background:#e0e7ff;color:#3730a3}.secret-card{display:grid;gap:16px}.secret-box{background:#111827;color:#f9fafb;border-radius:14px;padding:16px;overflow-wrap:anywhere;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.checkbox-grid{display:grid;gap:12px}.checkbox-card{display:flex;align-items:center;gap:10px;padding:12px 14px;border:1px solid #d1d5db;border-radius:12px;background:#fff}@media (max-width: 980px){.app-shell{grid-template-columns:1fr}.sidebar{gap:20px}.module-grid,.two-columns,.table-header-row{grid-template-columns:1fr;display:grid}.search-input{max-width:none}.app-content{padding:20px}}textarea{font:inherit}.app-content{padding:32px}.page-header{display:flex;justify-content:flex-start;gap:16px}.subtitle{margin:0}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px}.dashboard-card{background:#fff;border-radius:20px;padding:24px;box-shadow:0 12px 30px #0f172a14}.stat-card h2,.dashboard-card h2{margin-top:0}.form-card{display:grid;gap:16px}.section-heading h2,.section-heading p{margin:0}.section-heading p{color:#4b5563}.inline-grid{display:grid;gap:16px}.two-columns{grid-template-columns:repeat(2,minmax(0,1fr))}.three-columns{grid-template-columns:repeat(3,minmax(0,1fr))}.button-row{display:flex;gap:12px;align-items:center}.wrap-row{flex-wrap:wrap}.table-wrapper{overflow-x:auto}.table-card table{width:100%;border-collapse:collapse}.table-card th,.table-card td{text-align:left;padding:14px 12px;border-bottom:1px solid #e5e7eb;vertical-align:top}.table-primary{font-weight:700;color:#111827}.table-secondary{font-size:13px;color:#6b7280}.table-actions{display:flex;flex-wrap:wrap;gap:10px}.status-badge{display:inline-flex;align-items:center;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:700}.status-draft{background:#e5e7eb;color:#374151}.status-queued{background:#ede9fe;color:#5b21b6}.status-running{background:#dbeafe;color:#1d4ed8}.status-succeeded{background:#dcfce7;color:#166534}.status-failed,.status-cancelled{background:#fee2e2;color:#b91c1c}.toolbar-row{display:flex;gap:12px;align-items:center}.search-input{min-width:220px}.filter-input{min-width:160px}.responsive-heading{display:flex;justify-content:flex-start;gap:16px;align-items:center;margin-bottom:16px}.textarea{min-height:110px;resize:vertical}.code-textarea,.code-block{min-height:360px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;white-space:pre-wrap}.code-block{margin:0;background:#0f172a;color:#e2e8f0;border-radius:16px;padding:18px;overflow-x:auto}.detail-grid{display:grid;gap:12px;margin-bottom:16px}.detail-copy{color:#374151}@media (max-width: 960px){.app-shell{grid-template-columns:1fr}.sidebar{gap:24px}.two-columns,.three-columns,.dashboard-grid,.stats-grid,.responsive-heading{grid-template-columns:1fr}.responsive-heading,.toolbar-row,.page-header,.button-row{display:grid}.app-content{padding:20px}}textarea.input{resize:vertical}.code-area{min-height:320px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.code-box{white-space:pre-wrap}.response-box{min-height:220px}.completion-panel-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:.75rem}.completion-editor-panel{display:flex;flex-direction:column;gap:10px}.code-area-dark{min-height:360px;background:#0b1220;color:#e5eefc;border:1px solid #243145;border-radius:14px}.payload-editor{min-height:520px;background:#050814;color:#e5eefc;border:1px solid #243145;border-radius:14px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace}.payload-editor::placeholder{color:#8fa6c9}.payload-editor:focus{border-color:#60a5fa;box-shadow:0 0 0 4px #60a5fa2e}.code-area-dark{min-height:360px;background:#0b1220;color:#e5eefc;border:1px solid #243145;border-radius:14px;padding:14px 16px;box-shadow:inset 0 1px #ffffff08}.code-area-dark::placeholder{color:#8aa0bf}@media (max-width: 1100px){.completion-panel-grid{grid-template-columns:1fr}}.playground-grid{grid-template-columns:minmax(360px,520px) minmax(0,1fr)}.section-title{margin:0 0 12px;font-size:18px}.workflow-template-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.two-column-grid{grid-template-columns:minmax(0,2fr) minmax(320px,1fr)}.template-card{border:1px solid #dbe2ea}.template-card-active{border-color:#0f172a;box-shadow:0 10px 24px #0f172a14}.template-card-top{display:flex;justify-content:flex-start;align-items:flex-start;gap:1rem;margin-bottom:1rem}.chip-row{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.info-stack{display:grid;gap:.875rem}.info-row{display:flex;justify-content:flex-start;gap:1rem;padding-bottom:.75rem;border-bottom:1px solid #e5e7eb}.nested-card{margin-top:1.25rem;background:#f8fafc}.form-field-full{grid-column:1 / -1}.success-text{color:#166534;font-weight:600}.text-link{color:#0f172a;font-weight:600;text-decoration:none}.text-link:hover{text-decoration:underline}@media (max-width: 960px){.two-column-grid{grid-template-columns:1fr}.template-card-top,.info-row{flex-direction:column}}.info-list{display:grid;gap:14px}.info-item{display:grid;gap:4px;padding:14px 16px;border:1px solid #e5e7eb;border-radius:14px;background:#fff}.number-list{margin:0;padding-left:20px;display:grid;gap:10px}.table-header{display:flex;justify-content:flex-start;gap:16px;align-items:center;margin-bottom:18px}.workflow-list{display:grid;gap:14px}.workflow-item{display:flex;justify-content:flex-start;gap:16px;align-items:center;border:1px solid #e5e7eb;border-radius:16px;background:#fff;padding:18px}.table-title{margin:0 0 4px;font-weight:700;color:#111827}.table-meta{margin:0;color:#6b7280}.status-pill{display:inline-flex;align-items:center;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:700}.status-success{background:#dcfce7;color:#166534}@media (max-width: 960px){.workflow-item,.table-header{display:grid}}.action-card-grid{display:grid;gap:12px}.form-grid{display:grid;gap:16px}.reference-filter-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.table-responsive{overflow-x:auto}.data-table{width:100%;border-collapse:collapse;font-size:13.5px}.data-table th,.data-table td{text-align:left;padding:12px 14px;border-bottom:1px solid #e2e8f0;vertical-align:middle}.data-table th{white-space:nowrap;font-size:12px;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.04em;background:#f8fafc;position:sticky;top:0;z-index:1}.data-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.data-table th.sortable:hover{color:#2563eb}.data-table tbody tr:nth-child(2n){background:#f8fafc}.data-table tbody tr:hover{background:#eff6ff}.data-table tbody tr:last-child td{border-bottom:none}.muted-text{color:#6b7280;font-size:13px}.table-actions,.form-actions,.pagination-controls{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.reference-table-toolbar{margin-bottom:16px}.pagination-button{padding:10px 14px}.pagination-page{min-width:40px;height:40px;border:1px solid #d1d5db;border-radius:10px;background:#fff;color:#334155;font-weight:700;cursor:pointer}.pagination-page-active{border-color:#c7d2fe;background:#e0e7ff;color:#312e81}.metric-value{margin:8px 0;font-size:32px;font-weight:800;color:#111827}.billing-tabs-card{padding:14px 18px}.billing-tabs{display:flex;flex-wrap:wrap;gap:12px}.billing-tab{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:10px 16px;border-radius:999px;border:1px solid #dbe4f0;background:#f8fafc;color:#475569;text-decoration:none;font-weight:700}.billing-tab:hover{color:#1f2937;background:#eef2ff}.billing-tab-active{background:#e0e7ff;border-color:#c7d2fe;color:#3730a3}.btn{display:inline-flex;align-items:center;gap:6px;border:none;border-radius:10px;padding:9px 16px;font-size:13.5px;font-weight:600;cursor:pointer;transition:background .15s ease,box-shadow .15s ease,transform .1s ease;white-space:nowrap}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-primary{background:#2563eb;color:#fff;box-shadow:0 1px 3px #2563eb59}.btn-primary:hover:not(:disabled){background:#1d4ed8;box-shadow:0 4px 8px #2563eb4d}.btn-secondary{background:#f1f5f9;color:#334155;border:1px solid #e2e8f0}.btn-secondary:hover:not(:disabled){background:#e2e8f0}.btn-danger{background:#fef2f2;color:#dc2626;border:1px solid #fecaca}.btn-danger:hover:not(:disabled){background:#fee2e2}.btn-sm{padding:5px 10px;font-size:12px;border-radius:6px}@media (max-width: 1080px){.app-shell{grid-template-columns:260px minmax(0,1fr)}.app-body{grid-template-columns:1fr}.content-nav-panel{position:static}}@media (max-width: 768px){.app-shell{grid-template-columns:1fr}.sidebar{position:static;height:auto}.top-header,.app-body{padding-left:20px;padding-right:20px}}.app-body{display:block}.sidebar-nav-placeholder,.content-nav-panel,.content-nav-card,.content-nav-list,.content-nav-link,.content-nav-eyebrow{display:none!important}.app-content{width:100%}:root{--brand-accent: #0eaed4;--brand-accent-dark: #0b96b6;--brand-accent-soft: #e6f9fd;--brand-accent-soft-strong: #cfeff7;--brand-accent-border: #9ddfed;--brand-page-bg: #f8fafc;--brand-sidebar-bg: linear-gradient(180deg, #1e3a8a 0%, #1e40af 55%, #2563eb 100%);--brand-sidebar-border: transparent;--brand-text-strong: #0f172a}body,.app-shell,.app-content{background:#f8fafc}.auth-card{border:1px solid rgba(14,174,212,.08)}.brand-tag,.eyebrow,.sidebar-eyebrow,.header-eyebrow,.content-nav-eyebrow,.text-button{color:var(--brand-accent)}.input:focus,.textarea:focus,select:focus{border-color:var(--brand-accent);box-shadow:0 0 0 4px #0eaed424}.primary-button{background:var(--brand-accent);color:#fff;box-shadow:0 10px 24px #0eaed438}.primary-button:hover{background:var(--brand-accent-dark)}.secondary-button{background:#fff;color:var(--brand-accent-dark);border:1px solid var(--brand-accent-border)}.secondary-button:hover{background:var(--brand-accent-soft)}.text-button:hover{color:var(--brand-accent-dark)}.sidebar{background:linear-gradient(180deg,#1e3a8a,#1e40af 55%,#2563eb)!important;border-right:none!important;color:#ffffffd9!important}} .sidebar-logo{background:#ffffff2e;border:1px solid rgba(255,255,255,.2);box-shadow:0 4px 16px #0003}.nav-link:hover{background:#ffffff24;border-color:#ffffff2e;color:#fff}.nav-link-active{color:#fff;background:#fff3;border-color:#ffffff4d}.nav-link-active:before{background:#60a5fa}.nav-link-active .nav-link-icon{background:#ffffff40;border-color:#ffffff59;color:#fff}.nav-link:focus-visible{outline:2px solid rgba(255,255,255,.7)}.sidebar-user-card,.sidebar-info-card{background:#ffffff1f;border-color:#ffffff2e}.sidebar-user-label{color:#ffffff80}.sidebar-user{color:#ffffffe6}.sidebar-title{color:#fff}.sidebar-description{color:#ffffff8c}.top-header{background:#fffffff5}.company-logo-box{border-color:var(--brand-accent-border);background:var(--brand-accent-soft);color:var(--brand-accent-dark)}.header-chip{background:var(--brand-accent-soft);border-color:var(--brand-accent-border);color:#0b4c5d}.content-nav-card,.dashboard-card,.table-card,.form-card,.auth-card{border:1px solid rgba(14,174,212,.08)}.status-queued{background:var(--brand-accent-soft);color:#0b4c5d}.role-badge{background:var(--brand-accent-soft);color:var(--brand-accent-dark)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#030712b8;display:flex;align-items:center;justify-content:center;padding:2rem;z-index:1000}.modal-card{width:min(1120px,100%);max-height:90vh;overflow:auto;background:#0f172a;color:#e5e7eb;border:1px solid #334155;border-radius:18px;padding:1.5rem;box-shadow:0 24px 60px #0f172a73}.submit-summary-grid{display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.submit-summary-item{display:grid;gap:.35rem;padding:.85rem 1rem;border-radius:12px;background:#0f172a8c;border:1px solid #334155}.submit-summary-label{font-size:.82rem;color:#94a3b8;text-transform:uppercase;letter-spacing:.04em}.info-banner{border:1px solid #bfdbfe;background:#eff6ff;color:#1e3a8a;border-radius:12px;padding:12px 14px;font-size:14px}.analytics-grid{align-items:stretch}.chart-card{display:grid;gap:14px;min-height:260px}.wide-chart-card{grid-column:1 / -1}.bar-chart-list{display:grid;gap:14px}.bar-chart-row{display:grid;gap:8px}.bar-chart-label{display:flex;justify-content:space-between;gap:12px;font-size:14px;color:#374151}.bar-track{width:100%;height:12px;overflow:hidden;border-radius:999px;background:#e5e7eb}.bar-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,#4f46e5,#06b6d4)}.trend-chart-wrap{display:grid;gap:10px;overflow-x:auto}.trend-chart{width:100%;min-width:520px;height:240px;border-radius:16px;background:linear-gradient(180deg,#f8fafc,#eef2ff);border:1px solid #e5e7eb}.trend-line{fill:none;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.trend-line.submitted,.trend-dot.submitted{stroke:#4f46e5;fill:#4f46e5}.trend-line.completed{stroke:#059669}.trend-line.failed{stroke:#dc2626}.chart-legend{display:flex;flex-wrap:wrap;gap:16px;font-size:13px;color:#4b5563}.page-header{padding:8px 2px 2px}.page-header h1{color:#07172f;letter-spacing:-.04em}.content-stack{gap:22px}.dashboard-card{border:1px solid rgba(148,163,184,.18);box-shadow:0 18px 44px #0f172a12}.dashboard-card:hover{box-shadow:0 22px 54px #0f172a17}.executive-stats-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.professional-stat{min-height:132px;display:flex;flex-direction:column-reverse;justify-content:space-between;gap:18px;padding:22px;overflow:hidden;position:relative}.professional-stat:after{content:"";position:absolute;inset:auto -34px -48px auto;width:120px;height:120px;border-radius:999px;background:radial-gradient(circle,#0eaed42e,#0eaed400)}.professional-stat h2{max-width:100%;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#07172f;font-size:clamp(1.6rem,2.3vw,2.25rem);line-height:1.05;letter-spacing:-.04em}.professional-stat p{margin:0;color:#64748b;font-size:.86rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.scope-stat h2{font-size:clamp(1.25rem,1.7vw,1.7rem);white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.analytics-grid{grid-template-columns:repeat(auto-fit,minmax(360px,1fr))}.chart-card h2{margin:0;color:#07172f;letter-spacing:-.02em}.muted-eyebrow{color:#0891b2;margin-bottom:4px}.chart-title-row{display:flex;justify-content:space-between;align-items:flex-start;gap:18px}.execution-chart-card{background:linear-gradient(180deg,#fff,#f8fbff)}.trend-chip{min-width:138px;display:grid;gap:2px;justify-items:start;border-radius:16px;padding:12px 14px;border:1px solid #e2e8f0;background:#f8fafc}.trend-chip span{font-size:1.1rem}.trend-chip strong{color:#0f172a;font-size:1.2rem}.trend-chip small{color:#64748b;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.trend-chip.up{border-color:#0596693d;background:#ecfdf5}.trend-chip.down{border-color:#dc26263d;background:#fef2f2}.trend-chip.neutral{border-color:#64748b3d;background:#f8fafc}.trend-chart{min-width:680px;height:300px;background:linear-gradient(180deg,#fff,#f1f5f9);border:1px solid #e2e8f0;box-shadow:inset 0 1px #fffc}.chart-grid-line{stroke:#e2e8f0;stroke-width:1}.trend-bar.submitted{fill:#0eaed457}.trend-line.completed,.trend-dot.completed{stroke:#059669;fill:#059669}.trend-line.failed,.trend-dot.failed{stroke:#dc2626;fill:#dc2626}.chart-axis-label{fill:#64748b;font-size:12px;font-weight:700}.chart-legend span{display:inline-flex;align-items:center;gap:8px;font-weight:700}.chart-legend span:before{content:"";width:18px;height:8px;border-radius:999px;background:#94a3b8}.chart-legend .legend-bar:before{background:#0eaed48c}.chart-legend .legend-completed:before{background:#059669}.chart-legend .legend-failed:before{background:#dc2626}.actual-usage-note{justify-self:end;color:#0f172a}.bar-column-chart{height:220px;display:flex;align-items:end;gap:16px;padding:12px 8px 0;border-radius:16px;background:linear-gradient(180deg,#fff,#f8fafc);border:1px solid #e2e8f0;overflow-x:auto}.bar-column-item{min-width:72px;flex:1;height:100%;display:grid;grid-template-rows:26px 1fr 34px;gap:8px;align-items:end;text-align:center}.bar-column-value{color:#0f172a;font-size:.84rem;font-weight:800}.bar-column-track{width:100%;height:100%;display:flex;align-items:end;justify-content:center;border-radius:14px 14px 6px 6px;background:repeating-linear-gradient(0deg,transparent,transparent 31px,rgba(226,232,240,.8) 32px)}.bar-column-fill{width:min(48px,70%);border-radius:12px 12px 5px 5px;background:linear-gradient(180deg,#06b6d4,#4f46e5);box-shadow:0 12px 24px #0ea5e938}.bar-column-label{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#64748b;font-size:.78rem;font-weight:700}@media (max-width: 760px){.chart-title-row{display:grid}.executive-stats-grid{grid-template-columns:1fr}}.session-warning-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:24px;background:#0f172a94;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.session-warning-card{width:min(460px,100%);border-radius:24px;border:1px solid rgba(226,232,240,.9);background:#fff;box-shadow:0 30px 80px #0f172a47;padding:28px}.session-warning-card h2{margin:6px 0 10px;color:#0f172a;font-size:1.45rem}.session-warning-card p{color:#475569;line-height:1.6}.session-warning-card strong{color:#0f172a;font-weight:900}.session-warning-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:22px;flex-wrap:wrap}.alert-info{border-radius:14px;border:1px solid #bfdbfe;background:#eff6ff;color:#1e3a8a;padding:12px 14px;font-weight:700}:root{--brand-page-bg: #f6f8fb;--brand-surface: #ffffff;--brand-border: #e6edf5;--brand-text-strong: #162033;--brand-text-muted: #667085;--brand-primary: #2563eb;--brand-primary-soft: #eaf1ff;--brand-success: #16a34a;--brand-success-soft: #ecfdf3;--brand-warning: #f59e0b;--brand-warning-soft: #fffbeb;--brand-danger: #ef4444;--brand-danger-soft: #fff1f2;--brand-purple-soft: #f3edff}body,.app-shell{background:var(--brand-page-bg)}.sidebar{background:linear-gradient(180deg,#fff,#f3f7fc);border-right-color:var(--brand-border)}.sidebar-logo,.primary-button{background:linear-gradient(135deg,#2563eb,#14b8a6)}.page-header h1,.dashboard-card h2,.table-card h2{color:var(--brand-text-strong)}.dashboard-card{border:1px solid var(--brand-border);border-radius:14px;box-shadow:0 12px 34px #0f172a0f}.compact-executive-grid,.billing-stat-grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px}.compact-executive-grid .professional-stat,.billing-stat-grid .professional-stat{min-height:112px;padding:18px;border-radius:12px}.compact-executive-grid .professional-stat:nth-child(1),.billing-tone-primary{background:linear-gradient(135deg,#f5f0ff,#fff)}.compact-executive-grid .professional-stat:nth-child(2),.billing-tone-blue{background:linear-gradient(135deg,#eff6ff,#fff)}.success-stat,.compact-executive-grid .professional-stat:nth-child(3){background:linear-gradient(135deg,#ecfdf3,#fff)}.danger-stat,.compact-executive-grid .professional-stat:nth-child(4){background:linear-gradient(135deg,#fff1f2,#fff)}.billing-tone-muted{background:linear-gradient(135deg,#f8fafc,#fff)}.professional-stat p{color:var(--brand-text-muted);text-transform:none;letter-spacing:0;font-size:.82rem}.snapshot-analytics-grid,.billing-visual-grid{grid-template-columns:minmax(0,1.35fr) minmax(300px,.8fr);align-items:stretch}.professional-chart-card{padding:18px;gap:12px}.professional-chart-card h2{font-size:1rem;margin:0;letter-spacing:-.01em}.clean-area-chart{width:100%;height:250px;border-radius:12px;background:linear-gradient(180deg,#fff,#f8fbff)}.area-fill{fill:#2563eb29}.area-line{fill:none;stroke:#3b82f6;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.area-dot{fill:#2563eb;stroke:#fff;stroke-width:2}.chart-value-label{fill:#1e3a8a;font-weight:800;font-size:12px}.donut-layout{display:grid;grid-template-columns:180px 1fr;gap:16px;align-items:center}.donut-chart{width:180px;height:180px;transform:rotate(-90deg)}.donut-ring{fill:transparent;stroke:#edf2f7;stroke-width:7}.donut-segment{fill:transparent;stroke-width:7}.donut-total,.donut-caption{transform:rotate(90deg);transform-origin:21px 21px;fill:#162033}.donut-total{font-size:.45rem;font-weight:800}.donut-caption{font-size:.22rem;fill:#667085;font-weight:700}.segment-0{stroke:#2563eb}.segment-1{stroke:#22c55e}.segment-2{stroke:#f59e0b}.segment-3{stroke:#ef4444}.donut-legend,.cost-leaderboard{display:grid;gap:10px}.legend-dot{display:flex;justify-content:space-between;gap:12px;align-items:center;color:#475467;font-weight:700}.legend-dot:before{content:"";width:10px;height:10px;border-radius:999px;background:currentColor}.legend-dot strong{margin-left:auto;color:#162033}.billing-overview-card{padding:18px}.cost-leaderboard{list-style-position:inside;padding:0;margin:0}.cost-leaderboard li{display:grid;grid-template-columns:32px 1fr auto;gap:8px;padding:11px 0;border-bottom:1px solid var(--brand-border);color:#475467}.cost-leaderboard li:before{content:counter(list-item) ".";font-weight:800;color:#667085}.cost-leaderboard li::marker{content:""}.cost-leaderboard strong{color:#162033}.compact-list-grid .chart-card{min-height:230px}@media (max-width: 980px){.snapshot-analytics-grid,.billing-visual-grid,.donut-layout{grid-template-columns:1fr}.donut-chart{justify-self:center}}.pricing-catalog-table{width:max-content;min-width:1900px;table-layout:auto}.pricing-catalog-table th,.pricing-catalog-table td{white-space:nowrap}.pricing-catalog-table .input{min-width:72px}.pricing-catalog-table input[type=date]{min-width:142px}.pricing-catalog-table select.input{min-width:112px}.source-note-column,.source-note-cell{min-width:180px;width:220px}.source-note-input{min-width:180px!important;width:100%}.source-note-text{display:inline-block;max-width:220px;overflow:hidden;text-overflow:ellipsis;vertical-align:middle}.pricing-action-column,.pricing-action-cell{min-width:96px;width:112px}.audit-filter-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-top:16px}.clickable-row{cursor:pointer}.clickable-row:hover{background:#0ea5e90f}.audit-json-block{margin:0;padding:16px;border-radius:14px;background:#0f172a;color:#e2e8f0;overflow-x:auto;font-size:12px;line-height:1.5}[data-theme=dark]{color-scheme:dark;color:#e2e8f0;background:#0f172a}[data-theme=dark] .app-shell{background:#0f172a}[data-theme=dark] .sidebar{background:#1e293b;color:#cbd5e1;border-color:#334155}[data-theme=dark] .sidebar-title{color:#f1f5f9}[data-theme=dark] .sidebar-description,[data-theme=dark] .sidebar-user,[data-theme=dark] .nav-link{color:#94a3b8}[data-theme=dark] .nav-link:hover{background:#334155;color:#e2e8f0;border-color:#475569}[data-theme=dark] .nav-link-active{color:#a5b4fc;background:#1e1b4b40;border-color:#4f46e5}[data-theme=dark] .nav-link-active .nav-link-icon{background:#1e1b4b;border-color:#3730a3;color:#a5b4fc}[data-theme=dark] .nav-link-icon{background:#1e293b;border-color:#334155;color:#64748b}[data-theme=dark] .app-content{background:#0f172a}[data-theme=dark] .page-header h1{color:#f1f5f9}[data-theme=dark] .subtitle,[data-theme=dark] .subtle{color:#94a3b8}[data-theme=dark] .dashboard-card{background:#1e293b;border-color:#334155;color:#cbd5e1}[data-theme=dark] .dashboard-card h2{color:#f1f5f9}[data-theme=dark] .card{background:#1e293b;border-color:#334155}[data-theme=dark] .input,[data-theme=dark] .field-input{background:#0f172a;border-color:#334155;color:#e2e8f0}[data-theme=dark] .input:focus,[data-theme=dark] .field-input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f133}[data-theme=dark] .data-table th{background:#1e293b;color:#94a3b8;border-color:#334155}[data-theme=dark] .data-table td{color:#cbd5e1;border-color:#334155}[data-theme=dark] .data-table tr:hover td{background:#334155}[data-theme=dark] .btn-secondary{background:#334155;color:#e2e8f0;border-color:#475569}[data-theme=dark] .btn-secondary:hover{background:#475569}[data-theme=dark] .auth-page{background:radial-gradient(circle at 20% 30%,rgba(124,58,237,.18) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(37,99,235,.18) 0%,transparent 50%),linear-gradient(135deg,#0f172a,#1e1b4b,#1e3a8a)}.auth-orbit-decoration{position:absolute;right:6%;top:50%;transform:translateY(-50%);width:min(420px,32vw);opacity:.55;pointer-events:none;z-index:0}@media (max-width: 900px){.auth-orbit-decoration{display:none}}.auth-card{position:relative;z-index:1}[data-theme=dark] .auth-card{background:#1e293b;border-color:#334155}[data-theme=dark] .label,[data-theme=dark] .field-label{color:#cbd5e1}[data-theme=dark] .error-banner{background:#450a0a;border-color:#7f1d1d;color:#fca5a5}[data-theme=dark] .code-block,[data-theme=dark] pre{background:#0f172a;border-color:#334155;color:#86efac}[data-theme=dark] .sidebar-footer{border-color:#334155}[data-theme=dark] .secondary-button{background:#334155;color:#e2e8f0;border-color:#475569}[data-theme=dark] .secondary-button:hover{background:#475569}[data-theme=dark] .header-bar{background:#1e293b;border-color:#334155}body{background:#f8fafc}.card,.content-nav-card,.table-card,.billing-tabs-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;box-shadow:0 1px 3px #00000012}.top-header-title{font-size:18px;font-weight:700;color:#0f172a;margin:0}.top-header-subtitle{font-size:13px;color:#64748b;margin:2px 0 0}.page-header h1{font-size:22px;font-weight:700;color:#0f172a;margin:0 0 4px}.field-label,.label{display:block;font-size:12px;font-weight:600;color:#475569;margin-bottom:5px}.error-banner{background:#fef2f2;border:1px solid #fecaca;border-radius:10px;color:#dc2626;padding:12px 16px;font-size:13px;margin-bottom:16px}.success-banner{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:10px;color:#16a34a;padding:12px 16px;font-size:13px;margin-bottom:16px}.sidebar-info-card{background:#ffffff1a;border:1px solid rgba(255,255,255,.15);border-radius:12px;padding:14px}.sidebar-description-tight{color:#ffffff8c;font-size:12px;line-height:1.5}