:root{color-scheme:light;--bg-base: #fafbfc;--bg-surface: #ffffff;--bg-elevated: #f3f4f6;--border: #e5e7eb;--text-primary: #111827;--text-secondary: #6b7280;--text-muted: #9ca3af;--shadow: rgba(0, 0, 0, .06);--accent: #3b82f6;--accent-soft: rgba(59, 130, 246, .12);--accent-green: #10b981;--accent-amber: #f59e0b;--accent-red: #ef4444;--sidebar-bg: #1e1b4b;--sidebar-text: #a5b4fc;--sidebar-text-strong: #e0e7ff;--sidebar-border: rgba(129, 140, 248, .18);--sidebar-hover: rgba(129, 140, 248, .12);--sidebar-active: rgba(129, 140, 248, .22);--sidebar-brand: #818cf8;--radius: 10px;--radius-sm: 6px;--font-sans: "DM Sans", system-ui, sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, monospace;font-family:var(--font-sans);line-height:1.5;color:var(--text-primary);background:var(--bg-base);-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0}a{color:var(--accent);text-decoration:none}a:hover{color:#2563eb}button,input,select,textarea{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible,textarea:focus-visible,.nav-item:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.app-shell{display:flex;min-height:100vh;height:100vh;overflow:hidden}.sidebar{width:220px;background:var(--sidebar-bg);box-shadow:2px 0 12px #0000002e;display:flex;flex-direction:column;flex-shrink:0;transition:width .2s ease;overflow:hidden;z-index:40}.sidebar.collapsed{width:52px}.sidebar-logo{padding:14px 12px;border-bottom:1px solid var(--sidebar-border);display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:64px}.sidebar.collapsed .sidebar-logo{justify-content:center;padding:14px 0}.sidebar-logo-brand{display:flex;flex-direction:column;gap:4px;overflow:hidden;min-width:0;text-decoration:none;color:inherit}.sidebar.collapsed .sidebar-logo-brand{display:none}.sidebar-logo-img{height:22px;width:auto;object-fit:contain;filter:brightness(0) invert(1)}.sidebar-brand-dealers{font-size:.5rem;font-weight:700;color:var(--sidebar-brand);letter-spacing:.18em;text-transform:uppercase;white-space:nowrap}.sidebar-toggle{flex-shrink:0;background:transparent;color:#a5b4fc8c;border:1px solid rgba(129,140,248,.22);border-radius:var(--radius-sm);padding:7px;line-height:1}.sidebar-toggle:hover{background:#818cf824;color:var(--sidebar-text-strong)}.sidebar-nav{flex:1;padding:12px 8px;display:flex;flex-direction:column;gap:2px;overflow-y:auto}.nav-item{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:7px;cursor:pointer;color:var(--sidebar-text);font-size:.875rem;font-weight:500;text-decoration:none;border:0;background:transparent;width:100%;text-align:left;transition:background .1s,color .1s;white-space:nowrap;overflow:hidden}.nav-item:hover{background:var(--sidebar-hover);color:var(--sidebar-text-strong)}.nav-item.active{background:var(--sidebar-active);color:var(--sidebar-text-strong)}.nav-item svg{flex-shrink:0;width:16px;height:16px;opacity:.9}.nav-label{transition:opacity .15s}.sidebar.collapsed .nav-label{opacity:0;pointer-events:none;width:0}.sidebar-footer{padding:10px 8px;border-top:1px solid var(--sidebar-border);display:flex;flex-direction:column;gap:4px}.sidebar-user{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:8px}.sidebar-user-avatar{width:30px;height:30px;border-radius:50%;background:var(--accent);display:flex;align-items:center;justify-content:center;font-size:.6875rem;font-weight:700;color:#fff;flex-shrink:0}.sidebar-user-info{overflow:hidden}.sidebar-user-email{display:block;font-size:.75rem;color:#a5b4fccc;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:140px}.sidebar-user-role{display:block;font-size:.625rem;color:var(--sidebar-brand);text-transform:uppercase;letter-spacing:.06em;font-weight:700}.sidebar.collapsed .sidebar-user-info{display:none}.sidebar.collapsed .sidebar-user{justify-content:center}.app-column{display:flex;flex-direction:column;flex:1;min-width:0;overflow:hidden}.app-topbar{height:52px;background:var(--bg-surface);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:0 20px;flex-shrink:0}.app-topbar__title{font-size:.9375rem;font-weight:600;color:var(--text-primary);letter-spacing:-.01em}.app-main{flex:1;overflow-y:auto;overflow-x:hidden;background:var(--bg-base);padding:24px;width:100%;max-width:none;margin:0;animation:page-enter .18s ease-out}@keyframes page-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.app-main,.login-card-wrap{animation:none}}@media(max-width:860px){.sidebar{position:fixed;left:0;top:0;bottom:0}.sidebar.collapsed{width:0;box-shadow:none}}.card{background:var(--bg-surface);border-radius:var(--radius);padding:1.25rem;border:1px solid var(--border)}.page-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem;flex-wrap:wrap}.page-header h1{margin:.25rem 0;letter-spacing:-.02em}.search-form{display:flex;gap:.5rem}.search-form input{min-width:220px;padding:.5rem .75rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-elevated)}.login-page{--bg-base: #0d0f1a;--bg-surface: #151827;--bg-elevated: #1e2235;--border: #2a2f47;--text-primary: #f0f0f5;--text-secondary: #8890aa;--text-muted: #4a5068;--shadow: rgba(0, 0, 0, .5);min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;position:relative;overflow:hidden;background:var(--bg-base);color:var(--text-primary)}.login-page:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 25% 35%,rgba(99,102,241,.12) 0%,transparent 55%),radial-gradient(circle at 75% 70%,rgba(30,27,75,.6) 0%,transparent 55%);pointer-events:none;z-index:0}.login-card-wrap{width:100%;max-width:380px;position:relative;z-index:1;animation:page-enter .2s ease-out}.login-brand{text-align:center;margin-bottom:32px}.login-brand__mark{display:inline-flex;flex-direction:column;align-items:center;gap:5px}.login-brand__logo{height:32px;width:auto;object-fit:contain;filter:brightness(0) invert(1)}.login-brand__dealers{font-size:.5rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:#6366f1}.login-brand__sub{font-size:.8125rem;color:var(--text-muted);margin:14px 0 0}.login-card{width:100%;padding:28px}.login-card h1{margin-top:0}.login-form{display:grid;gap:14px;margin-top:0}.field{display:grid;gap:4px;font-size:.875rem}.field>span{display:block;font-size:.75rem;font-weight:500;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em}.field input,.field select,.field textarea{background:var(--bg-elevated);border:1px solid var(--border);color:var(--text-primary);padding:8px 11px;border-radius:var(--radius-sm);outline:none;width:100%}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px #3b82f61f}.login-divider{position:relative;margin:18px 0;text-align:center;font-size:.75rem;color:var(--text-muted)}.login-divider:before{content:"";position:absolute;left:0;right:0;top:50%;border-top:1px solid var(--border)}.login-divider span{position:relative;background:var(--bg-surface);padding:0 10px}.login-dev{margin-top:1.25rem;padding-top:1rem;border-top:1px solid var(--border)}.login-dev summary{cursor:pointer;font-weight:600;font-size:.875rem;color:var(--text-secondary)}.login-footer{text-align:center;margin-top:20px;font-size:.75rem;color:var(--text-muted)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid transparent;border-radius:var(--radius-sm);padding:8px 14px;background:var(--accent);color:#fff;font-weight:500;font-size:.8125rem;line-height:1.2;transition:opacity .12s,transform .1s,box-shadow .12s}.btn:hover:not(:disabled){opacity:.88;transform:translateY(-1px);box-shadow:0 4px 14px #3b82f666}.btn:disabled{opacity:.45;cursor:not-allowed}.btn--secondary,.btn--ghost{background:transparent;color:var(--text-secondary);border-color:var(--border);font-weight:500}.btn--secondary:hover:not(:disabled),.btn--ghost:hover:not(:disabled){color:var(--text-primary);background:var(--bg-elevated);box-shadow:none;opacity:1}.login-page .btn--secondary,.login-page .btn--ghost{color:var(--text-secondary)}.btn--block{width:100%}.btn--small{padding:.35rem .65rem;font-size:.8125rem}.muted{color:var(--text-secondary)}.error{color:var(--accent-red)}.badge{display:inline-block;padding:.15rem .5rem;border-radius:999px;background:var(--accent-soft);color:var(--accent);font-size:.75rem;font-weight:600}.badge--muted{background:var(--bg-elevated);color:var(--text-secondary)}.data-table{width:100%;border-collapse:collapse;font-size:.8125rem}.data-table th,.data-table td{padding:.75rem .5rem;border-bottom:1px solid var(--border);text-align:left;vertical-align:top}.data-table th{font-size:.6875rem;text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary);background:var(--bg-elevated);font-weight:500}.table-card{padding:0;overflow:hidden}.table-card>h2{padding:1.25rem 1.25rem 0;margin:0;font-size:1rem}.table-card .data-table th,.table-card .data-table td{padding-left:1rem;padding-right:1rem}.table-meta{margin-top:.75rem;font-size:.875rem}.detail-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.detail-grid h2{margin-top:0;font-size:1rem}.stack{display:grid;gap:.75rem}.detail-item{padding:.75rem 0;border-top:1px solid var(--border)}.detail-item:first-child{border-top:0;padding-top:0}.detail-item__head{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.back-link{display:inline-block;margin-bottom:.25rem;font-size:.875rem;font-weight:600}.edit-card{margin-bottom:1rem}.edit-card h2{margin-top:0;font-size:1rem}.inline-form,.routing-form{display:flex;flex-wrap:wrap;gap:.75rem;align-items:flex-end}.checkbox-field{display:flex;align-items:center;gap:.5rem;font-size:.875rem}.location-edit{border-top:1px solid var(--border);padding-top:.75rem}.location-edit summary{cursor:pointer;list-style:none}.location-edit summary::-webkit-details-marker{display:none}.routing-form .field,.inline-form .field{min-width:160px}.payment-form{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border)}.payment-form h3{margin:0 0 .5rem;font-size:.9375rem}.plan-list{margin:.5rem 0 0;padding-left:1.25rem}.section-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}.section-head h2{margin:0}.location-form h3{margin:.75rem 0 .25rem;font-size:.9375rem;color:var(--text-secondary)}.location-form h3:first-child{margin-top:0}.component-row{display:grid;gap:.75rem;padding:.75rem 0;border-top:1px solid var(--border)}.component-row:first-of-type{border-top:none}.component-editor{margin-top:.5rem}.role-group{display:grid;gap:.375rem}.field-label{font-size:.875rem;font-weight:500;color:var(--text-secondary)}.user-form{margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--border)}code{font-size:.875em;font-family:var(--font-mono)}.split-layout{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media(max-width:900px){.split-layout{grid-template-columns:1fr}}.clickable-row{cursor:pointer}.clickable-row:hover{background:var(--bg-elevated)}.clickable-row--active{background:var(--accent-soft)}.message-row{padding:.5rem 0;border-bottom:1px solid var(--border)}.message-row--out{text-align:right}.message-row__meta{font-size:.75rem;color:var(--text-secondary)}.message-row__media{margin-top:.5rem;text-align:left}.message-row__image{max-width:min(100%,280px);max-height:240px;border-radius:.5rem;display:inline-block}.message-row__video{max-width:min(100%,320px);border-radius:.5rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(10rem,1fr));gap:1rem}.kanban-user-card{padding:.5rem 0;border-bottom:1px solid var(--border)}.kanban-user-card__cases{margin:.35rem 0 0;padding-left:1.25rem;color:var(--text-secondary);font-size:.875rem}a.btn{text-decoration:none}