:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-base:#0b0b0a;--bg-surface:#121211;--bg-surface-elevated:#1a1a19;--border-dim:#262624;--border-bright:#3a3a37;--color-green-primary:#f6b23a;--color-green-hover:#f7a820;--color-green-dim:#f6b23a1f;--color-orange-primary:#f6b23a;--color-orange-hover:#f7a820;--color-orange-dim:#f6b23a1f;--text-main:#e2e8f0;--text-muted:#9ca3af;--text-dark:#0f172a;--shadow-glow-green:0 0 15px #f6b23a33;--shadow-glow-orange:0 0 15px #f6b23a33;--font-sans:"Lato", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-title:"Outfit", sans-serif;--font-mono:"JetBrains Mono", monospace}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-base);color:var(--text-main);font-family:var(--font-sans);min-height:100vh;line-height:1.5;overflow-x:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-base)}::-webkit-scrollbar-thumb{background:var(--border-dim);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--border-bright)}.app-container{min-height:100vh;display:flex}aside.sidebar{background-color:var(--bg-surface);border-right:1px solid var(--border-dim);z-index:50;flex-direction:column;width:260px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;bottom:0;left:0}.sidebar-header{border-bottom:1px solid var(--border-dim);align-items:center;gap:12px;padding:24px;display:flex}.sidebar-header img{width:auto!important;height:36px!important}.logo-container{background:linear-gradient(135deg, var(--color-green-primary), var(--color-orange-primary));width:38px;height:38px;font-family:var(--font-title);color:#fff;box-shadow:var(--shadow-glow-green);border-radius:8px;justify-content:center;align-items:center;font-size:20px;font-weight:800;display:flex}.brand-name{font-family:var(--font-title);background:linear-gradient(90deg,#fff,#e2e8f0);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:18px;font-weight:700}.sidebar-menu{flex-direction:column;flex-grow:1;gap:8px;padding:24px 16px;list-style:none;display:flex;overflow-y:auto}.menu-section-label{text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin:16px 8px 8px;font-size:11px;font-weight:700}.menu-item{color:var(--text-muted);cursor:pointer;border:1px solid #0000;border-radius:8px;align-items:center;gap:12px;padding:12px 14px;font-size:14px;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.menu-item:hover{color:var(--text-main);background-color:#ffffff08}.menu-item.active{color:#fff;background-color:var(--bg-surface-elevated);border-left:3px solid var(--color-orange-primary);border-color:var(--border-dim) var(--border-dim) var(--border-dim) var(--color-orange-primary)}.menu-item svg{flex-shrink:0;width:18px;height:18px}.sidebar-footer{border-top:1px solid var(--border-dim);background-color:#0003;padding:16px}.profile-card{border-radius:8px;align-items:center;gap:12px;padding:8px;display:flex}.profile-avatar{background-color:var(--border-bright);width:36px;height:36px;color:var(--color-orange-primary);font-weight:700;font-family:var(--font-title);border:1px solid var(--border-dim);border-radius:50%;justify-content:center;align-items:center;display:flex}.profile-info{flex-grow:1;min-width:0}.profile-name{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.profile-role{color:var(--text-muted);font-size:11px}main.main-content{flex-direction:column;flex-grow:1;gap:32px;min-width:0;margin-left:260px;padding:40px;display:flex}.header-bar{border-bottom:1px solid var(--border-dim);justify-content:space-between;align-items:center;gap:24px;padding-bottom:24px;display:flex}.header-title-section h1{font-family:var(--font-title);letter-spacing:-.02em;font-size:28px;font-weight:700}.header-title-section p{color:var(--text-muted);margin-top:4px;font-size:14px}.header-actions{align-items:center;gap:16px;display:flex}.dealer-selector-wrapper{background:var(--bg-surface);border:1px solid var(--border-dim);border-radius:8px;align-items:center;gap:8px;padding:6px 12px;display:flex}.dealer-selector-wrapper label{color:var(--text-muted);text-transform:uppercase;font-size:11px;font-weight:600}.dealer-select{color:#fff;cursor:pointer;background:0 0;border:none;outline:none;font-size:13px;font-weight:600}.dealer-select option{background:var(--bg-surface-elevated);color:#fff}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;display:grid}.stat-card{background-color:var(--bg-surface);border:1px solid var(--border-dim);border-radius:12px;padding:24px;transition:transform .2s,border-color .2s;position:relative;overflow:hidden}.stat-card:hover{border-color:var(--border-bright);transform:translateY(-2px)}.stat-card:before{content:"";width:4px;height:100%;position:absolute;top:0;left:0}.stat-card.green-accent:before{background-color:var(--color-green-primary)}.stat-card.orange-accent:before{background-color:var(--color-orange-primary)}.stat-card-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);justify-content:space-between;align-items:center;font-size:12px;font-weight:600;display:flex}.stat-card-value{font-family:var(--font-title);color:#fff;letter-spacing:-.01em;margin-top:12px;font-size:32px;font-weight:700}.stat-card-subtext{color:var(--text-muted);align-items:center;gap:4px;margin-top:6px;font-size:12px;display:flex}.trend-indicator{align-items:center;font-size:11px;font-weight:600;display:inline-flex}.trend-up{color:var(--color-green-primary)}.trend-down{color:#ef4444}.content-panel{background-color:var(--bg-surface);border:1px solid var(--border-dim);border-radius:14px;padding:28px}.panel-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.panel-header-titles h2{font-family:var(--font-title);font-size:18px;font-weight:600}.panel-header-titles p{color:var(--text-muted);margin-top:4px;font-size:13px}.panel-header-actions{align-items:center;gap:12px;display:flex}.table-container{margin-top:8px;overflow-x:auto}table.data-table{border-collapse:collapse;text-align:left;width:100%;font-size:14px}table.data-table th{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border-dim);background-color:#0000001a;padding:14px 16px;font-size:12px;font-weight:600}table.data-table td{border-bottom:1px solid var(--border-dim);color:var(--text-main);vertical-align:middle;padding:16px}table.data-table tbody tr:hover{background-color:#ffffff03}.badge{letter-spacing:.02em;border-radius:9999px;align-items:center;padding:4px 10px;font-size:11px;font-weight:600;display:inline-flex}.badge-success{background-color:var(--color-green-dim);color:var(--color-green-primary);border:1px solid #f6b23a40}.badge-warning{background-color:var(--color-orange-dim);color:var(--color-orange-primary);border:1px solid #f6b23a40}.badge-danger{color:#ef4444;background-color:#ef44441a;border:1px solid #ef444433}.badge-info{color:#3b82f6;background-color:#3b82f61a;border:1px solid #3b82f633}.form-group{flex-direction:column;gap:8px;margin-bottom:20px;display:flex}.form-group label{color:var(--text-main);font-size:13px;font-weight:500}.form-group input,.form-group select,.form-group textarea{background-color:var(--bg-surface-elevated);border:1px solid var(--border-dim);color:#fff;border-radius:8px;outline:none;padding:10px 14px;font-size:14px;transition:border-color .2s,box-shadow .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--border-bright);box-shadow:0 0 0 2px #10b98126}.form-row{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;display:grid}.btn{cursor:pointer;border:1px solid #0000;border-radius:8px;outline:none;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex}.btn-primary{background-color:var(--color-orange-primary);color:#000}.btn-primary:hover{background-color:var(--color-orange-hover);box-shadow:var(--shadow-glow-orange)}.btn-secondary{border-color:var(--border-dim);color:var(--text-main);background-color:#0000}.btn-secondary:hover{border-color:var(--border-bright);background-color:#ffffff08}.btn-success{background-color:var(--color-green-primary);color:#000}.btn-success:hover{background-color:var(--color-green-hover);box-shadow:var(--shadow-glow-green)}.btn-danger{color:#f87171;background-color:#ef444426;border:1px solid #ef44444d}.btn-danger:hover{color:#fff;background-color:#ef4444}.btn-sm{border-radius:6px;padding:6px 12px;font-size:12px}.dev-mode-bar{border:1px solid var(--color-orange-primary);box-shadow:var(--shadow-glow-orange), 0 10px 25px #00000080;z-index:1000;background-color:#111e17;border-radius:8px;align-items:center;gap:12px;padding:12px 16px;display:flex;position:fixed;bottom:20px;right:20px}.dev-label{color:var(--color-orange-primary);text-transform:uppercase;letter-spacing:.05em;font-size:11px;font-weight:700}.dev-btn{background-color:var(--bg-surface-elevated);border:1px solid var(--border-dim);color:var(--text-main);cursor:pointer;border-radius:4px;padding:6px 12px;font-size:11px;font-weight:600;transition:all .2s}.dev-btn:hover{border-color:var(--color-green-primary);color:#fff}.dev-btn.active{background-color:var(--color-green-primary);border-color:var(--color-green-primary);color:#000;font-weight:700}.view-screen{animation:.2s ease-out fadeIn;display:none}.view-screen.active{display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:999;background-color:#040806cc;justify-content:center;align-items:center;display:none;position:fixed;inset:0}.modal-overlay.active{display:flex}.modal-content{background-color:var(--bg-surface);border:1px solid var(--border-bright);border-radius:14px;width:100%;max-width:500px;padding:28px;position:relative;box-shadow:0 10px 30px #0009}.modal-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.modal-header h3{font-family:var(--font-title);font-size:18px;font-weight:600}.modal-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;font-size:20px}.modal-footer{justify-content:flex-end;gap:12px;margin-top:24px;display:flex}.grid-2col{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px;display:grid}.text-orange{color:var(--color-orange-primary)}.text-green{color:var(--color-green-primary)}.w-full{width:100%}.d-none{display:none}.margin-item{border-bottom:1px solid var(--border-dim);justify-content:space-between;padding:10px 0;font-size:13px;display:flex}.margin-item span:first-child{color:var(--text-muted)}.margin-item span:last-child{font-family:var(--font-mono);font-weight:600}.toast{background-color:var(--bg-surface-elevated);border:1px solid var(--color-green-primary);box-shadow:var(--shadow-glow-green);color:#fff;z-index:1100;border-radius:8px;padding:12px 24px;font-size:13px;font-weight:600;transition:transform .3s cubic-bezier(.175,.885,.32,1.275);position:fixed;top:20px;left:50%;transform:translate(-50%)translateY(-100px)}.toast.show{transform:translate(-50%)translateY(0)}.toast.error{border-color:#ef4444;box-shadow:0 0 15px #ef444433}.bar-meter{background:var(--bg-surface-elevated);border-radius:999px;height:6px;margin-top:8px;overflow:hidden}.bar-meter-fill{border-radius:999px;height:100%}.info-card{color:var(--text-muted);background-color:#f973160d;border:1px solid #f9731626;border-radius:8px;padding:14px;font-size:13px;line-height:1.6}.mail-sandbox-drawer{background-color:var(--bg-surface);border-left:1px solid var(--border-bright);z-index:1000;flex-direction:column;width:400px;height:100vh;transition:right .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;right:-420px;box-shadow:-5px 0 25px #00000080}.mail-sandbox-drawer.open{right:0}.drawer-header{border-bottom:1px solid var(--border-dim);background-color:#0000001a;justify-content:space-between;align-items:center;padding:20px;display:flex}.drawer-header h3{font-family:var(--font-title);color:var(--color-orange-primary);font-size:16px;font-weight:700}.drawer-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;font-size:24px;line-height:1}.drawer-close:hover{color:#fff}.drawer-body{flex-direction:column;flex-grow:1;gap:16px;padding:20px;display:flex;overflow-y:auto}.mail-item{background:var(--bg-surface-elevated);border:1px solid var(--border-dim);border-radius:8px;padding:14px;font-size:13px;transition:border-color .2s}.mail-item:hover{border-color:var(--border-bright)}.mail-header-row{color:var(--text-muted);margin-bottom:6px;font-size:11px;line-height:1.5}.mail-header-row strong{color:var(--text-main)}.mail-subject{color:#fff;margin:8px 0;font-size:13px;font-weight:600}.mail-content{font-family:var(--font-sans);color:var(--text-muted);white-space:pre-wrap;background:#0003;border:1px solid #ffffff08;border-radius:6px;padding:10px;font-size:12px;line-height:1.4}.margin-input{background-color:var(--bg-surface-elevated)!important;border:1px solid var(--border-dim)!important;color:#fff!important;font-family:var(--font-mono)!important;border-radius:6px!important;outline:none!important;transition:all .2s ease-in-out!important}.margin-input[type=number]{padding-right:8px!important}.margin-input::-webkit-inner-spin-button{cursor:pointer}.margin-input::-webkit-outer-spin-button{cursor:pointer}.margin-input:focus{border-color:var(--color-orange-primary)!important;background-color:var(--bg-surface)!important;box-shadow:0 0 0 2px #f6b23a26!important}.margin-input::placeholder{color:var(--text-muted)!important;opacity:.6!important}table.data-table,table.data-table th,table.data-table td,.stat-card-value,.margin-item span:last-child,.badge,input,select,textarea,.logs-text,.font-jetbrains-mono,pre,code{font-family:var(--font-mono), monospace!important}