@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@500;600&family=Manrope:wght@400;500;600;700;800&family=Outfit:wght@500;600;700;800&display=swap";:root,.light{--font-title: "Outfit", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-sans: "Manrope", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "SFMono-Regular", Consolas, "Liberation Mono", monospace;--vabu-coral: #ff6f61;--vabu-coral-light: #ff8a80;--vabu-coral-dark: #e45f53;--vabu-coral-soft: rgba(255, 111, 97, .1);--vabu-purple: #8e44ad;--vabu-purple-light: #a659c4;--vabu-purple-soft: rgba(142, 68, 173, .1);--vabu-gold: #ffd700;--vabu-success: #22c55e;--vabu-warning: #f59e0b;--vabu-error: #ef4444;--vabu-info: #3b82f6;--bg-base: #f5f5f7;--bg-surface: #ffffff;--bg-elevated: #ffffff;--bg-sidebar: #fbfbfd;--bg-hover: rgba(0, 0, 0, .03);--bg-active: rgba(0, 0, 0, .06);--bg-muted: #f5f5f7;--border-default: rgba(29, 29, 31, .14);--border-subtle: rgba(29, 29, 31, .08);--border-strong: rgba(29, 29, 31, .22);--border-focus: var(--vabu-coral);--text-primary: #1d1d1f;--text-secondary: #3d3d3f;--text-muted: #6e6e73;--text-subtle: #86868b;--text-placeholder: #aeaeb2;--text-success: #16a34a;--text-warning: #ca8a04;--text-error: #dc2626;--text-info: #2563eb;--accent-bg: rgba(255, 111, 97, .06);--accent-bg-strong: rgba(255, 111, 97, .12);--accent-text: #df5d52;--shadow-card: 0 0 0 1px rgba(29, 29, 31, .05), 0 1px 2px rgba(0, 0, 0, .04);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .08);--radius-xs: 4px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--duration-fast: .12s;--duration-normal: .18s;--ease-out: cubic-bezier(.16, 1, .3, 1);color:var(--text-primary);background:var(--bg-base);color-scheme:light;font-family:var(--font-sans);font-feature-settings:"cv02","cv03","cv04","cv11";font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;overflow-x:hidden;background:var(--bg-base);color:var(--text-primary);font-size:14px;line-height:1.5}button,input,textarea{font:inherit}button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-clip:padding-box}h1,h2,h3,p{margin:0}h1,h2,h3{color:var(--text-primary);font-family:var(--font-title);font-weight:600;letter-spacing:0}.app-shell{width:100%;min-height:100vh;overflow-x:hidden;background:var(--bg-base)}.brand-row,.auth-card-brand{display:flex;gap:10px;align-items:center;color:var(--text-primary);font-weight:600}.brand-logo{display:block;width:31px;height:31px;object-fit:contain}.eyebrow{color:var(--text-muted);font-size:.72rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.auth-layout{min-height:100vh;background:var(--bg-base)}.auth-panel{display:grid;grid-template-columns:minmax(280px,1fr) minmax(320px,420px);gap:48px;align-items:center;width:min(1080px,calc(100vw - 40px));min-height:100vh;margin:0 auto;padding:48px 0}.auth-intro{display:grid;gap:16px}.auth-intro h1{max-width:600px;font-size:2.1rem;line-height:1.08}.auth-intro>p{max-width:560px;color:var(--text-muted);font-size:1rem}.auth-feature-list{display:grid;gap:12px;margin-top:18px}.auth-feature-card{display:grid;grid-template-columns:34px minmax(0,1fr);gap:12px;border:1px solid var(--border-default);border-radius:var(--radius-md);padding:14px 16px;background:var(--bg-elevated);box-shadow:var(--shadow-card)}.auth-feature-card>span{color:var(--accent-text);font-size:.72rem;font-weight:700}.auth-feature-card h3{font-size:.9rem}.auth-feature-card p{margin-top:2px;color:var(--text-muted);font-size:.78rem}.auth-card{overflow:hidden;border:1px solid var(--border-default);border-radius:var(--radius-lg);background:var(--bg-elevated);box-shadow:var(--shadow-lg)}.auth-card-body{padding:28px}.auth-card-brand{margin-bottom:28px}.auth-card-brand span{color:var(--text-muted);font-size:.78rem;font-weight:600}.auth-card-footer{border-top:1px solid var(--border-default);padding:12px 28px;background:var(--bg-muted);color:var(--text-subtle);font-size:.78rem;text-align:center}.auth-state,.auth-form{display:grid;gap:12px}.auth-state{min-height:220px;align-content:center;justify-items:center;color:var(--text-muted);text-align:center}.auth-form h2,.auth-state h2{font-size:1.25rem}.auth-form p,.auth-state p{color:var(--text-muted);font-size:.88rem}.auth-form label{color:var(--text-secondary);font-size:.82rem;font-weight:600}.input-base{width:100%;min-height:42px;border:1px solid var(--border-default);border-radius:var(--radius-md);padding:0 12px;color:var(--text-primary);background:var(--bg-surface);outline:none;transition:border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}.input-base::placeholder{color:var(--text-placeholder)}.input-base:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px #ff6f612e}.otp-input-group{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.otp-digit-input{width:100%;min-width:0;aspect-ratio:1;border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--bg-surface);color:var(--text-primary);font-family:var(--font-mono);font-size:1.08rem;font-weight:700;text-align:center;transition:border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out),background var(--duration-fast) var(--ease-out)}.otp-digit-input:focus{outline:none;border-color:var(--border-focus);box-shadow:0 0 0 3px #ff6f612e}.otp-digit-input:disabled{cursor:wait;opacity:.7}.form-error,.state-line.danger{color:var(--text-error)}.primary-action,.icon-button,.tab-button,.text-button,.user-button,.dropdown-item{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;border:1px solid var(--border-default);border-radius:var(--radius-md);background-clip:padding-box;cursor:pointer;font-weight:600;transition:background var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out)}.primary-action{border-color:var(--vabu-coral);padding:0 14px;color:#fff;background:var(--vabu-coral);box-shadow:none}.primary-action:hover:not(:disabled){border-color:var(--vabu-coral-dark);background:var(--vabu-coral-dark)}.primary-action:focus-visible,.icon-button:focus-visible,.tab-button:focus-visible,.text-button:focus-visible,.user-button:focus-visible,.dropdown-item:focus-visible,.input-base:focus{outline:none;border-color:var(--border-focus);box-shadow:0 0 0 3px #ff6f612e}.primary-action:active:not(:disabled),.icon-button:active:not(:disabled),.tab-button:active:not(:disabled){transform:scale(.98)}.icon-button{padding:0 12px;color:var(--text-primary);background:var(--bg-surface);box-shadow:none;white-space:nowrap}.compact-button{min-height:32px;padding:0 9px;font-size:.78rem}.icon-button:hover:not(:disabled),.user-button:hover,.dropdown-item:hover,.text-button:hover:not(:disabled){border-color:var(--border-strong);background:var(--bg-hover)}.text-button{min-height:32px;padding:0 8px;color:var(--accent-text);background:transparent}.primary-action:disabled,.icon-button:disabled,.text-button:disabled{cursor:not-allowed;opacity:.45}.auth-secondary-actions{display:flex;flex-wrap:wrap;gap:12px}.auth-state-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;width:100%}.dashboard{display:grid;grid-template-columns:256px minmax(0,1fr);width:100%;min-height:100vh;min-width:0}.sidebar{position:sticky;top:0;display:flex;flex-direction:column;height:100vh;border-right:1px solid var(--border-default);background:var(--bg-sidebar)}.sidebar-header{display:flex;align-items:center;height:52px;border-bottom:1px solid var(--border-default);padding:0 16px}.tabs{display:flex;flex:1;flex-direction:column;gap:4px;overflow-y:auto;padding:12px}.tab-button{justify-content:flex-start;width:100%;min-height:40px;padding:0 12px;color:var(--text-secondary);background:transparent;font-size:.9rem}.tab-button.active{border-color:#ff6f6159;color:var(--accent-text);background:var(--accent-bg)}.tab-button:hover:not(.active){border-color:var(--border-default);background:var(--bg-hover)}.sidebar-footer{display:grid;gap:10px;border-top:1px solid var(--border-default);padding:12px}.sidebar-status{display:flex;gap:6px;align-items:center;color:var(--text-muted);font-size:.75rem}.sidebar-status-dot{width:6px;height:6px;border-radius:50%;background:var(--vabu-success)}.sidebar-user{display:grid;grid-template-columns:28px minmax(0,1fr);gap:9px;align-items:center}.sidebar-user strong,.dropdown-heading strong{display:block;overflow:hidden;color:var(--text-primary);font-size:.84rem;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.sidebar-user span,.dropdown-heading span{display:block;overflow:hidden;color:var(--text-muted);font-size:.72rem;text-overflow:ellipsis;white-space:nowrap}.avatar{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;flex:0 0 auto;border-radius:var(--radius-md);color:#fff;background:linear-gradient(135deg,var(--vabu-coral),var(--vabu-purple));font-size:.72rem;font-weight:700}.avatar.compact{width:26px;height:26px}.workspace{min-width:0;overflow-x:hidden}.header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;height:52px;border-bottom:1px solid var(--border-default);padding:0 24px;background:var(--bg-surface)}.header h1{font-size:1.18rem;line-height:1.1}.topbar-actions{display:flex;gap:10px;align-items:center}.user-menu{position:relative}.user-button{padding:0 8px;color:var(--text-primary);background:var(--bg-surface)}.dropdown-menu{position:absolute;top:calc(100% + 8px);right:0;z-index:30;width:240px;overflow:hidden;border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--bg-elevated);box-shadow:var(--shadow-lg)}.dropdown-heading{border-bottom:1px solid var(--border-default);padding:10px 12px}.dropdown-item{justify-content:flex-start;width:100%;min-height:38px;border:0;border-radius:0;padding:0 12px;color:var(--text-error);background:transparent;font-size:.84rem}.workspace-content{display:grid;gap:16px;padding:20px}.metrics-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.metric-card{display:grid;gap:4px;min-height:118px;border:1px solid var(--border-default);border-radius:var(--radius-md);padding:14px;background:var(--bg-elevated);box-shadow:var(--shadow-card)}.metric-card span{color:var(--text-muted);font-size:.72rem;font-weight:700;text-transform:uppercase}.metric-card strong{color:var(--text-primary);font-family:var(--font-title);font-size:2rem;font-weight:700;line-height:1}.metric-card p{color:var(--text-muted);font-size:.8rem}.metric-card.good{border-color:#22c55e3d}.metric-card.warn{border-color:#f59e0b4d}.metric-card.danger{border-color:#ef444447}.panel,.case-card{border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--bg-elevated);box-shadow:var(--shadow-card)}.panel{align-self:start;min-width:0;overflow:hidden}.panel-heading{display:flex;justify-content:space-between;gap:12px;align-items:center;border-bottom:1px solid var(--border-default);padding:14px 16px}.panel-heading h2{font-size:.98rem}.panel-heading span{color:var(--text-muted);font-size:.82rem}.state-line{display:flex;gap:10px;align-items:center;min-height:132px;padding:24px;color:var(--text-muted)}.table-wrap{overflow-x:auto}table{width:100%;max-width:100%;min-width:880px;border-collapse:collapse}th,td{border-bottom:1px solid var(--border-default);padding:12px 16px;text-align:left;vertical-align:middle;font-size:.82rem}th{color:var(--text-muted);font-size:.68rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}tbody tr:hover{background:var(--bg-hover)}.mono{font-family:var(--font-mono);font-size:.78rem}.clip{max-width:280px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.action-stack{display:inline-flex;flex-wrap:wrap;gap:8px}.pill{display:inline-flex;align-items:center;min-height:22px;border:1px solid transparent;border-radius:var(--radius-sm);padding:0 8px;font-size:.72rem;font-weight:600;white-space:nowrap}.pill.good{border-color:#22c55e40;color:var(--text-success);background:#22c55e1f}.pill.warn{border-color:#f59e0b47;color:var(--text-warning);background:#f59e0b24}.pill.danger{border-color:#ef444440;color:var(--text-error);background:#ef44441f}.pill.neutral{border-color:var(--border-default);color:var(--text-secondary);background:var(--bg-active)}.route-reason{display:block;margin-top:4px;color:var(--text-muted);font-size:.76rem}.case-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px;padding:14px}.case-card{display:grid;gap:10px;min-height:140px;padding:14px}.detail-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#0000003d}.detail-drawer{position:fixed;top:0;right:0;z-index:60;display:grid;grid-template-rows:auto minmax(0,1fr);width:min(640px,calc(100vw - 28px));height:100vh;border-left:1px solid var(--border-default);background:var(--bg-elevated);box-shadow:var(--shadow-lg)}.detail-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;border-bottom:1px solid var(--border-default);padding:18px}.detail-header h2{margin-top:3px;font-size:1.08rem;overflow-wrap:anywhere}.detail-header p:last-child{margin-top:4px;color:var(--text-muted);font-size:.82rem}.detail-body{display:grid;gap:14px;overflow-y:auto;padding:14px}.detail-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.detail-summary>div,.detail-section{border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--bg-surface)}.detail-summary>div{display:grid;gap:4px;min-height:82px;align-content:center;padding:12px}.detail-summary span,.detail-section-heading span,.detail-row span,.detail-row small,.detail-empty,.detail-list dt{color:var(--text-muted);font-size:.76rem}.detail-summary strong,.detail-row strong{overflow-wrap:anywhere;color:var(--text-primary);font-size:.86rem}.detail-section{display:grid;gap:0;overflow:hidden}.detail-section.two-column{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-section.two-column>div+div{border-left:1px solid var(--border-default)}.detail-section-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid var(--border-default);padding:11px 12px}.detail-section-heading h3{font-size:.9rem}.detail-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;margin:0}.detail-list>div{display:grid;gap:3px;border-bottom:1px solid var(--border-subtle);padding:11px 12px}.detail-list>div:nth-last-child(-n+2){border-bottom:0}.detail-list dd{margin:0;overflow-wrap:anywhere;color:var(--text-primary);font-size:.84rem}.detail-row{display:grid;gap:7px;border-bottom:1px solid var(--border-subtle);padding:12px}.detail-row:last-child{border-bottom:0}.detail-row>div{display:flex;justify-content:space-between;gap:12px}.detail-row.muted{background:var(--bg-muted)}.detail-empty{padding:12px}.spinning{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:860px){.auth-panel{grid-template-columns:1fr;gap:24px;align-content:center}.auth-intro{display:none}.dashboard{grid-template-columns:1fr}.sidebar{position:static;height:auto;border-right:0;border-bottom:1px solid var(--border-default)}.sidebar-header,.sidebar-footer{display:none}.tabs{position:sticky;top:0;z-index:30;flex-direction:row;overflow-x:auto;gap:8px;padding:8px 12px}.tab-button{width:auto;flex:0 0 auto;min-height:36px;white-space:nowrap}.header{position:static;align-items:flex-start;flex-direction:column;height:auto;gap:10px;padding:12px}.topbar-actions{width:100%;justify-content:space-between}.user-button{max-width:min(58vw,320px)}.user-button>span:not(.avatar){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.workspace-content{padding:12px}.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.metrics-grid{grid-template-columns:1fr}.table-wrap{overflow-x:hidden}table,tbody,tr,td{display:block;width:100%}table{min-width:0}thead{display:none}tbody tr{min-width:0;border-bottom:1px solid var(--border-default);padding:12px 14px}tbody tr:last-child{border-bottom:0}tbody tr:hover{background:transparent}td{display:grid;grid-template-columns:1fr;gap:4px;align-items:start;min-width:0;border-bottom:0;padding:8px 0;font-size:.82rem;overflow-wrap:anywhere}td:before{content:attr(data-label);color:var(--text-muted);font-size:.68rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}td.mono,td.clip{max-width:none;overflow-wrap:anywhere;white-space:normal}td .pill,td .compact-button,td .action-stack{justify-self:start}.action-stack{width:100%}.action-stack .compact-button{flex:1 1 118px;min-width:0}.detail-drawer{top:auto;bottom:0;width:100vw;height:min(86vh,760px);border-top:1px solid var(--border-default);border-left:0;border-radius:var(--radius-lg) var(--radius-lg) 0 0}.detail-summary,.detail-section.two-column,.detail-list{grid-template-columns:1fr}.detail-section.two-column>div+div{border-top:1px solid var(--border-default);border-left:0}.detail-list>div:nth-last-child(-n+2){border-bottom:1px solid var(--border-subtle)}.detail-list>div:last-child{border-bottom:0}}