@import url(https://fonts.googleapis.com/css2?family=Allison&family=Poppins:wght@700&display=swap);#root,body,html{height:100%;margin:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;background-attachment:fixed;background-color:#1b1b1b;background-image:radial-gradient(circle at 12% 10%,#ffffff08,#0000 8%),linear-gradient(180deg,#0f0f11,#3a3a3d 70%);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.app-container{align-items:center;background:#0000;min-height:100vh;padding:16px}.app-container,.centered-logo-container{display:flex;justify-content:center;position:relative}.centered-logo-container{margin-bottom:32px;z-index:35}.logo-wrapper{align-items:center;display:flex;justify-content:center}.svg-logo{filter:drop-shadow(0 2px 10px rgba(0,0,0,.55));height:auto;max-height:200px;max-width:240px}.site-logo.centered{align-items:center;display:flex;left:0;position:relative;top:0}.site-logo.centered,.site-logo:not(.centered){color:#fff;flex-direction:column;gap:0;pointer-events:none}.site-logo:not(.centered){align-items:flex-end;display:none;left:calc(env(safe-area-inset-left, 0px) + 16px);position:fixed;top:calc(env(safe-area-inset-top, 0px) + 12px);z-index:40}.site-logo .masters-text{font-family:Allison,cursive!important;font-size:52px;font-weight:400;letter-spacing:.5px;line-height:.85;margin-bottom:-4px;text-shadow:0 2px 10px #0000008c}.site-logo .arrow-line{align-items:center;color:#ff7a00;display:flex;gap:6px;margin-left:8px}.site-logo .arrow-svg{height:12px;opacity:.9;width:24px}.site-logo .path-text{font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;font-weight:700;letter-spacing:2px;text-shadow:0 2px 10px #0000008c;text-transform:uppercase}.page-title{color:#fff;font-size:22px;font-weight:600;margin:36px 0 16px;text-align:center;text-shadow:0 2px 10px #0000008c;width:100%}body:before{background-blend-mode:multiply;background-image:linear-gradient(#00000061,#00000085),none;background-image:linear-gradient(#00000061,#00000085),var(--clouds-url,none);background-position:bottom;background-size:cover;bottom:0;height:60vh;-webkit-mask-image:linear-gradient(0deg,#000 30%,#0000);mask-image:linear-gradient(0deg,#000 30%,#0000);mix-blend-mode:normal;opacity:.24;z-index:0}.app-container body:after,body.login-page:after,body:before{background-repeat:no-repeat;content:"";left:0;pointer-events:none;position:fixed;right:0}.app-container body:after,body.login-page:after{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='2000' height='700' viewBox='0 0 2000 700'><defs><linearGradient id='g' x1='260' y1='540' x2='1620' y2='460' gradientUnits='userSpaceOnUse'><stop offset='0%' stop-color='%23ffffff' stop-opacity='0'/><stop offset='20%' stop-color='%23ffffff' stop-opacity='0.45'/><stop offset='100%' stop-color='%23ffffff' stop-opacity='0.98'/></linearGradient><linearGradient id='g2' x1='260' y1='540' x2='1620' y2='460' gradientUnits='userSpaceOnUse'><stop offset='70%' stop-color='%23ffffff' stop-opacity='0'/><stop offset='100%' stop-color='%23ffffff' stop-opacity='1.00'/></linearGradient><marker id='m' markerUnits='strokeWidth' markerWidth='6' markerHeight='6' refX='3' refY='3' orient='auto'><path d='M0 0 L6 3 L0 6 Z' fill='%23ffffff' fill-opacity='1'/></marker></defs><path d='M260 540 A 900 900 0 0 1 1620 460' fill='none' stroke='url(%23g)' stroke-width='6' stroke-linecap='round' stroke-linejoin='round'/><path d='M260 540 A 900 900 0 0 1 1620 460' fill='none' stroke='url(%23g2)' stroke-width='12' stroke-linecap='round' stroke-linejoin='round' marker-end='url(%23m)'/></svg>");background-origin:content-box;background-position:center clamp(260px,520px,620px);background-position:center clamp(260px,var(--arc-y,520px),620px);background-size:clamp(max(900px,360px),90vw,1350px) auto;background-size:clamp(max(900px,var(--card-width,360px)),90vw,1350px) auto;height:100vh;opacity:.98;padding-left:calc(env(safe-area-inset-left, 0px) + 12px);padding-right:calc(env(safe-area-inset-right, 0px) + 12px);top:0;z-index:10}@media (max-width:480px){.app-container body:after,body.login-page:after{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='2000' height='700' viewBox='0 0 2000 700'><defs><linearGradient id='g' x1='260' y1='540' x2='1620' y2='460' gradientUnits='userSpaceOnUse'><stop offset='0%' stop-color='%23ffffff' stop-opacity='0'/><stop offset='20%' stop-color='%23ffffff' stop-opacity='0.45'/><stop offset='100%' stop-color='%23ffffff' stop-opacity='0.98'/></linearGradient><linearGradient id='g2' x1='260' y1='540' x2='1620' y2='460' gradientUnits='userSpaceOnUse'><stop offset='70%' stop-color='%23ffffff' stop-opacity='0'/><stop offset='100%' stop-color='%23ffffff' stop-opacity='1.00'/></linearGradient><marker id='m' markerUnits='strokeWidth' markerWidth='5' markerHeight='5' refX='2.5' refY='2.5' orient='auto'><path d='M0 0 L5 2.5 L0 5 Z' fill='%23ffffff' fill-opacity='1'/></marker></defs><path d='M260 540 A 900 900 0 0 1 1620 460' fill='none' stroke='url(%23g)' stroke-width='6' stroke-linecap='round' stroke-linejoin='round'/><path d='M260 540 A 900 900 0 0 1 1620 460' fill='none' stroke='url(%23g2)' stroke-width='12' stroke-linecap='round' stroke-linejoin='round' marker-end='url(%23m)'/></svg>");background-size:clamp(max(900px,360px),88vw,1200px) auto;background-size:clamp(max(900px,var(--card-width,360px)),88vw,1200px) auto}}.login-card{backdrop-filter:blur(30px) saturate(130%) contrast(1.08) brightness(1.02);-webkit-backdrop-filter:blur(30px) saturate(130%) contrast(1.08) brightness(1.02);background:linear-gradient(180deg,#0a0c0e2e,#080a0c1a);border:1px solid #ffffff0f;border-radius:14px;border-radius:16px;box-shadow:0 28px 80px #020406d9,inset 0 1px 0 #ffffff0a,0 6px 28px #0009;box-sizing:border-box;min-width:340px;padding:28px;position:relative;width:380px}.login-container{align-items:center;display:flex;flex-direction:column;gap:24px}.login-title{color:#e9f4ff;font-size:18px;margin:0 0 16px;text-shadow:0 2px 10px #0000008c}.login-form{display:flex;flex-direction:column;gap:12px}.login-label{display:none}.visually-hidden{clip:rect(0 0 0 0)!important;border:0!important;height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;white-space:nowrap!important;width:1px!important}.forgot-container{margin-top:4px}.forgot-title{color:#e9f4ff;font-size:18px;margin:0 0 12px;text-shadow:0 2px 10px #0000008c}.forgot-description{color:#e6f0ffbf;font-size:14px;line-height:1.5;margin:0 0 16px}.forgot-row{display:block}.forgot-actions{display:flex;gap:12px;margin-top:12px}.forgot-status{color:#9ff3c7;margin-top:8px}.label-text{font-weight:600}.input-with-icon{align-items:center;display:flex;position:relative}.input-icon{color:#c6e6ffcc;left:12px;pointer-events:none;position:absolute}.input-with-icon:focus-within .input-icon{color:#ff7a00}.login-input{background:#0000005c;border:1px solid #ffffff0f;border-radius:8px;box-sizing:border-box;color:#eef6ff;font-size:16px;height:44px;outline:none;padding:8px 44px 8px 40px;position:relative;transition:box-shadow .15s ease,border-color .15s ease,background .15s ease;width:100%;z-index:1}.login-input::placeholder{color:#e6f0ff59}.login-input:focus{background:#00000047;border-color:#ff7a00;box-shadow:0 0 0 8px #ff7a0014}.login-button{background:linear-gradient(90deg,#ff7a00,#ff4a00);border:none;border-radius:10px;box-shadow:0 8px 24px #ff7a002e;color:#fff;cursor:pointer;font-size:15px;font-weight:700;height:46px;margin-top:6px}.login-button:hover:not(:disabled){box-shadow:0 12px 30px #ff7a0038;transform:translateY(-1px)}.login-button:disabled{cursor:default;opacity:.6}.link-button{background:#0000;border:none;color:#ffb57a;cursor:pointer;font-size:13px;padding:0}.options-row{align-items:center;display:flex;gap:12px;justify-content:space-between}.login-error{color:#ffb4b4;font-size:13px;margin-top:4px}.remember-row{align-items:center;color:#ffcbaa;display:flex;font-size:13px;gap:8px}.remember-text{color:#ffcbaa}@media (max-width:420px){.login-card{margin:0 auto;max-width:380px;padding:20px;width:100%}}@media (max-width:360px){.login-card{margin:0 auto;max-width:380px;padding:16px;width:100%}}.dashboard-header{color:#e6f0ff;gap:12px}.avatar,.dashboard-header{align-items:center;display:flex}.avatar{border-radius:22px;color:#001021;font-weight:700;height:44px;justify-content:center;width:44px}.forgot-actions .login-button{flex:1 1 auto;min-width:0}.forgot-actions .link-button{align-self:center;margin-left:12px;white-space:nowrap}.input-icon-right{color:#c6e6ffe6;cursor:pointer;padding:4px;position:absolute;right:12px;top:50%;transform:translateY(-50%)}.input-icon-right:hover{color:#fff4e6}.input-icon-right{align-items:center;-webkit-appearance:none;appearance:none;background:#0000;border:none;display:inline-flex;height:30px;justify-content:center;line-height:0;overflow:visible;padding:0;right:10px;transform:translateZ(0);width:30px;will-change:transform,opacity;z-index:2000}.input-icon-right svg{stroke:currentColor;fill:none;stroke-width:1.1;stroke-linecap:round;stroke-linejoin:round;display:block;height:18px;width:18px;will-change:transform,opacity}.input-icon-right svg circle,.input-icon-right svg path{vector-effect:non-scaling-stroke}.input-icon-right svg [fill]{fill:none!important}.input-icon-right svg{shape-rendering:geometricPrecision;overflow:visible;transform:translateZ(0)}.input-icon-right,.input-toggle{align-items:center!important;display:inline-flex!important;justify-content:center!important;line-height:0!important;top:50%!important;transform:translateY(-50%) translateZ(0)!important}.login-card{z-index:30}.input-with-icon{overflow:visible}.input-toggle{pointer-events:auto;z-index:5}.logo-version-toggles{display:flex;gap:12px;justify-content:center;position:relative;z-index:31}.toggle-btn{background:#ff7a0026;border:1px solid #ff7a004d;border-radius:6px;color:#ff7a00b3;cursor:pointer;font-size:12px;font-weight:600;padding:8px 16px;transition:all .2s ease}.toggle-btn:hover{background:#ff7a0040;border-color:#ff7a0080;color:#ff7a00}.toggle-btn.active{background:#ff7a00;border-color:#ff7a00;box-shadow:0 4px 12px #ff7a004d;color:#fff}.kpi-compare-multi{display:flex;flex-wrap:wrap;gap:16px;justify-content:flex-start}.kpi-period-block{background:#ffffff03;border-radius:6px;box-sizing:border-box;flex:1 1 110px;margin-bottom:4px;max-width:180px;min-width:110px;padding:4px 8px 8px}@media (max-width:1200px){.kpi-compare-multi{gap:10px}.kpi-period-block{max-width:140px;min-width:90px;padding:4px 4px 8px}}@media (max-width:768px){.kpi-compare-multi{flex-wrap:wrap;gap:8px}.kpi-period-block{flex:1 1 80px;max-width:100%;min-width:80px;padding:2px 2px 6px}}.kpi-compare-row{grid-gap:24px;align-items:start;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.kpi-compare-row>div{display:flex;flex-direction:column;height:100%}.dealership-column{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#2a2a2a66,#3333334d);border:1px solid #ff7a0026;border-radius:16px;box-shadow:0 8px 32px #0000004d;padding:24px}.kpi-dealer-label{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;border-bottom:2px solid #ff7a0040;color:#ff7a00!important;display:-webkit-box;font-size:18px;font-weight:800;letter-spacing:.5px;line-height:1.2;margin-bottom:20px;min-height:44px;overflow:hidden;padding-bottom:16px;text-align:center;text-overflow:ellipsis;text-transform:uppercase;word-break:break-word}.dealer-main-gauges{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr}.main-gauge-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#2a2a2a99,#3336);border:1px solid #ff7a0026;border-radius:16px;box-shadow:0 8px 32px #0006;padding:20px;transition:all .3s cubic-bezier(.4,0,.2,1)}.main-gauge-card:hover{border-color:#ff7a004d;box-shadow:0 12px 48px #ff7a0026;transform:translateY(-2px)}.main-gauge-card .gauge-title{color:#ffffffe6;font-size:14px;margin-bottom:16px}.sub-metrics{border-top:1px solid #ffffff1a;gap:12px;margin-top:20px;padding-top:16px}.sub-metric,.sub-metrics{display:flex;flex-direction:column}.sub-metric{gap:6px}.sub-metric-header{align-items:center;display:flex;justify-content:space-between}.sub-metric-label{color:#ffffffb3;font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.sub-metric-label,.sub-metric-value{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.sub-metric-value{color:#ffffffe6;font-size:12px;font-weight:700}.progress-bar-container{background:#ffffff14;border-radius:3px;height:6px;overflow:hidden;position:relative}.progress-bar-fill{border-radius:3px;height:100%;position:relative;transition:width .6s ease,background-color .3s ease}.progress-bar-fill.high{background:linear-gradient(90deg,#22c55e,#16a34a);box-shadow:0 0 8px #22c55e80}.progress-bar-fill.mid{background:linear-gradient(90deg,#facc15,#eab308);box-shadow:0 0 8px #facc1580}.progress-bar-fill.low{background:linear-gradient(90deg,#ef4444,#dc2626);box-shadow:0 0 8px #ef444480}.sales-scoreboard.kiosk-layout{align-items:center;background:linear-gradient(120deg,#181818,#23272f);border-radius:24px;box-shadow:0 0 80px 0 #000000b3;color:#fff;display:flex;flex-direction:column;height:1080px;justify-content:flex-start;margin:0 auto;max-height:100vh;max-width:100vw;overflow:hidden;padding:32px 0 0;width:1920px}.scoreboard-header{padding:0 64px 24px}.scoreboard-header h1{font-size:3.2rem;font-weight:900;letter-spacing:2px;text-shadow:0 2px 16px #000a}.fullscreen-btn{border-radius:12px;box-shadow:0 2px 12px #0005;font-size:1.5rem;font-weight:700;padding:12px 32px;transition:background .2s,box-shadow .2s}.fullscreen-btn:hover{background:#ff9800;box-shadow:0 4px 24px #ff7a0033}.scoreboard-metrics{grid-gap:48px 32px;display:grid;gap:48px 32px;grid-template-columns:repeat(4,1fr);margin:0 auto;padding:32px 0 0;width:90%}.scoreboard-metric{align-items:center;background:#ffffff0a;border-radius:18px;box-shadow:0 2px 16px #0002;display:flex;flex-direction:column;min-width:0;padding:36px 24px}.metric-label{color:#ff7a00;font-size:1.4rem;font-weight:600;letter-spacing:1px;margin-bottom:18px;text-align:center;text-shadow:0 1px 8px #0003}.metric-value{color:#fff;font-size:2.8rem;font-weight:900;letter-spacing:1.5px;text-shadow:0 2px 12px #000a}.scoreboard-error,.scoreboard-loading{margin-top:200px}@media (max-width:1200px){.kpi-compare-row{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}}@media (max-width:768px){.kpi-compare-row{grid-template-columns:1fr}}.kpi-compact{grid-gap:6px;display:grid;gap:6px;grid-template-columns:1fr}.kpi-sales-group{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.kpi-compact .kpi-card{border-radius:8px;padding:10px}.kpi-compact .kpi-label{margin-bottom:2px}.kpi-compact .kpi-value{font-size:22px;margin-bottom:2px}.kpi-compact .kpi-extra,.kpi-compact .kpi-percent,.kpi-compact .kpi-sub,.kpi-compact .kpi-target{font-size:11px}.kpi-meter-bar{background:#ffffff14;height:6px;margin-top:6px;overflow:hidden}.kpi-meter-bar,.kpi-meter-fill{border-radius:3px;position:relative}.kpi-meter-fill{height:100%;transition:width .6s ease,background-color .3s ease}.kpi-meter-fill.high{background:linear-gradient(90deg,#22c55e,#16a34a);box-shadow:0 0 8px #22c55e66}.kpi-meter-fill.mid{background:linear-gradient(90deg,#facc15,#eab308);box-shadow:0 0 8px #facc1566}.kpi-meter-fill.low{background:linear-gradient(90deg,#ef4444,#dc2626);box-shadow:0 0 8px #ef444466}@media (min-width:1100px){.kpi-compare-row{gap:12px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));justify-items:stretch}}.dashboard-container{background:#1a1a1a;display:flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;min-height:100vh;overflow:hidden;position:relative}.dashboard-container:before{background-image:linear-gradient(#ff7a0008 1px,#0000 0),linear-gradient(90deg,#ff7a0008 1px,#0000 0);background-size:50px 50px}.dashboard-container:after,.dashboard-container:before{bottom:0;content:"";left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:0}.dashboard-container:after{animation:pulseGlow 8s ease-in-out infinite;background:radial-gradient(circle at 20% 50%,#ff7a0014 0,#0000 50%),radial-gradient(circle at 80% 80%,#7c3aed0f 0,#0000 50%),radial-gradient(circle at 40% 20%,#00d4ff0a 0,#0000 50%)}@keyframes pulseGlow{0%,to{opacity:.6}50%{opacity:1}}.dashboard-sidebar{background:linear-gradient(180deg,#2a2a2a,#1f1f1f);border-right:1px solid #ffffff14;display:flex;flex-direction:column;height:100vh;left:0;position:fixed;top:0;width:260px;z-index:10}.sidebar-header{align-items:center;border-bottom:1px solid #ffffff0f;display:flex;flex-direction:row;gap:16px;padding:24px 20px}.logo-small{align-items:flex-end;display:flex;flex-direction:column;flex-shrink:0;gap:2px}.app-title{color:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:13px;font-weight:600;letter-spacing:1px;line-height:1.3;margin:0;text-transform:uppercase}.logo-masters-small,.logo-small .logo-masters-small,span.logo-masters-small{color:#fff;font-family:Allison,cursive!important;font-size:24px;line-height:1}.logo-arrow-small{align-items:center;display:flex;gap:5px}.logo-arrow-small .logo-path-small,.logo-path-small,span.logo-path-small{color:#ff7a00;font-family:Poppins,sans-serif!important;font-size:9px;font-weight:700;letter-spacing:1.5px}.sidebar-nav{display:flex;flex:1 1;flex-direction:column;gap:1px;overflow-y:auto;padding:8px 12px}.nav-item{align-items:center;background:#0000;border:none;border-radius:8px;color:#fff9;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:12px;padding:8px 16px;text-align:left;transition:all .2s}.nav-item:hover{background:#ffffff0a;color:#ffffffe6}.nav-item.active{background:linear-gradient(90deg,#ff7a0026,#ff5e001a);border-left:3px solid #ff7a00;color:#ff7a00}.nav-item svg{flex-shrink:0}.menu-group{margin:4px 0;padding:0}.menu-group-label{color:#fff6;font-size:10px;font-weight:600;letter-spacing:1px;margin-bottom:0;padding:4px 16px 2px;text-transform:uppercase}.placeholder-view{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:400px;padding:40px;text-align:center}.placeholder-view h2{color:#ff7a00;font-size:2rem;font-weight:600;margin:0 0 16px}.placeholder-view p{color:#fff9;font-size:1.1rem;margin:0}.sidebar-footer{border-top:1px solid #ffffff0f;padding:16px}.user-info{gap:12px;margin-bottom:12px;padding:8px}.user-avatar,.user-info{align-items:center;display:flex}.user-avatar{background:linear-gradient(90deg,#ff8a00,#ff5e00);border-radius:18px;color:#1a1a1a;flex-shrink:0;font-size:14px;font-weight:700;height:36px;justify-content:center;width:36px}.user-details{flex:1 1;min-width:0}.user-name{color:#fff;font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-role{color:#ffffff80;font-size:11px;text-transform:capitalize}.logout-btn{align-items:center;background:#0000;border:1px solid #ffffff1a;border-radius:8px;color:#b0b0b0;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:8px;justify-content:center;padding:10px;transition:all .2s;width:100%}.logout-btn:hover{background:#ffffff0d;border-color:#ffffff26;color:#e0e0e0}.dashboard-main{flex:1 1;margin-left:260px;overflow-y:auto;padding:32px;position:relative;z-index:1}.admin-proxy-bar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(90deg,#ff7a0033,#ff7a001a);border:1px solid #ff7a0066;border-radius:8px;margin-bottom:24px;padding:16px 20px}.proxy-bar-content{align-items:center;display:flex;gap:16px;justify-content:space-between}.proxy-bar-text{color:#fffc;font-size:14px}.proxy-bar-text strong{color:#ff7a00;font-weight:600}.proxy-bar-close{background:#ff7a0040;border:1px solid #ff7a0080;border-radius:6px;color:#ff7a00;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s;white-space:nowrap}.proxy-bar-close:hover{background:#ff7a0059;border-color:#ff7a00}.view-header{margin-bottom:32px}.dashboard-view{color:#fff!important}.dashboard-view div,.dashboard-view h1,.dashboard-view h2,.dashboard-view h3,.dashboard-view h4,.dashboard-view label,.dashboard-view p,.dashboard-view span{color:inherit}.view-title{color:#fff!important;font-size:28px;font-weight:600;letter-spacing:-.5px;margin:0 0 8px}.view-subtitle,.view-title{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.view-subtitle{color:#ffffffbf!important;font-size:14px;font-weight:400;margin:0 0 24px}.time-range-selector{display:flex;gap:12px;justify-content:flex-end;margin-top:20px}.time-range-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#2a2a2a99;border:1px solid #ffffff1a;border-radius:8px;color:#ffffffb3;cursor:pointer;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:13px;font-weight:600;letter-spacing:.3px;padding:10px 20px;transition:all .2s ease}.time-range-btn:hover{background:#333c;border-color:#ff7a004d;color:#ffffffe6}.time-range-btn.active{background:linear-gradient(135deg,#ff7a0033,#ff7a001a);border-color:#ff7a0080;box-shadow:0 4px 12px #ff7a0033;color:#ff7a00}.gauges-container{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:40px}.gauge-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#2a2a2a99,#3336);border:1px solid #ff7a0026;border-radius:20px;box-shadow:0 8px 32px #0006;overflow:hidden;padding:24px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.gauge-card:hover{border-color:#ff7a004d;box-shadow:0 12px 48px #ff7a0026;transform:translateY(-2px)}.gauge-title{color:#fffc;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:13px;font-weight:700;letter-spacing:.5px;margin:0 0 20px;text-align:center;text-transform:uppercase}.gauge-wrapper{margin-bottom:20px}.gauge-center,.gauge-wrapper{display:flex;justify-content:center}.gauge-center{align-items:center;flex-direction:column}.gauge-percentage{color:#fff;font-size:32px;font-weight:700;letter-spacing:-.02em;line-height:1}.gauge-label,.gauge-percentage{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.gauge-label{color:#ffffff80;font-size:11px;font-weight:600;letter-spacing:.5px;margin-top:4px;text-transform:uppercase}.gauge-details{border-top:1px solid #ffffff1a;display:flex;justify-content:space-between;padding-top:16px}.gauge-actual,.gauge-goal{display:flex;flex-direction:column;gap:4px}.gauge-detail-label{color:#ffffff80;font-size:10px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.gauge-detail-label,.gauge-detail-value{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.gauge-detail-value{color:#fff;font-size:14px;font-weight:700;letter-spacing:-.01em}.kpi-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(4,1fr);margin-bottom:18px}@media (max-width:1100px){.kpi-grid{grid-template-columns:repeat(2,1fr)}}.filter-row{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.chip-group,.filter-actions{display:flex;gap:8px}.chip-group{flex-wrap:wrap}.chip{background:#ffffff14;border:1px solid #ffffff1f;border-radius:999px;color:#fff;cursor:pointer;font-size:13px;padding:8px 12px;transition:all .2s ease}.chip:hover{background:#ffffff1f}.chip.active{background:linear-gradient(90deg,#ff7a00,#ffb347);border-color:#0000;color:#0f0f0f}.kpi-compare{grid-gap:10px 20px;align-items:start;display:grid;gap:10px 20px;grid-template-columns:repeat(2,minmax(0,1fr))}.kpi-compare>div{min-width:0}.kpi-sub{letter-spacing:.5px;text-transform:uppercase}.kpi-sub,.kpi-target{color:#fffc!important;font-size:12px}.kpi-percent{color:#ffb347!important;font-size:14px;font-weight:600}.kpi-percent.high{color:#22c55e!important}.kpi-percent.mid{color:#facc15!important}.kpi-percent.low{color:#ef4444!important}.kpi-extra{color:#ffffffd9!important;font-size:12px;margin-top:4px}.card{background:linear-gradient(180deg,#ffffff0d,#ffffff05);border:1px solid #ffffff0f;border-radius:12px;box-shadow:0 8px 28px #0003;margin-bottom:16px;padding:14px}.card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.card-subtitle{color:#fff9;font-size:12px;margin:4px 0 0}.kpi-card{background:linear-gradient(135deg,#2a2a2a,#333);border:1px solid #ffffff1a;border-radius:10px;padding:14px;transition:all .2s}.kpi-card-highlight{background:radial-gradient(circle at 20% 20%,#ffb75e2e,#0000 45%),linear-gradient(135deg,#3a2600,#2c1a00);border:1px solid #ffba7680;box-shadow:0 10px 32px #ffba764d}.kpi-card-highlight .kpi-label{color:#ffc96b!important}.kpi-card-highlight .kpi-value{color:#ffe7c2;font-size:28px}.kpi-card:hover{border-color:#ff7a0066;transform:translateY(-2px)}.kpi-label{color:#ff7a00!important;font-size:11px;letter-spacing:.7px;text-transform:uppercase}.kpi-label,.kpi-value{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:700;margin-bottom:6px}.kpi-value{color:#fff;font-size:26px;letter-spacing:-.6px;max-width:100%;overflow-wrap:anywhere;word-break:break-all}.kpi-change{align-items:center;display:inline-flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:12px;font-weight:600;gap:4px}.kpi-change.positive{color:#22c55e}.kpi-change.negative{color:#ef4444}.content-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#2a2a2a99,#3336);border:1px solid #ff7a0026;border-radius:20px;box-shadow:0 8px 32px #0006,inset 0 1px 0 #ffffff0d;margin-bottom:24px;overflow:hidden;padding:28px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.content-card:before{background:linear-gradient(90deg,#0000,#ff7a00,#0000);content:"";height:2px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s}.content-card:hover{border-color:#ff7a004d;box-shadow:0 12px 48px #ff7a0026,inset 0 1px 0 #ffffff14;transform:translateY(-2px)}.content-card:hover:before{opacity:1}.content-card input,.content-card select,.content-card textarea{-webkit-text-fill-color:#fff!important;color:#fff!important}.content-card label{color:#ffffffe6!important}.card-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#ffffffb3);-webkit-background-clip:text;background-clip:text;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:18px;font-size:14px;font-weight:700;letter-spacing:-.02em;margin:0 0 24px;padding-bottom:12px;position:relative;text-transform:uppercase}.card-title:after{background:linear-gradient(90deg,#ff7a00,#0000);border-radius:2px;bottom:0;content:"";height:3px;left:0;position:absolute;width:40px}.entry-form{display:flex;flex-direction:column;gap:20px}.form-row{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.form-group{gap:8px}.form-group label{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:12px;letter-spacing:.8px}.form-input{-webkit-text-fill-color:#fff!important;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:8px;color:#fff!important;color-scheme:dark;font-size:14px;padding:12px 16px;transition:all .2s}input[type=date].form-input,input[type=number].form-input,input[type=text].form-input,textarea.form-input{-webkit-text-fill-color:#fff!important;color:#fff!important}.form-input:focus{background:#ffffff0f;border-color:#ff7a00;outline:none}.form-input::-webkit-calendar-picker-indicator{cursor:pointer;filter:invert(1)}.form-input::-webkit-inner-spin-button,.form-input::-webkit-outer-spin-button{-webkit-appearance:none;background:#0000;margin:0}.form-input[type=number]{-webkit-appearance:textfield;appearance:textfield}.form-input::placeholder{color:#ffffff4d}.form-textarea{font-family:inherit;resize:vertical}.form-input-readonly{background:#ffffff05;cursor:not-allowed;opacity:.8}.form-helper{color:#ffffff80;font-size:11px;margin-top:-4px}.form-section-title{border-bottom:1px solid #ff7a0033;color:#ff7a00;font-size:15px;font-weight:600;margin-top:8px;padding-bottom:8px}.form-message.success{background:#22c55e26}.form-message.error{background:#ef444426}.submit-btn{background:linear-gradient(90deg,#ff8a00,#ff5e00);color:#1a1a1a;font-size:14px;font-weight:700;letter-spacing:.5px;padding:14px 24px;text-transform:uppercase}.submit-btn:hover:not(:disabled){box-shadow:0 8px 16px #ff7a004d;transform:translateY(-2px)}.submit-btn:disabled{opacity:.6}@media (max-width:770px){.dashboard-main{padding:20px}.form-row,.kpi-grid{grid-template-columns:1fr}}.mobile-menu-toggle{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ff7a00e6;border:none;border-radius:6px;box-shadow:0 4px 12px #0000004d;cursor:pointer;display:none;left:20px;padding:8px;position:fixed;top:28px;transition:all .3s ease;z-index:1003}.mobile-menu-toggle:hover{background:#ff7a00;transform:scale(1.05)}.mobile-menu-toggle svg{color:#fff;display:block;height:20px;width:20px}.mobile-menu-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#000000b3;bottom:0;display:none;left:0;position:fixed;right:0;top:0;z-index:999}@media (max-width:770px){.mobile-menu-overlay,.mobile-menu-toggle{display:block}.dashboard-sidebar{box-shadow:4px 0 12px #00000080;height:100vh;height:100dvh;left:-260px;max-height:-webkit-fill-available;overflow-x:hidden;position:fixed;top:0;transition:left .3s ease;width:260px;z-index:1002}.dashboard-sidebar.mobile-open{left:0}.sidebar-header{flex-shrink:0;padding:16px 20px 16px 70px}.app-title{font-size:11px;line-height:1.2}.sidebar-nav{flex-shrink:1;min-height:0;overflow-x:hidden;overflow-y:auto;padding:12px}.nav-item{font-size:13px;overflow-wrap:break-word;padding:10px 14px;white-space:normal;word-break:break-word}.sidebar-footer{flex-shrink:0;padding:12px 16px max(12px,env(safe-area-inset-bottom,12px))}.user-info{margin-bottom:8px;padding:6px}.user-avatar{height:32px;width:32px}.user-avatar,.user-name{font-size:12px}.user-role{font-size:10px}.logout-btn{font-size:12px;padding:8px}.dashboard-main{margin-left:0;padding-left:20px;padding-right:20px;width:100%}.view-subtitle,.view-title{padding-left:50px}.time-range-selector{flex-wrap:wrap;gap:8px;justify-content:center}.time-range-btn{font-size:12px;padding:8px 16px}}.date-range-selector{align-items:center;display:flex;gap:20px;justify-content:flex-end;margin-top:15px}.date-input-wrapper{align-items:center;display:flex;gap:8px}.date-label{color:#ffffffe6;font-family:Inter,sans-serif;font-size:14px;font-weight:500;letter-spacing:.5px}.date-picker-group{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #fff3;border-radius:8px;display:flex;gap:8px;padding:8px 12px;transition:all .3s ease}.date-picker-group:hover{background:#ffffff14;border-color:#ff7a0080}.date-display{color:#fff;font-family:Inter,sans-serif;font-size:14px;pointer-events:none;-webkit-user-select:none;user-select:none}.calendar-icon-label{align-items:center;color:#ffffffb3;cursor:pointer;display:flex;transition:color .3s ease}.calendar-icon-label:hover{color:#ff7a00}.calendar-icon-label svg{display:block}.date-input-hidden{height:0;opacity:0;pointer-events:none;position:absolute;width:0}@media (max-width:770px){.date-range-selector{align-items:flex-start;flex-direction:column;gap:12px;margin-top:15px;padding-left:0}.date-input-wrapper{width:100%}.date-picker-group{flex:1 1}}.filter-bar.sales-performance{align-items:stretch;flex-direction:column;gap:12px}.filter-bar-main{align-items:center;display:flex;gap:16px;justify-content:space-between;width:100%}.period-selector{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;display:flex;gap:6px;padding:4px}.period-btn{background:#0000;border:none;border-radius:6px;color:#ffffffb3;cursor:pointer;font-size:12px;font-weight:600;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase;transition:all .2s}.period-btn:hover{background:#ffffff14;color:#ffffffe6}.period-btn.active{background:#ff7a00;box-shadow:0 2px 8px #ff7a004d;color:#fff}.active-filters{justify-content:flex-start;padding-top:4px}.filter-bar.sales-performance .active-filters{padding-top:4px}.leaderboard-card{background:linear-gradient(135deg,#2a2a2a80,#3333334d);border:1px solid #ff7a001f;border-radius:16px;box-shadow:0 8px 32px #00000040;margin-bottom:32px;padding:24px}.leaderboard-table-wrapper{overflow-x:auto}.leaderboard-table{background:#0000;border-collapse:collapse;margin-top:12px;width:100%}.leaderboard-table td,.leaderboard-table th{border-bottom:1px solid #ffffff14;font-size:15px;padding:10px 14px;text-align:left}.leaderboard-table th{background:#ff7a0014;color:#ff7a00;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.leaderboard-table tr:nth-child(2n){background:#ffffff08}.leaderboard-table tr:hover{background:#ff7a0014}.leaderboard-table td{color:#fff}.leaderboard-table td:first-child{color:#ff7a00;font-weight:700}.leaderboard-period-select{-webkit-text-fill-color:#fff;appearance:none;-webkit-appearance:none;-moz-appearance:none;background:#ffffff0a;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m5 8 5 5 5-5' stroke='%23ff7a00' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;background-size:18px 18px;border:1px solid #ffffff1a;border-radius:8px;box-shadow:none;color:#fff;cursor:pointer;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;font-weight:600;margin-left:12px;outline:none;padding:12px 40px 12px 16px;transition:all .2s}.leaderboard-period-select:focus{background:#ffffff0f;border-color:#ff7a00}.sales-activity{margin:0 auto;max-width:1600px;padding:24px}.sales-activity-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:24px}.sales-activity-header h1{color:#fff;font-size:28px;font-weight:600;margin:0 0 8px}.sales-activity-header p{color:#fff9;font-size:14px;margin:0}.activities-controls .search-controls{flex:1 1;min-width:0}.activities-controls .search-input{-webkit-text-fill-color:#fff;background:#ffffff0d;border:1px solid #fff3;border-radius:6px;box-sizing:border-box;color:#fff;font-size:14px;padding:10px 12px;width:100%}.activities-controls .search-input::placeholder{color:#ffffff80}.activities-controls .search-input:focus{background:#ffffff14;border-color:#ff7a00;outline:none}.active-filters{margin-bottom:16px}.activities-controls .btn-new-sale{background:#ff7a00;border:none;border-radius:6px;color:#fff;cursor:pointer;flex-shrink:0;font-size:14px;font-weight:600;padding:10px 20px;transition:background .2s;white-space:nowrap}.activities-controls .btn-new-sale:hover{background:#e66d00}.activities-list{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px}.no-activities{padding:60px 20px;text-align:center}.no-activities p{color:#fff9;font-size:16px;margin-bottom:20px}.no-activities .filter-hint{color:#ffffff80;font-size:14px;margin-bottom:20px;margin-top:-10px}.no-activities button{background:#ff7a00;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:15px;font-weight:600;padding:12px 24px}.activities-table-container{overflow-x:auto}.activities-table{border-collapse:collapse;width:100%}.activities-table thead{background:#ffffff0d}.activities-table th{border-bottom:2px solid #ffffff1a;color:#ffffffe6;font-size:13px;font-weight:600;letter-spacing:.5px;padding:12px 16px;text-align:left;text-transform:uppercase}.activities-table th.sortable{cursor:pointer;transition:color .2s;-webkit-user-select:none;user-select:none}.activities-table th.sortable:hover{color:#ff7a00}.activities-table td{border-bottom:1px solid #ffffff0d;color:#fffc;font-size:14px;padding:14px 16px}.activities-table tbody tr{transition:background .2s}.activities-table tbody tr:hover{background:#ffffff08}.status-badge.active{background:#4caf5033;color:#4caf50}.status-badge.closed{background:#9e9e9e33;color:#9e9e9e}.btn-edit-activity{background:#0000;border:1px solid #ff7a00;border-radius:6px;color:#ff7a00;cursor:pointer;font-size:13px;font-weight:600;padding:6px 16px;transition:all .2s}.btn-edit-activity:hover{background:#ff7a00;color:#fff}.sales-activity-loading{color:#fff9;font-size:16px;padding:60px;text-align:center}.sales-activity-form{margin:0 auto;max-width:1400px;padding:24px}.form-header{align-items:center;border-bottom:2px solid #ffffff1a;display:flex;justify-content:space-between;margin-bottom:32px;padding-bottom:16px}.form-header h2{color:#fff;font-size:24px;font-weight:600;margin:0}.form-header-actions{align-items:center;display:flex;gap:16px}.last-saved{color:#ffffff80;font-size:13px}.saving-indicator{color:#ff7a00;font-size:13px;font-weight:500}.btn-cancel-header{background:#0000;border:1px solid #ffffff4d;border-radius:6px;color:#fffc;cursor:pointer;font-size:14px;font-weight:600;padding:8px 20px;transition:all .2s}.btn-cancel-header:hover{background:#ffffff0d;border-color:#ffffff80}.btn-close-form{background:#ff7a00;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:8px 20px;transition:all .2s}.btn-close-form:hover{background:#ff8c1a;box-shadow:0 4px 12px #ff7a004d;transform:translateY(-1px)}.btn-close-form:disabled{cursor:not-allowed;opacity:.5;transform:none}.form-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;padding:24px}.form-section h3{border-bottom:1px solid #ffffff1a;color:#ff7a00;font-weight:600;margin:0 0 20px;padding-bottom:12px}.form-grid{grid-gap:20px;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}label:after{content:""}label:has(+input[required]):after,label:has(+select[required]):after,label:has(+textarea[required]):after{color:#ff7a00;content:" *";font-weight:700}.form-group input,.form-group select,.form-group textarea{background-color:#ffffff1a;background:#ffffff1a;border:1px solid #fff3;border-radius:6px;box-sizing:border-box;color:#fff;font-size:14px;min-height:42px;padding:10px 12px;width:100%}.form-group input,.form-group textarea{-webkit-text-fill-color:#fff!important;color:#fff!important}.form-group input:-webkit-autofill,.form-group input:-webkit-autofill:active,.form-group input:-webkit-autofill:focus,.form-group input:-webkit-autofill:hover{-webkit-text-fill-color:#fff!important;-webkit-background-clip:text;box-shadow:inset 0 0 20px 20px #ffffff1a;-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s}.form-group select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:#ffffff1a;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%23fff' d='M6 9 1 4h10z'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;color:#fff;height:42px;padding-right:36px}.form-group textarea{font-family:inherit;min-height:80px}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{background-color:#ffffff26;background:#ffffff26;border-color:#ff7a00;outline:none}.form-group input[type=date],.form-group input[type=number]{-webkit-text-fill-color:#fff!important;color:#fff!important;color-scheme:dark}.form-group input::placeholder,.form-group textarea::placeholder{color:#ffffff80;opacity:1}.form-group input::-webkit-input-placeholder,.form-group textarea::-webkit-input-placeholder{-webkit-text-fill-color:#ffffff80;color:#ffffff80}.form-group select option{background-color:#2a2a2a;background:#2a2a2a;color:#fff}.form-actions{padding:24px 0}.btn-cancel,.cancel-btn{background:#0000;border:1px solid #ffffff4d;border-radius:8px;color:#fffc;cursor:pointer;font-size:15px;font-weight:600;padding:12px 24px;transition:all .2s}.btn-cancel:hover,.cancel-btn:hover{background:#ffffff0d;border-color:#ffffff80}.btn-cancel:disabled,.cancel-btn:disabled{cursor:not-allowed;opacity:.5}.btn-save{background:#ff7a00;border-radius:8px;font-size:15px;padding:12px 32px}.btn-save:hover:not(:disabled){background:#ff8c1a;box-shadow:0 4px 12px #ff7a004d;transform:translateY(-1px)}.btn-save:disabled{cursor:not-allowed;opacity:.5}.submit-btn{background:#ff7a00;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:15px;font-weight:600;padding:12px 32px;transition:all .2s}.submit-btn:hover:not(:disabled){background:#ff8c1a;box-shadow:0 4px 12px #ff7a004d;transform:translateY(-1px)}.submit-btn:disabled{cursor:not-allowed;opacity:.5}.form-message{border-radius:8px;font-size:14px;font-weight:500;margin:16px 0;padding:12px 16px}.form-message.success{background:#22c55e1a;border:1px solid #22c55e4d;color:#22c55e}.form-message.error{background:#ef44441a;border:1px solid #ef44444d;color:#ef4444}.activities-form-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;margin-bottom:24px;padding:24px}.form-heading{color:#fff;font-size:18px;font-weight:600;margin-bottom:20px;margin-top:0}.form-container{max-width:1080px;width:100%}.entry-form{background:#ffffff08;border:1px solid #ffffff1a;border-radius:12px;padding:24px}.form-row{grid-gap:20px;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:20px}.form-row:last-of-type{margin-bottom:0}.full-width{grid-column:1/-1}.back-button{align-items:center;background:#0000;border:1px solid #fff3;border-radius:6px;color:#fffc;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:8px;margin-bottom:20px;padding:8px 16px;transition:all .2s}.back-button:hover{background:#ffffff0d;border-color:#fff6}.form-group input.formatted{color:#ff7a00}.form-group input.formatted::placeholder{color:#ff7a0080}.sales-activity-modal .form-group input,.sales-activity-modal .form-group select,.sales-activity-modal .form-group textarea{-webkit-text-fill-color:#fff!important;background:#1e1e1efa!important;border:1px solid #fff3!important;color:#fff!important}.sales-activity-modal .form-group input:focus,.sales-activity-modal .form-group select:focus,.sales-activity-modal .form-group textarea:focus{-webkit-text-fill-color:#fff!important;background:#1e1e1e!important;border-color:#ff7a00!important;color:#fff!important}.sales-activity-modal .form-group input::placeholder,.sales-activity-modal .form-group textarea::placeholder{-webkit-text-fill-color:#ffffff80!important;color:#ffffff80!important}.sales-activity-modal .form-group select option{background:#1a1a1a!important;color:#fff!important}.sales-activity .form-group input,.sales-activity .form-group select,.sales-activity .form-group textarea{background:#1e1e1efa!important}.sales-activity .form-group input:focus,.sales-activity .form-group select:focus,.sales-activity .form-group textarea:focus{background:#1e1e1e!important}.sales-activity .form-group select option{background:#1a1a1a!important}.sales-activity .form-group input,.sales-activity .form-group select,.sales-activity .form-group textarea{-webkit-text-fill-color:#fff!important;background:#222!important;background-color:#222!important;border:1px solid #fff3!important;box-shadow:none!important;color:#fff!important}.sales-activity .form-group input:focus,.sales-activity .form-group select:focus,.sales-activity .form-group textarea:focus{-webkit-text-fill-color:#fff!important;background:#222!important;background-color:#222!important;border-color:#ff7a00!important;color:#fff!important}.sales-activity .form-group input::placeholder,.sales-activity .form-group textarea::placeholder{-webkit-text-fill-color:#ffffff80!important;color:#ffffff80!important}.sales-activity .form-group input:-webkit-autofill,.sales-activity .form-group input:-webkit-autofill:focus,.sales-activity .form-group input:-webkit-autofill:hover{-webkit-text-fill-color:#fff!important;background:#222!important;background-color:#222!important;-webkit-box-shadow:inset 0 0 0 1000px #222!important;color:#fff!important}.sales-activity .form-group select option{background:#222!important;color:#fff!important}@media (max-width:770px){.sales-activity-header{flex-direction:column;gap:16px}.filter-bar{align-items:stretch;flex-direction:column}.btn-new-sale,.filter-button,.filter-panel,.search-controls{width:100%}.form-grid{grid-template-columns:1fr}.form-header{align-items:flex-start;flex-direction:column;gap:12px}.form-header-actions{justify-content:space-between;width:100%}.activities-table{font-size:13px}.activities-table td,.activities-table th{padding:10px 8px}}.bulk-modal-close{align-items:center;background:none;border:none;color:#fff9;cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;padding:0;width:32px}.bulk-modal-close:hover{color:#fff}.bulk-import-success{.form-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.form-modal-container{background:#1a1a2e;border:1px solid #ffffff1a;border-radius:12px;box-shadow:0 20px 60px #00000080;max-height:90vh;max-width:800px;overflow-y:auto;width:100%}.form-modal-container .sales-activity{max-width:100%;padding:24px}.form-modal-container .back-button{align-items:center;background:#0000;border:none;color:#ffffffb3;cursor:pointer;display:inline-flex;font-size:14px;gap:6px;margin-bottom:16px;padding:8px 12px}.form-modal-container .back-button:hover{color:#fff}}.inventory-section{background:#ffffff08;border:1px solid #ffffff1a;border-radius:8px;margin-bottom:20px;padding:20px}.inventory-section h3{color:#ff7a00;font-size:15px;font-weight:600;letter-spacing:.5px;margin:0 0 16px;text-transform:uppercase}.inventory-section .form-group{margin-bottom:16px}.inventory-section .form-group:last-child{margin-bottom:0}.inventory-section .form-group label{color:#ffffffd9;display:block;font-size:12px;font-weight:600;letter-spacing:.3px;margin-bottom:6px;text-transform:uppercase}.inventory-section .form-group input{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;box-sizing:border-box;color:#fff;font-size:14px;padding:10px 12px;transition:all .2s ease;width:100%}.inventory-section .form-group input::placeholder{color:#fff6}.inventory-section .form-group input:focus{background:#ffffff14;border-color:#ff7a00;box-shadow:0 0 0 3px #ff7a001a;outline:none}.loading-state{align-items:center;color:#e5e7eb;display:flex;flex-direction:column;gap:12px;justify-content:center;padding:48px 24px;text-align:center}.loading-state--fullscreen{min-height:60vh}.loading-spinner{animation:loading-spin .9s linear infinite;border:4px solid #ffffff26;border-radius:50%;border-top-color:#ff7a00;height:52px;width:52px}.loading-message{color:#ffffffd9;font-size:15px;font-weight:600;letter-spacing:.01em}@keyframes loading-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.confirm-modal-overlay{align-items:center;background:#000c;bottom:0;display:flex;justify-content:center;left:260px;padding:20px;position:fixed;right:0;top:0;z-index:2000}.confirm-modal-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#1e1e1efa,#141414fa);border:1px solid #ff7a004d;border-radius:12px;box-shadow:0 20px 60px #0009;max-width:min(520px,calc(100% - 40px));overflow:hidden;width:100%}.confirm-modal-header{border-bottom:1px solid #ffffff1a;padding:24px 24px 16px}.confirm-modal-header h3{color:#fff;font-size:20px;font-weight:600;margin:0}.confirm-modal-body{padding:24px}.confirm-modal-body p{color:#ffffffe6;font-size:15px;line-height:1.6;margin:0}.confirm-modal-actions{background:#0003;border-top:1px solid #ffffff0d;display:flex;gap:12px;justify-content:flex-end;padding:16px 24px}.confirm-modal-actions button{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;padding:10px 24px;transition:all .2s}.btn-confirm{color:#fff}.btn-confirm-danger{background:#dc3545}.btn-confirm-danger:hover{background:#c82333}.btn-confirm-primary{background:#ff7a00}.btn-confirm-primary:hover{background:#f93}.btn-confirm-success{background:#28a745}.btn-confirm-success:hover{background:#218838}@media (max-width:768px){.confirm-modal-overlay{left:0}.confirm-modal-content{max-width:90%}}.daily-logger-container{margin:0 auto;max-width:1600px;padding:24px}.daily-logger-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:24px}.daily-logger-header h1{color:#fff;font-size:28px;font-weight:600;margin:0 0 8px}.daily-logger-header p{color:#fff9;font-size:14px;margin:0}.daily-logger-error,.daily-logger-loading{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;color:#fff;font-size:14px;padding:32px;text-align:center}.daily-logger-error{background:#ef444426;border:1px solid #ef44444d;color:#ef4444}.daily-logger-controls{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:24px}.filter-bar{justify-content:space-between}.filter-bar-left{align-items:center;display:flex;flex:1 1;flex-wrap:wrap;gap:12px}.filter-button{flex-shrink:0}.bulk-import-container{flex-shrink:0;position:relative}.bulk-import-button{align-items:center;background:#ffffff1a;border:2px solid #fff3;border-radius:8px;color:#ffffffe6;cursor:pointer;display:inline-flex;height:40px;justify-content:center;padding:0;transition:all .2s;width:40px}.bulk-import-button:hover{background:#ff7a001a;border-color:#ff7a00;color:#ff7a00}.bulk-import-button svg{height:20px;width:20px}.bulk-menu-overlay{bottom:0;left:0;position:fixed;right:0;top:0;z-index:2999}.bulk-menu{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1e1e1efa;border:1px solid #fff3;border-radius:8px;box-shadow:0 8px 32px #00000080;min-width:220px;padding:8px;position:fixed;right:24px;top:82px;z-index:3000}.bulk-menu .bulk-menu-upload svg,.bulk-menu button svg{flex-shrink:0;height:16px;width:16px}.bulk-menu-portal{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1e1e1efa;border:1px solid #fff3;border-radius:8px;box-shadow:0 8px 32px #00000080;min-width:220px;padding:8px;position:fixed;right:24px;top:82px;z-index:3000}.bulk-menu-portal .bulk-menu-upload svg,.bulk-menu-portal button svg{flex-shrink:0;height:16px;width:16px}.bulk-menu button,.bulk-menu-portal .bulk-menu-upload,.bulk-menu-portal button,.bulk-menu-upload{align-items:center;background:#0000;border:none;border-radius:6px;color:#ffffffe6;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:10px;padding:12px 14px;text-align:left;transition:all .2s;width:100%}.bulk-menu button:hover,.bulk-menu-portal .bulk-menu-upload:hover,.bulk-menu-portal button:hover,.bulk-menu-upload:hover{background:#ff7a0026;color:#ff7a00}.bulk-menu button svg,.bulk-menu-portal .bulk-menu-upload svg,.bulk-menu-portal button svg,.bulk-menu-upload svg{flex-shrink:0;height:18px;width:18px}.bulk-import-error{background:#ef444426;border:1px solid #ef44444d;border-radius:6px;color:#ef4444}.bulk-import-error,.bulk-import-success{font-size:13px;margin-top:8px;padding:10px 14px}.bulk-import-success{background:#10b98126;border:1px solid #10b9814d;border-radius:6px;color:#10b981}.bulk-modal-overlay{align-items:center;background:#0000008c;bottom:0;display:flex;justify-content:center;left:260px;padding:20px;position:fixed;right:0;top:0;z-index:3000}@media (max-width:768px){.bulk-modal-overlay{left:0}}.bulk-modal{background:#111;border:1px solid #ffffff1f;border-radius:12px;box-shadow:0 20px 48px #0009;color:#fff;display:flex;flex-direction:column;max-height:90vh;overflow:hidden;position:relative;width:min(760px,94vw);z-index:3001}.bulk-modal h3,.bulk-modal h4,.bulk-modal label,.bulk-modal p,.bulk-modal span{color:#fff}.bulk-modal p{color:#ffffffd9}.bulk-modal-header{align-items:flex-start;background:#ffffff05;border-bottom:1px solid #ffffff14;display:flex;justify-content:space-between;padding:18px 20px}.bulk-modal-body{display:flex;flex:1 1;flex-direction:column;gap:12px;overflow-y:auto;padding:18px 20px}.bulk-modal-footer{border-top:1px solid #ffffff14;display:flex;justify-content:flex-end;padding:14px 20px}.bulk-step{color:#ffffffe6;display:flex;flex-direction:column;gap:10px}.bulk-helper{color:#ffffffb3;font-size:13px}.bulk-actions-row{display:flex;flex-wrap:wrap;gap:10px}.bulk-file-name{color:#fffc;font-size:13px}.bulk-primary,.bulk-secondary{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;padding:10px 16px;transition:all .2s}.bulk-primary{background:#ff7a00;color:#0b0b0b}.bulk-primary:disabled{background:#ff7a0066;cursor:not-allowed}.bulk-secondary{background:#ffffff1f;color:#fff}.bulk-footer-actions{display:flex;gap:10px;justify-content:flex-end;width:100%}.bulk-missing{background:#ffffff05;border:1px solid #ffffff1a;border-radius:8px;display:flex;flex-direction:column;gap:8px;padding:12px}.bulk-missing-header{align-items:center;color:#ffffffe6;display:flex;flex-wrap:wrap;font-size:14px;gap:12px;justify-content:space-between}.bulk-checkbox{align-items:center;color:#fffc;display:inline-flex;font-size:13px;gap:6px}.bulk-missing-list{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.bulk-missing-row{align-items:center;display:flex;gap:6px}.bulk-pill{background:#ffffff14;border-radius:999px;color:#fff;font-size:13px;padding:6px 10px;white-space:nowrap}.bulk-pill.subtle{background:#ffffff0d;color:#ffffffb3}.active-filters{align-items:center}.filter-panel{background:#1a1a1a}.filter-overlay{transition:opacity .3s ease}.filter-overlay.open{pointer-events:all}.filter-panel-header{border-bottom:1px solid #ffffff1a}.filter-panel-content{flex:1 1;overflow-y:auto;padding:20px 24px}.filter-section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.filter-section-header h4{color:#ff7a00;font-size:14px;font-weight:600;letter-spacing:.5px;margin:0;text-transform:uppercase}.btn-select-all{background:none;border:none;color:#fff9;cursor:pointer;font-size:13px;padding:4px 8px;transition:color .2s}.btn-select-all:hover{color:#fff}.filter-checkbox{align-items:center;color:#ffffffe6;cursor:pointer;display:flex;font-size:14px;padding:8px 0}.filter-checkbox input[type=checkbox]{accent-color:#ff7a00;cursor:pointer;height:18px;margin-right:10px;width:18px}.filter-checkbox:hover{color:#fff}.btn-add-entry{background:#ff7a00;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:background .2s;white-space:nowrap}.btn-add-entry:hover{background:#e66d00}.daily-logger-form-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;margin-bottom:24px;padding:24px}.daily-logger-form h2{color:#fff;font-size:18px;font-weight:600;margin-bottom:20px;margin-top:0}.form-group{display:flex;flex-direction:column}.form-group label{letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.form-group input,.form-group select{-webkit-text-fill-color:#fff;background:#ffffff0a;border-radius:8px;color:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;padding:12px 16px;transition:all .2s}.form-group input:focus,.form-group select:focus{background:#ffffff0f}.form-group input::placeholder{color:#ffffff4d}.form-readonly-text{background:#ffffff05;border:1px solid #ffffff1a;border-radius:8px;color:#fffc;cursor:not-allowed;font-size:14px;opacity:.8;padding:12px 16px}.form-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:20px}.form-actions{border-top:1px solid #ffffff1a;display:flex;gap:12px;justify-content:flex-end;margin-top:24px;padding-top:20px}.btn-cancel,.btn-save{border-radius:6px;font-size:14px;padding:10px 20px;transition:all .2s}.btn-cancel:hover{color:#fff}.btn-save{background:linear-gradient(90deg,#ff8a00,#ff5e00)!important;color:#1a1a1a!important;letter-spacing:.5px;text-transform:uppercase}.btn-save:hover{background:linear-gradient(90deg,#ff9a10,#ff6e10)!important;box-shadow:0 8px 16px #ff7a004d}.daily-logger-table{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;overflow:hidden;z-index:1}.activities-controls{align-items:center;background:#ffffff08;border-bottom:1px solid #ffffff1a;display:flex;gap:16px;justify-content:space-between;padding:20px}.search-controls{flex:1 1;max-width:400px}.search-input{background:#0000004d;border:1px solid #fff3;border-radius:8px;color:#fff;font-size:14px;padding:10px 16px;transition:all .2s;width:100%}.search-input::placeholder{color:#fff6}.search-input:focus{background:#0006;border-color:#ff7a00;outline:none}.no-entries{color:#fff9;font-size:16px;margin:0;padding:60px 20px;text-align:center}.daily-logger-table table{border-collapse:collapse;width:100%}.daily-logger-table thead{background:#ffffff0d}.daily-logger-table th{border-bottom:2px solid #ffffff1a;color:#ffffffe6;font-size:13px;font-weight:600;letter-spacing:.5px;padding:12px 16px;text-align:left;text-transform:uppercase}.daily-logger-table th.sortable{cursor:pointer;transition:background .2s;-webkit-user-select:none;user-select:none}.daily-logger-table th.sortable:hover{background:#ffffff14;color:#fff}.sort-icon{color:#ff7a00;display:inline-block;font-size:12px;margin-left:6px}.daily-logger-table td{border-bottom:1px solid #ffffff0d;color:#fffc;font-size:14px;padding:14px 16px}.daily-logger-table td:last-child{white-space:nowrap}.daily-logger-table tbody tr{transition:background .2s}.daily-logger-table tbody tr:hover{background:#ffffff08}.btn-delete,.btn-edit{border-radius:6px;cursor:pointer;display:inline-block;font-size:13px;font-weight:600;margin-right:8px;padding:6px 16px;transition:all .2s;white-space:nowrap}.btn-edit{background:#0000;border:1px solid #ff7a00;color:#ff7a00}.btn-edit:hover{background:#ff7a001a}.btn-delete{background:#0000;border:1px solid #ef4444;color:#ef4444}.btn-delete:hover{background:#ef44441a}@media (max-width:768px){.daily-logger-container{padding:16px}.daily-logger-header{flex-direction:column;gap:12px}.daily-logger-header h1{font-size:24px}.form-grid{grid-template-columns:1fr}.form-actions{flex-direction:column}.btn-add-entry,.btn-cancel,.btn-save{width:100%}.daily-logger-table{overflow-x:auto}.daily-logger-table td,.daily-logger-table th{font-size:13px;padding:10px 12px}.btn-delete,.btn-edit{font-size:12px;padding:5px 12px}}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;cursor:pointer;z-index:2000}.duplicate-modal{animation:slideUp .3s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1e1e23fa;border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 20px 60px #0009;left:50%;max-width:500px;position:fixed;top:50%;transform:translate(-50%,-50%);width:90%;z-index:2001}@keyframes slideUp{0%{opacity:0;transform:translate(-50%,-45%)}to{opacity:1;transform:translate(-50%,-50%)}}.duplicate-modal h2{color:#fff;font-size:24px;font-weight:700;margin:0 0 16px}.modal-message{color:#ffffffe6;font-size:15px;line-height:1.6;margin:0 0 12px}.modal-message strong{color:#ff7a00;font-weight:600}.modal-subtext{color:#fff9;font-size:14px;margin:0 0 24px}.modal-actions{flex-direction:column;gap:10px}.modal-btn{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;letter-spacing:.5px;padding:12px 20px;text-transform:uppercase;transition:all .2s}.modal-btn-replace{background:linear-gradient(135deg,#ff8a00,#ff5e00);border:none;color:#fff}.modal-btn-replace:hover{box-shadow:0 8px 20px #ff7a0066;transform:translateY(-2px)}.modal-btn-combine{background:#ff7a0026;border:1px solid #ff7a004d;color:#ff7a00}.modal-btn-combine:hover{background:#ff7a0040;border-color:#ff7a0080}.modal-btn-cancel{background:#0000;border:1px solid #fff3;color:#fff9}.modal-btn-cancel:hover{background:#ffffff0d;border-color:#ffffff4d;color:#ffffffe6}.dealerships-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));margin-top:24px}.dealership-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#2a2a2a99,#3336);border:1px solid #ff7a0026;border-radius:12px;cursor:grab;padding:24px;transition:all .3s}.dealership-card:hover{border-color:#ff7a004d;box-shadow:0 8px 24px #ff7a001a;transform:translateY(-2px)}.dealership-card.dragging{cursor:grabbing;opacity:.5}.dealership-card.drag-over{border-color:#ff7a00;box-shadow:0 0 0 2px #ff7a004d;transform:scale(1.02)}.dealership-card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:20px}.dealership-name{color:#fff;font-size:18px;font-weight:700;margin-bottom:6px}.dealership-location{color:#fff9;font-size:14px}.edit-dealership-btn{align-items:center;background:#ff7a001a;border:1px solid #ff7a004d;border-radius:6px;color:#ff7a00;cursor:pointer;display:flex;justify-content:center;padding:8px;transition:all .2s}.edit-dealership-btn:hover{background:#ff7a0033;border-color:#ff7a0080}.dealership-card-body{display:flex;flex-direction:column;gap:12px}.dealership-stat{align-items:center;display:flex;justify-content:space-between}.stat-label{font-size:13px}.status-badge{letter-spacing:.5px}.status-badge.active{background:#22c55e26;border:1px solid #22c55e4d;color:#22c55e}.status-badge.inactive{background:#ef444426;border:1px solid #ef44444d;color:#ef4444}.dealership-modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:260px;padding:20px;position:fixed;right:0;top:0;z-index:1000}.dealership-modal-content{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1e1e23fa;border:1px solid #ffffff1a;border-radius:12px;box-shadow:0 20px 60px #0009;margin:0 auto;max-height:90vh;max-width:500px;overflow-y:auto;padding:32px;width:100%}.dealership-modal-content h2{color:#fff;font-size:24px;font-weight:700;margin:0 0 24px}.dealership-modal-content .form-group label{color:#ffffffe6;display:block;font-size:13px;font-weight:600;margin-bottom:6px}.dealership-modal-content .form-group input,.dealership-modal-content .form-group select,.dealership-modal-content .form-group textarea{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;box-sizing:border-box;color:#fff;font-size:14px;padding:10px 12px;width:100%}.dealership-modal-content .form-group input::placeholder,.dealership-modal-content .form-group textarea::placeholder{color:#fff6}.dealership-modal-content .form-group input:focus,.dealership-modal-content .form-group select:focus,.dealership-modal-content .form-group textarea:focus{background:#ffffff14;border-color:#ff7a00;box-shadow:0 0 0 3px #ff7a001a;outline:none}.dealership-modal-content .modal-actions{border-top:1px solid #ffffff1a;display:flex;gap:12px;justify-content:flex-end;margin-top:28px;padding-top:20px}.dealership-modal-content .modal-actions button{border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;padding:10px 24px;transition:all .2s}.dealership-modal-content .modal-actions button[type=button]{background:#0000;border:1px solid #fff3;color:#ffffffb3}.dealership-modal-content .modal-actions button[type=button]:hover{background:#ffffff0d;border-color:#ffffff4d;color:#fff}.dealership-modal-content .modal-actions .btn-primary{background:#ff7a00;border:none;color:#fff}.dealership-modal-content .modal-actions .btn-primary:hover{background:#e66d00}@media (max-width:770px){.dealerships-grid{gap:16px;grid-template-columns:1fr}.dealership-card{padding:16px}.dealership-modal-overlay{left:0}.dealership-modal-content{padding:24px}}.user-management{margin:0 auto;max-width:1400px;padding:24px}.user-management-header{align-items:flex-start;display:flex;gap:20px;justify-content:space-between;margin-bottom:32px}.header-title{flex:1 1}.user-management-header h1{color:#fff;font-size:28px;font-weight:600;letter-spacing:-.5px;margin:0 0 8px}.user-management-header p{color:#fff9;font-size:14px;font-weight:400;margin:0}.btn-manage-roles{align-items:center;background:linear-gradient(135deg,#00d4ff,#08c);border:none;border-radius:10px;box-shadow:0 4px 15px #00d4ff66;color:#000;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s ease;white-space:nowrap}.btn-manage-roles:hover{box-shadow:0 4px 12px #00d4ff4d;transform:translateY(-2px)}.btn-manage-roles:active{transform:translateY(0)}.user-management-empty,.user-management-error,.user-management-loading{color:#666;font-size:16px;padding:48px;text-align:center}.user-management-error{color:#dc3545}.filter-bar{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:24px;padding:16px 20px}.filter-button{align-items:center;background:#ffffff1a;border:2px solid #fff3;border-radius:8px;color:#ffffffe6;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;padding:10px 18px;transition:all .2s}.filter-button.has-filters,.filter-button:hover{background:#ff7a001a;border-color:#ff7a00}.filter-button.has-filters{color:#ff7a00}.filter-button svg{height:18px;width:18px}.active-filters{display:flex;flex:1 1;flex-wrap:wrap;gap:8px}.active-filter-chip{align-items:center;background:#ff7a00;border-radius:16px;color:#fff;display:inline-flex;font-size:13px;font-weight:500;gap:6px;padding:6px 12px}.active-filter-chip button{align-items:center;background:none;border:none;color:#fff;cursor:pointer;display:flex;font-size:16px;line-height:1;opacity:.8;padding:0;transition:opacity .2s}.active-filter-chip button:hover{opacity:1}.filter-panel{background:#2a2a2a;box-shadow:-4px 0 24px #00000080;display:flex;flex-direction:column;height:100vh;position:fixed;right:0;top:0;transform:translateX(100%);transition:transform .3s ease;width:400px;z-index:1001}.filter-panel.open{transform:translateX(0)}.filter-panel-header{align-items:center;border-bottom:1px solid #ffffff26;display:flex;justify-content:space-between;padding:20px 24px}.filter-panel-header h3{color:#fff;font-size:18px;font-weight:700;margin:0}.filter-panel-close{background:none;border:none;color:#ffffffb3;cursor:pointer;font-size:28px;line-height:1;padding:0;transition:color .2s}.filter-panel-close:hover{color:#fff}.filter-panel-body{flex:1 1;overflow-y:auto;padding:24px}.filter-section{margin-bottom:32px}.filter-section:last-child{margin-bottom:0}.filter-section-title{color:#ff7a00;font-size:14px;font-weight:600;letter-spacing:.5px;margin-bottom:12px;text-transform:uppercase}.filter-options{display:flex;flex-direction:column;gap:8px}.filter-option{align-items:center;background:#ffffff08;border:1.5px solid #ffffff26;border-radius:8px;cursor:pointer;display:flex;padding:10px 12px;transition:all .2s;-webkit-user-select:none;user-select:none}.filter-option:hover{background:#ff7a001a;border-color:#ff7a00}.filter-option.selected{background:#ff7a0026;border-color:#ff7a00}.filter-option input[type=checkbox]{accent-color:#ff7a00;cursor:pointer;height:18px;margin-right:10px;width:18px}.filter-option-label{color:#ffffffe6;flex:1 1;font-size:14px}.filter-option-count{background:#ffffff1a;border-radius:10px;color:#fff9;font-size:12px;padding:2px 8px}.filter-panel-footer{border-top:1px solid #ffffff26;display:flex;gap:12px;padding:16px 24px}.filter-panel-footer button{border-radius:8px;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:10px;transition:all .2s}.clear-filters-btn{background:#ffffff1a;border:1.5px solid #fff3;color:#ffffffe6}.clear-filters-btn:hover{background:#dc35451a;border-color:#dc3545;color:#dc3545}.apply-filters-btn{background:#ff7a00;border:none;color:#fff}.apply-filters-btn:hover{background:#ff8c1a}.filter-overlay{background:#00000080;bottom:0;left:0;opacity:0;pointer-events:none;position:fixed;right:0;top:0;transition:opacity .3s;z-index:1000}.filter-overlay.open{opacity:1;pointer-events:auto}.user-management-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;overflow:hidden}.user-management-controls{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;gap:16px;padding:20px}.search-bar{min-width:0}.search-bar input{-webkit-text-fill-color:#fff;background:#ffffff0d;border:1px solid #fff3;border-radius:6px;box-sizing:border-box;padding:10px 12px;width:100%}.search-bar input::placeholder{color:#ffffff80}.search-bar input:focus{background:#ffffff14;border-color:#ff7a00;outline:none}.filter-buttons{display:flex;gap:8px}.filter-buttons button{background:#ffffff0d;border:1px solid #fff3;border-radius:6px;color:#ffffffe6;cursor:pointer;font-size:13px;padding:8px 16px;transition:all .2s}.filter-buttons button:hover{background:#ffffff1a;border-color:#ffffff4d}.filter-buttons button.active{background:#ff7a00;border-color:#ff7a00;color:#fff}.add-user-btn{background:#ff7a00;border:none;border-radius:6px;color:#fff;cursor:pointer;flex-shrink:0;font-size:14px;font-weight:600;padding:10px 20px;transition:background .2s;white-space:nowrap}.add-user-btn:hover{background:#e66d00}.users-table-container{border-bottom:1px solid #e5e7eb;color:#333;overflow-x:auto;.users-table{border-collapse:collapse;width:100%}.users-table thead{background:#ffffff0d}.users-table th{border-bottom:2px solid #ffffff1a;color:#ffffffe6;font-size:13px;font-weight:600;letter-spacing:.5px;padding:12px 16px;text-align:left;text-transform:uppercase}.users-table th.sortable{cursor:pointer;transition:color .2s;-webkit-user-select:none;user-select:none}.users-table th.sortable:hover{color:#ff7a00}.users-table td{border-bottom:1px solid #ffffff0d;color:#fffc;font-size:14px;padding:14px 16px}.roles-container{display:flex;flex-wrap:wrap;gap:6px}.role-tag{background:linear-gradient(135deg,#ff7a0026,#ff7a000d);border:1px solid #ff7a0066;border-radius:12px;color:#ff7a00;display:inline-block;font-size:12px;font-weight:500;padding:4px 10px;transition:all .2s;white-space:nowrap}.role-tag:hover{background:linear-gradient(135deg,#ff7a0040,#ff7a001a);border-color:#ff7a0099}.users-table tbody tr{transition:background .2s}.users-table tbody tr:hover{background:#ffffff08}}.users-table tbody tr:hover{background:#f8f9fa}.users-table tbody tr.inactive-row{background:#f9f9f9;opacity:.6}.role-badge{border-radius:12px;display:inline-block;font-size:11px;font-weight:600;letter-spacing:.3px;padding:4px 10px;text-transform:uppercase}.role-badge.role-manager{background:#e3f2fd;color:#1976d2}.role-badge.role-employee{background:#f3e5f5;color:#7b1fa2}.role-badge.role-owner{background:#fff3e0;color:#e65100}.status-badge{font-size:11px;font-weight:600;letter-spacing:.3px;padding:4px 10px;text-transform:uppercase}.status-badge.active{background:#e8f5e9;color:#2e7d32}.status-badge.inactive{background:#ffebee;color:#c62828}.btn-edit-compact,.btn-expand,.mobile-card-actions,.mobile-card-header{display:none}.desktop-name{display:inline}.action-buttons button{border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:12px;font-weight:500;padding:6px 12px;transition:all .2s}.btn-edit{background:#fff;color:#333}.btn-edit:hover{background:#f8f9fa;border-color:#aaa}.btn-deactivate{background:#fff;border-color:#dc3545;color:#dc3545}.btn-deactivate:hover{background:#dc3545;color:#fff}.btn-reactivate{background:#fff;border-color:#28a745;color:#28a745}.btn-reactivate:hover{background:#28a745;color:#fff}.no-users{color:#999;font-style:italic;padding:48px!important;text-align:center}.modal-overlay{background:#00000080;left:0}.modal-content{max-width:500px;padding:32px}.modal-content h2{color:#fff;font-size:24px;font-weight:700;margin:0 0 24px}.form-group{margin-bottom:20px}.form-group label{font-size:13px;font-weight:600}.form-group input,.form-group select{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;box-sizing:border-box;color:#ffffffe6;font-size:14px;padding:10px 12px;width:100%}.form-group input::placeholder,.form-group select::placeholder{color:#fff6}.form-group input:focus,.form-group select:focus{background:#ffffff14;border-color:#ff7a00;box-shadow:0 0 0 3px #ff7a0026;outline:none}.modal-actions{margin-top:28px;padding-top:20px}.modal-actions button{border:1px solid #fff3;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;padding:10px 24px;transition:all .2s}.modal-actions button[type=button]{background:#ffffff0d;color:#fffc}.modal-actions button[type=button]:hover{background:#ffffff1a;border-color:#ffffff4d}.modal-actions .btn-primary{background:#ff7a00;border-color:#ff7a00;color:#fff}.modal-actions .btn-primary:hover{background:#e66d00;border-color:#e66d00}@media (max-width:768px){.user-management{padding:16px}.user-management-header{align-items:stretch;flex-direction:column}.user-management-header h1,.user-management-header p{padding-left:0}.btn-manage-roles{justify-content:center;width:100%}.filter-bar{align-items:stretch;flex-direction:column}.filter-button{justify-content:center;width:100%}.active-filters,.filter-panel{width:100%}.user-management-controls{align-items:stretch;flex-direction:column;gap:12px}.search-bar{width:100%}.filter-buttons{justify-content:space-between;width:100%}.add-user-btn{width:100%}.users-table thead{display:none}.users-table tbody{display:block}.users-table tbody tr{background:#fff;border:1px solid #e5e7eb;border-radius:8px;display:block;margin-bottom:12px;padding:0}.users-table tbody tr.inactive-row{background:#f9f9f9}.users-table td{border:none;display:none;font-size:14px;padding:8px 16px;text-align:left}.users-table td.mobile-card-main{display:block;padding:16px}.users-table td.mobile-card-main:before{display:none}.users-table tr.expanded td.mobile-expandable{border-top:1px solid #f0f0f0;display:block}.users-table td.mobile-expandable:before{color:#666;content:attr(data-label);display:block;font-size:11px;font-weight:600;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.desktop-name{display:none}.mobile-card-header{align-items:center;display:flex!important;gap:12px;justify-content:space-between}.mobile-card-info{flex:1 1;min-width:0}.mobile-card-name{color:#333;font-size:16px;font-weight:600;margin-bottom:4px}.mobile-card-email,.mobile-card-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-card-email{color:#666;font-size:13px}.mobile-card-actions{display:flex!important;flex-shrink:0;gap:8px}.btn-edit-compact{background:#ff7a00;color:#fff;font-size:13px;font-weight:600;padding:8px 16px}.btn-edit-compact,.btn-expand{border:none;border-radius:6px;cursor:pointer;display:block!important}.btn-expand{background:#f0f0f0;color:#666;font-size:14px;min-width:36px;padding:8px 12px}.action-buttons{flex-direction:row;gap:8px;margin-top:8px}.action-buttons button{flex:1 1;font-size:12px;padding:8px 12px}.modal-content{padding:24px}.roles-container{display:flex;flex-wrap:wrap;gap:4px}.role-tag{background:linear-gradient(135deg,#ff7a0026,#ff7a000d);border:1px solid #ff7a0066;border-radius:12px;color:#ff7a00;display:inline-block;font-size:11px;font-weight:500;padding:4px 8px;white-space:nowrap}.roles-dropdown-container{position:relative}.roles-search-input{background:#ffffff0d!important;border:1px solid #ffffff1a!important;border-radius:6px!important;box-sizing:border-box!important;color:#ffffffe6!important;font-size:14px!important;padding:10px 12px!important;width:100%!important}.roles-search-input::placeholder{color:#fff6!important}.roles-search-input:focus{background:#ffffff14!important;border-color:#ff7a00!important;box-shadow:0 0 0 3px #ff7a0026!important;outline:none!important}.dropdown-overlay{bottom:0;left:0;position:fixed;right:0;top:0;z-index:999}.roles-dropdown-menu{background:linear-gradient(135deg,#1e1e1efa,#141414fa);border:1px solid #ff7a0033;border-radius:0 0 6px 6px;border-top:none;box-shadow:0 8px 16px #0000004d;left:0;margin-top:-1px;max-height:300px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1001}.dropdown-item{align-items:center;background:none;border:none;border-bottom:1px solid #ffffff0d;color:#fffc;cursor:pointer;display:flex;font-size:14px;gap:8px;padding:12px;text-align:left;transition:all .15s;width:100%}.dropdown-item:hover{background:#ff7a001a;color:#ff7a00}.dropdown-item.selected{background:#ff7a0026;color:#ff7a00}.dropdown-item-checkmark{color:#ff7a00;font-weight:600;min-width:20px}.selected-roles{background:#ff7a000d;border:1px solid #ff7a0026;border-radius:6px;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px;padding:10px}.role-badge{background:linear-gradient(135deg,#ff7a0033,#ff7a001a);border:1px solid #ff7a004d;border-radius:16px;display:inline-flex;font-size:13px;font-weight:500;gap:6px;padding:6px 12px;white-space:nowrap}.role-badge,.role-badge-remove{align-items:center;color:#ff7a00}.role-badge-remove{background:none;border:none;cursor:pointer;display:flex;font-size:18px;justify-content:center;line-height:1;padding:0;transition:all .15s}.role-badge-remove:hover{color:#e66d00;transform:scale(1.2)}}.roles-dropdown-container{position:relative}.roles-search-input{background:#ffffff0d!important;border:1px solid #ffffff1a!important;border-radius:6px!important;box-sizing:border-box!important;color:#ffffffe6!important;font-size:14px!important;padding:10px 12px!important;width:100%!important}.roles-search-input::placeholder{color:#fff6!important}.roles-search-input:focus{background:#ffffff14!important;border-color:#ff7a00!important;box-shadow:0 0 0 3px #ff7a0026!important;outline:none!important}.dropdown-overlay{bottom:0;left:0;position:fixed;right:0;top:0;z-index:999}.roles-dropdown-menu{background:linear-gradient(135deg,#1e1e1efa,#141414fa);border:1px solid #ff7a0033;border-radius:0 0 6px 6px;border-top:none;box-shadow:0 8px 16px #0000004d;left:0;margin-top:-1px;max-height:300px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1001}.dropdown-item{align-items:center;background:none;border:none;border-bottom:1px solid #ffffff0d;color:#fffc;cursor:pointer;display:flex;font-size:14px;gap:8px;padding:12px;text-align:left;transition:all .15s;width:100%}.dropdown-item:hover{background:#ff7a001a;color:#ff7a00}.dropdown-item.selected{background:#ff7a0026;color:#ff7a00}.dropdown-item-checkmark{color:#ff7a00;font-weight:600;min-width:20px}.selected-roles{background:#ff7a000d;border:1px solid #ff7a0026;border-radius:6px;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px;padding:10px}.role-badge{background:linear-gradient(135deg,#ff7a0033,#ff7a001a);border:1px solid #ff7a004d;border-radius:16px;display:inline-flex;font-size:13px;font-weight:500;gap:6px;padding:6px 12px;white-space:nowrap}.role-badge,.role-badge-remove{align-items:center;color:#ff7a00}.role-badge-remove{background:none;border:none;cursor:pointer;display:flex;font-size:18px;justify-content:center;line-height:1;padding:0;transition:all .15s}.role-badge-remove:hover{color:#e66d00;transform:scale(1.2)}.manage-roles-overlay{align-items:center;background:#0009;bottom:0;display:flex;justify-content:center;left:0;margin-left:260px;overflow-y:auto;padding:20px;position:fixed;right:0;top:0;z-index:2000}.manage-roles-modal{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#1a1a2e,#16213e);border:1px solid #00d4ff33;border-radius:20px;box-shadow:0 8px 32px 0 #00d4ff33;display:flex;flex-direction:column;margin:auto;max-height:calc(100vh - 40px);max-width:1000px;min-width:300px;width:calc(100% - 40px)}.manage-roles-header{align-items:center;border-bottom:1px solid #00d4ff1a;display:flex;justify-content:space-between;padding:25px 30px}.manage-roles-header h2{color:#00d4ff;font-size:1.5rem;font-weight:600;margin:0}.manage-roles-close{align-items:center;background:none;border:none;border-radius:8px;color:#b0b0b0;cursor:pointer;display:flex;font-size:2rem;height:40px;justify-content:center;padding:0;transition:all .3s ease;width:40px}.manage-roles-close:hover{background:#00d4ff1a;color:#00d4ff}.manage-roles-content{flex:1 1;overflow-y:auto;padding:30px}.manage-roles-description{color:#b0b0b0;font-size:.95rem;margin-bottom:25px;margin-top:0}.roles-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.role-card{background:#ffffff0d;border:1px solid #00d4ff26;border-radius:12px;display:flex;flex-direction:column;overflow:hidden;transition:all .3s ease}.role-card:hover{background:#ffffff14;border-color:#00d4ff4d;box-shadow:0 4px 15px #00d4ff1a}.role-card-header{align-items:flex-start;border-bottom:1px solid #00d4ff1a;display:flex;gap:10px;justify-content:space-between;padding:15px}.role-card-header h3{color:#00d4ff;flex:1 1;font-size:1rem;font-weight:600;margin:0}.role-card-actions{display:flex;gap:6px}.role-action-btn{background:#00d4ff1a;border:1px solid #00d4ff33;border-radius:5px;color:#00d4ff;cursor:pointer;font-size:.75rem;font-weight:600;padding:5px 10px;transition:all .3s ease}.role-action-btn:hover{background:#00d4ff33;border-color:#00d4ff66}.role-action-btn.deselect-all:hover{background:#ff000026;border-color:#ff00004d;color:#ff6b6b}.role-features{display:flex;flex:1 1;flex-direction:column;gap:10px;padding:15px}.feature-checkbox{align-items:center;border-radius:6px;color:#b0b0b0;cursor:pointer;display:flex;font-size:.9rem;gap:10px;padding:6px 8px;transition:all .3s ease}.feature-checkbox:hover{background:#00d4ff14;color:#fff}.feature-checkbox input[type=checkbox]{align-items:center;appearance:none;-webkit-appearance:none;background:#0000;border:2px solid #00d4ff4d;border-radius:4px;cursor:pointer;display:flex;flex-shrink:0;height:18px;justify-content:center;transition:all .3s ease;width:18px}.feature-checkbox input[type=checkbox]:checked{background:linear-gradient(135deg,#00d4ff,#08c);border-color:#00d4ff}.feature-checkbox input[type=checkbox]:checked:after{align-items:center;color:#000;content:"✓";display:flex;font-size:12px;font-weight:700;justify-content:center}.role-card-footer{text-align:center}.manage-roles-footer{border-top:1px solid #00d4ff1a;display:flex;gap:15px;justify-content:flex-end;padding:20px 30px}.btn-cancel,.btn-save{border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 28px;transition:all .3s ease}.btn-cancel{background:#ffffff1a;border:1px solid #fff3;color:#fff}.btn-cancel:hover{background:#ffffff26;border-color:#ffffff4d}.btn-save{background:linear-gradient(135deg,#00d4ff,#08c);box-shadow:0 4px 15px #00d4ff66;color:#000}.btn-save:hover{box-shadow:0 6px 20px #00d4ff99;transform:translateY(-2px)}.btn-save:active{transform:translateY(0)}.role-title-wrapper{align-items:center;display:flex;flex:1 1;gap:10px}.role-badge-inactive{background:#ff00001a;border:1px solid #ff00004d;border-radius:12px;color:#ff6b6b;display:inline-block;font-size:.75rem;font-weight:600;padding:4px 10px;white-space:nowrap}.role-card.inactive{background:#ffffff08;opacity:.7}.role-features.disabled{pointer-events:none}.role-card-footer{align-items:center;background:#00d4ff0d;border-top:1px solid #00d4ff1a;color:#00d4ff;display:flex;font-size:.85rem;font-weight:500;gap:10px;justify-content:space-between;padding:12px 15px}.feature-count{flex:1 1}.role-deactivate-btn,.role-reactivate-btn{background:#ff00001a;border:1px solid #ff00004d;border-radius:6px;color:#ff6b6b;cursor:pointer;font-size:.75rem;font-weight:600;padding:6px 12px;transition:all .3s ease;white-space:nowrap}.role-deactivate-btn:hover:not(:disabled),.role-reactivate-btn:hover:not(:disabled){background:#f003;border-color:#ff000080;box-shadow:0 0 10px #f003}.role-deactivate-btn:disabled,.role-reactivate-btn:disabled{cursor:not-allowed;opacity:.5}.role-reactivate-btn{background:#00c8641a;border-color:#00c8644d;color:#5eead4}.role-reactivate-btn:hover:not(:disabled){background:#00c86433;border-color:#00c86480;box-shadow:0 0 10px #00c86433}.manage-roles-content::-webkit-scrollbar{width:8px}.manage-roles-content::-webkit-scrollbar-track{background:#00d4ff0d}.manage-roles-content::-webkit-scrollbar-thumb{background:#00d4ff4d;border-radius:4px}.manage-roles-content::-webkit-scrollbar-thumb:hover{background:#00d4ff80}@media (max-width:1500px){.manage-roles-modal{max-width:90vw;width:calc(90vw - 40px)}.roles-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}}@media (max-width:900px){.manage-roles-modal{max-width:95vw;width:calc(95vw - 40px)}.roles-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.manage-roles-header{padding:15px 20px}.manage-roles-content{padding:20px}.manage-roles-footer{flex-direction:column;padding:15px 20px}.btn-cancel,.btn-save{width:100%}}@media (max-width:770px){.manage-roles-overlay{margin-left:0}.manage-roles-modal{max-height:95vh;max-width:100vw;width:calc(100vw - 40px)}.manage-roles-header{padding:15px 20px}.manage-roles-content{padding:20px}.roles-grid{grid-template-columns:1fr}.manage-roles-footer{flex-direction:column;padding:15px 20px}.btn-cancel,.btn-save{width:100%}}.admin-panel{background:#0000;margin:0 auto;max-width:1400px;padding:20px}.admin-header{margin-bottom:30px}.admin-header h1{color:#fff;font-size:32px;margin:0 0 5px}.admin-header p{color:#fff9;font-size:14px;margin:0}.admin-tabs{border-bottom:2px solid #ffffff1a;display:flex;gap:10px;margin-bottom:30px}.admin-tabs button{background:none;border:none;border-bottom:3px solid #0000;color:#fff9;cursor:pointer;font-size:16px;padding:12px 24px;transition:all .2s}.admin-tabs button:hover{background:#ffffff0d;color:#fff}.admin-tabs button.active{border-bottom-color:#ff7a00;color:#ff7a00;font-weight:500}.admin-error{background:#ff44441a;border:1px solid #ff44444d;border-radius:8px;color:#ff6b6b;margin-bottom:20px;padding:15px}.admin-dashboard{padding:20px 0}.stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.stat-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;padding:24px}.stat-label{color:#fff9;font-size:14px;font-weight:500;margin-bottom:8px}.stat-value{color:#fff;font-size:36px;font-weight:700}.admin-owners{padding:20px 0}.owners-controls{gap:16px;margin-bottom:24px}.owners-controls,.search-bar{align-items:center;display:flex}.search-bar{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;flex:1 1;padding:0 16px;position:relative;transition:all .2s}.search-bar:focus-within{background:#ffffff14;border-color:#ff7a00}.search-bar svg{color:#fff6;flex-shrink:0}.search-bar input{background:none;border:none;color:#fff;flex:1 1;font-size:14px;outline:none;padding:12px 12px 12px 8px}.search-bar input::placeholder{color:#fff6}.clear-search{background:none;border:none;color:#fff9;cursor:pointer;font-size:24px;line-height:1;padding:0;transition:color .2s}.clear-search:hover{color:#fff}.btn-add-owner{background:#ff7a00;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:500;padding:12px 24px;transition:background .2s}.btn-add-owner:hover{background:#f93}.table-container{background:#ffffff08;border:1px solid #ffffff1a;border-radius:12px;overflow:hidden}.owners-table{border-collapse:collapse;width:100%}.owners-table thead{background:#ffffff0d}.owners-table th{border-bottom:2px solid #ffffff1a;color:#fff;font-size:14px;font-weight:600;padding:16px;text-align:left}.owners-table td{border-bottom:1px solid #ffffff0d;color:#ffffffe6;font-size:14px;padding:16px}.owners-table tr:hover{background:#ffffff0d}.dealerships-link{background:none;border:none;color:#ff7a00;cursor:pointer;font-size:14px;padding:0;text-decoration:underline;transition:color .2s}.dealerships-link:hover{color:#f93}.dealership-count{color:inherit;font-weight:500}.no-dealerships{color:#fff6;font-style:normal}.no-results{color:#fff9;padding:60px 20px;text-align:center}.no-results p{font-size:16px;margin:0}no-dealerships{color:#fff6;font-style:italic}.action-buttons{gap:8px}.action-buttons,.btn-edit{align-items:center;display:flex}.btn-edit{background:#ffffff0d;border:1px solid #fff3;border-radius:6px;color:#fff;cursor:pointer;justify-content:center;padding:8px;transition:all .2s}.btn-edit:hover{background:#ffffff1a;border-color:#ff7a00;color:#ff7a00}.btn-edit:disabled{cursor:not-allowed;opacity:.5}.btn-deactivate{background:#dc3545;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;padding:8px 16px;transition:background .2s;white-space:nowrap}.btn-deactivate:hover{background:#c82333}.btn-deactivate:disabled{background:#999;cursor:not-allowed}.btn-activate{background:#28a745;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;padding:8px 16px;transition:background .2s;white-space:nowrap}.btn-activate:hover{background:#218838}.btn-activate:disabled{background:#999;cursor:not-allowed}.status-badge{border-radius:12px;display:inline-block;font-size:12px;font-weight:500;padding:4px 12px}.status-active{background:#00d4ff33;color:#00d4ff}.status-inactive{background:#ffffff1a;color:#fff6}.loading{color:#fff9;font-size:16px;padding:40px;text-align:center}.modal-overlay{align-items:center;background:#000c;bottom:0;display:flex;justify-content:center;left:260px;padding:20px;position:fixed;right:0;top:0;z-index:1000}.modal-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#1e1e1ef2,#141414f2);border:1px solid #ff7a0033;border-radius:12px;box-shadow:0 20px 60px #00000080;max-height:90vh;max-width:800px;overflow-y:auto;padding:0;width:100%}.modal-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:24px}.modal-header h2{color:#fff;font-size:24px;margin:0}.close-btn{background:none;border:none;color:#fff9;cursor:pointer;font-size:32px;height:32px;line-height:1;padding:0;width:32px}.close-btn:hover{color:#fff}.modal-content form{padding:24px}.form-section{margin-bottom:24px}.form-section h3{border-bottom:2px solid #ffffff1a;color:#fff;font-size:18px;margin:0 0 16px;padding-bottom:8px}.form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.form-group,.form-row{margin-bottom:16px}.form-group label{color:#ffffffe6;display:block;font-size:14px;font-weight:500;margin-bottom:6px}.form-group input,.form-group textarea{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;color:#fff;font-family:inherit;font-size:14px;padding:10px 12px;transition:border-color .2s;width:100%}.form-group input:focus,.form-group textarea:focus{background:#ffffff14;border-color:#ff7a00;outline:none}.form-group textarea{resize:vertical}.modal-actions{border-top:1px solid #ffffff1a;display:flex;gap:12px;justify-content:flex-end;padding-top:16px}.btn-cancel{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;color:#ffffffe6;cursor:pointer;font-size:16px;padding:12px 24px;transition:all .2s}.btn-cancel:hover{background:#ffffff1a}.btn-submit{border:none;border-radius:8px;cursor:pointer;font-size:16px;font-weight:500;padding:12px 24px;transition:background .2s}.btn-submit:hover{background:#f93;background:#0052a3}.btn-cancel:disabled,.btn-submit:disabled{cursor:not-allowed;opacity:.6}.modal-large{max-width:900px}.modal-body{padding:24px}.dealerships-actions{display:flex;justify-content:flex-end;margin-bottom:20px}.btn-add-dealership{background:#ff7a00;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:background .2s}.btn-add-dealership:hover{background:#f93}.btn-add-dealership-inline{background:#ff7a00;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;font-weight:500;padding:8px 16px;transition:background .2s}.btn-add-dealership-inline:hover{background:#f93}.dealerships-table-inline{border-collapse:collapse;margin-top:12px;width:100%}.dealerships-table-inline thead{background:#ffffff0d}.dealerships-table-inline th{border-bottom:2px solid #ffffff1a;color:#fff;font-size:12px;font-weight:600;padding:10px 14px;text-align:left}.dealerships-table-inline td{border-bottom:1px solid #ffffff0d;color:#ffffffe6;font-size:13px;padding:10px 14px}.dealerships-table-inline tr:hover{background:#ffffff08}.no-dealerships-message{background:#ffffff08;border:1px dashed #fff3;border-radius:8px;color:#fff9;padding:40px 20px;text-align:center}.no-dealerships-message p{font-size:14px;margin:0}.dealerships-table{border-collapse:collapse;width:100%}.dealerships-table thead{background:#ffffff0d}.dealerships-table th{border-bottom:2px solid #ffffff1a;color:#fff;font-size:13px;font-weight:600;padding:12px 16px;text-align:left}.dealerships-table td{border-bottom:1px solid #ffffff0d;color:#ffffffe6;font-size:14px;padding:12px 16px}.dealerships-table tr:hover{background:#ffffff08}.btn-activate-small,.btn-deactivate-small,.btn-edit-small{border:none;border-radius:6px;cursor:pointer;font-size:12px;font-weight:500;margin-right:6px;padding:6px 14px;transition:all .2s}.btn-edit-small{background:#ffffff0d;border:1px solid #fff3;color:#fff}.btn-edit-small:hover{background:#ffffff1a;border-color:#ff7a00;color:#ff7a00}.btn-deactivate-small{background:#dc3545;color:#fff}.btn-deactivate-small:hover{background:#c82333}.btn-activate-small{background:#28a745;color:#fff}.btn-activate-small:hover{background:#218838}.btn-activate-small:disabled,.btn-deactivate-small:disabled,.btn-edit-small:disabled{background:#999;cursor:not-allowed;opacity:.6}@media (max-width:768px){.admin-panel{padding:15px}.form-row,.stats-grid{grid-template-columns:1fr}.owners-table{font-size:12px}.owners-table td,.owners-table th{padding:12px 8px}.modal-overlay{left:0}}.btn-manage{background:#ff7a0026;border:1px solid #ff7a0066;border-radius:6px;color:#ff7a00;cursor:pointer;font-size:14px;font-weight:500;padding:8px 14px;transition:all .2s}.btn-manage:hover{background:#ff7a0040;border-color:#ff7a00}.btn-manage:disabled{cursor:not-allowed;opacity:.5}.prompt-modal-overlay{align-items:center;background:#000c;bottom:0;display:flex;justify-content:center;left:260px;padding:20px;position:fixed;right:0;top:0;z-index:2000}.prompt-modal-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#1e1e1efa,#141414fa);border:1px solid #ff7a004d;border-radius:12px;box-shadow:0 20px 60px #0009;max-width:min(520px,calc(100% - 40px));overflow:hidden;width:100%}.prompt-modal-header{border-bottom:1px solid #ffffff1a;padding:24px 24px 16px}.prompt-modal-header h3{color:#fff;font-size:20px;font-weight:600;margin:0}.prompt-modal-body{padding:24px}.prompt-modal-body p{color:#fffc;font-size:14px;line-height:1.6;margin:0 0 16px}.prompt-input{background:#ffffff0d;border:1px solid #fff3;border-radius:8px;box-sizing:border-box;color:#ffffffe6;font-size:14px;padding:12px 16px;transition:all .2s;width:100%}.prompt-input::placeholder{color:#fff6}.prompt-input:focus{background:#ffffff14;border-color:#ff7a00;box-shadow:0 0 0 3px #ff7a001a;outline:none}.prompt-input:disabled{cursor:not-allowed;opacity:.7}.prompt-modal-actions{background:#0003;border-top:1px solid #ffffff0d;display:flex;gap:12px;justify-content:flex-end;padding:16px 24px}.prompt-modal-actions button{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;padding:10px 24px;transition:all .2s}.btn-cancel{background:#0000;border:1px solid #fff3!important;color:#ffffffb3}.btn-cancel:hover{background:#ffffff0d;border-color:#ffffff4d!important;color:#ffffffe6}.btn-submit{background:#ff7a00;color:#fff}.btn-submit:hover:not(:disabled){background:#f93}.btn-submit:disabled{background:#ff7a004d;cursor:not-allowed}@media (max-width:768px){.prompt-modal-overlay{left:0}.prompt-modal-content{max-width:90%}}.targets-container{margin:0 auto;max-width:1800px;padding:24px}.monthly-targets-table{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;display:flex;flex-direction:column;gap:1px;overflow:hidden}.monthly-table-header{background:#ff7a0026;border-bottom:2px solid #ff7a004d;display:grid;grid-template-columns:120px repeat(7,1fr)}.monthly-header-cell{color:#ff7a00;font-size:11px;font-weight:600;letter-spacing:.3px;padding:12px 8px;text-align:center;text-transform:uppercase}.monthly-table-row{background:#ffffff05;display:grid;grid-template-columns:120px repeat(7,1fr);transition:background .2s ease}.monthly-table-row:hover{background:#ffffff0d}.monthly-cell{align-items:center;display:flex;padding:8px}.monthly-cell.month-name{color:#ffffffe6;font-size:14px;font-weight:500}.monthly-cell input{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;color:#fff;font-size:14px;padding:8px 12px;transition:all .2s ease;width:100%}.monthly-cell input:hover{background:#ffffff14;border-color:#ffffff26}.monthly-cell input:focus{background:#ffffff1a;border-color:#ff7a00;box-shadow:0 0 0 3px #ff7a001a;outline:none}.monthly-cell input.zero-warning{background:#ef44441a;border-color:#ef444466}.monthly-cell input.zero-warning:hover{background:#ef444426;border-color:#ef444480}.monthly-cell input.zero-warning:focus{background:#ef444433;border-color:#ef4444;box-shadow:0 0 0 3px #ef444433}.auto-calculated-note{background:#ff7a001a;border-left:3px solid #ff7a00;border-radius:4px;color:#fffc;font-size:13px;line-height:1.5;margin:12px 0;padding:10px 16px}.targets-header{margin-bottom:24px}.targets-header h1{color:#fff;font-size:28px;font-weight:600;margin:0 0 8px}.targets-header p{color:#fff9;font-size:14px;margin:0}.targets-error,.targets-loading{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;color:#fff;font-size:14px;padding:32px;text-align:center}.targets-error{background:#ef444426;border:1px solid #ef44444d;color:#ef4444}.targets-controls{align-items:flex-start;display:flex;flex-wrap:wrap;gap:16px;margin-bottom:24px}.dealership-selector{display:flex;flex-direction:column;gap:6px}.dealership-selector label{color:#fffc;font-size:13px;font-weight:500;line-height:1.4}.dealership-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background:#ffffff0d;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='rgba(255,255,255,0.6)' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");border:1px solid #ffffff1a;border-radius:6px;color:#fff;font-size:14px;min-width:250px;padding:10px 32px 10px 12px}.dealership-select,.dealership-select:hover{background-position:right 8px center;background-repeat:no-repeat;background-size:20px}.dealership-select:hover{background-color:#ffffff14;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='rgba(255,255,255,0.8)' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");border-color:#ffffff26}.fiscal-settings{display:flex;flex-direction:column;gap:6px}.fiscal-settings>label{color:#fffc;font-size:13px;font-weight:500;line-height:1.4;margin:0}.demo-mode-toggle{align-items:center;flex-direction:row}.checkbox-label{align-items:center;cursor:pointer;display:flex;gap:10px;-webkit-user-select:none;user-select:none}.checkbox-label input[type=checkbox]{accent-color:#ff7a00;cursor:pointer;height:18px;width:18px}.checkbox-label span{color:#ffffffe6;font-size:13px;font-weight:500}.fiscal-input-field,.fiscal-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;box-sizing:border-box;color:#fff;font-size:14px;height:40px;padding:10px 12px;transition:all .2s ease}.fiscal-select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='rgba(255,255,255,0.6)' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;background-size:20px;cursor:pointer;min-width:200px;padding-right:32px}.fiscal-input-field{cursor:text;width:100px}.fiscal-input-field:hover,.fiscal-select:hover{background-color:#ffffff14;border-color:#ffffff26}.fiscal-select:hover{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='rgba(255,255,255,0.8)' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;background-size:20px}.fiscal-input-field:focus,.fiscal-select:focus{background-color:#ffffff14;border-color:#ff7a00;box-shadow:0 0 0 2px #ff7a001a;outline:none}.fiscal-select:focus{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ff7a00' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;background-size:20px}.fiscal-select option{background:#1a1a1a;color:#fff}.btn-save-fiscal{align-self:flex-start;background:linear-gradient(90deg,#ff7a00,#ff9a00);border:none;border-radius:6px;color:#0f0f14;cursor:pointer;font-size:14px;font-weight:600;padding:10px 16px;transition:transform .1s ease,opacity .1s ease;white-space:nowrap}.btn-save-fiscal:hover{opacity:.9;transform:translateY(-1px)}.btn-save-fiscal:active{transform:translateY(0)}.dealership-select:focus{background-color:#ffffff14;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ff7a00' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;background-size:20px;border-color:#ff7a00;box-shadow:0 0 0 2px #ff7a001a;outline:none}.dealership-select option{background:#1a1a1a;color:#fff}.success-message{background:#22c55e26;border:1px solid #22c55e4d;border-radius:8px;color:#22c55e;font-size:14px;font-weight:500;margin-bottom:16px;padding:12px 16px}.targets-tabs{border-bottom:1px solid #ffffff1a;display:flex;gap:8px;margin-bottom:24px}.tab-button{background:#0000;border:none;border-bottom:2px solid #0000;color:#fff9;cursor:pointer;font-size:14px;font-weight:500;padding:12px 16px;transition:all .2s}.tab-button:hover{color:#ffffffe6}.tab-button.active{border-bottom-color:#ff7a00;color:#ff7a00}.tab-content{animation:fadeIn .2s ease}.section-header{align-items:center;display:flex;gap:24px;justify-content:space-between;margin-bottom:24px}.section-header h2{flex-shrink:0;margin:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.targets-section{background:#ffffff05;border:1px solid #ffffff0d;border-radius:12px;padding:24px}.targets-section h2{color:#fff;font-size:18px;font-weight:600;margin:0 0 20px}.targets-section h3{color:#ffffffe6;font-size:16px;font-weight:500;margin:0 0 16px}.targets-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:32px}.targets-group{border-bottom:1px solid #ffffff0d;margin-bottom:28px;padding-bottom:24px}.targets-group:last-child{border-bottom:none}.group-title{color:#ffffffe6;font-size:15px;font-weight:600;margin:0 0 16px}.group-header{align-items:center;display:flex;gap:16px;justify-content:space-between;margin-bottom:16px}.frequency-buttons{display:flex;gap:8px}.frequency-btn{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:4px;color:#fff9;cursor:pointer;font-size:12px;font-weight:500;padding:8px 14px;transition:all .2s}.frequency-btn:hover{background:#ffffff14;border-color:#ffffff26;color:#fffc}.frequency-btn.active{background:linear-gradient(135deg,#ff7a0033,#ff5e0026);border-color:#ff7a00;color:#ff7a00}.btn-save-targets{background:#ff7a00;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s;white-space:nowrap}.btn-save-targets:hover{background:#ff8c1a;box-shadow:0 4px 12px #ff7a004d;transform:translateY(-1px)}.btn-save-targets:active{transform:translateY(0)}.target-input-group{display:flex;flex-direction:column;gap:8px}.target-input-group label{color:#fffc;font-size:13px;font-weight:500}.target-input-group input{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;color:#fff9;font-size:14px;font-weight:500;padding:10px 12px}.target-input-group input:not(:placeholder-shown){color:#ff7a00}.target-input-group input:hover{background:#ffffff14;border-color:#ffffff26}.target-input-group input:focus{background:#ffffff14;border-color:#ff7a00;box-shadow:0 0 0 2px #ff7a001a;outline:none}.target-input-group input::placeholder{color:#ffffff4d}.input-with-display,.input-with-display input{display:none}.employee-allocations{border-top:1px solid #ffffff1a;margin-top:32px;padding-top:24px}.allocation-header-row{align-items:flex-start;display:flex;gap:16px;justify-content:space-between;margin-bottom:16px}.allocation-header-row h3{margin:0 0 8px}.btn-distribute{background:linear-gradient(135deg,#ff7a00,#f93);border:none;border-radius:6px;box-shadow:0 2px 8px #ff7a004d;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:10px 16px;transition:all .2s ease;white-space:nowrap}.btn-distribute:hover{box-shadow:0 4px 12px #ff7a0066;transform:translateY(-2px)}.btn-distribute:active{box-shadow:0 1px 4px #ff7a004d;transform:translateY(0)}.allocation-info{color:#fff9;font-size:13px;margin:0 0 16px}.allocation-warning{align-items:center;background:#ef6c4d33;border:2px solid #ef6c4d;border-radius:6px;color:#ef6c4d;display:flex;font-size:14px;font-weight:600;gap:8px;margin-bottom:16px;padding:16px}.allocation-warning:before{content:"⚠️";font-size:18px}.allocation-table{background:#ffffff08;border:1px solid #ffffff0d;border-radius:8px;overflow:hidden}.allocation-header{grid-gap:16px;background:#ff7a000d;border-bottom:1px solid #ffffff0d;color:#fffc;display:grid;font-size:13px;font-weight:600;gap:16px;grid-template-columns:1fr 120px;padding:12px 16px}.allocation-percentage{font-size:13px;text-align:right}.allocation-row{grid-gap:16px;align-items:center;border-bottom:1px solid #ffffff08;color:#ffffffe6;display:grid;gap:16px;grid-template-columns:1fr 120px;padding:12px 16px}.allocation-row:last-child{border-bottom:none}.allocation-row:hover{background:#ffffff05}.allocation-name{color:#ffffffe6;font-size:13px}.allocation-input{align-items:center;display:flex;gap:4px}.allocation-input input{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:4px;color:#fff;font-size:13px;padding:8px 10px;text-align:right;width:70px}.allocation-input input:hover{background:#ffffff14;border-color:#ffffff26}.allocation-input input:focus{background:#ffffff14;border-color:#ff7a00;box-shadow:0 0 0 2px #ff7a001a;outline:none}.allocation-input .percent{color:#fff9;font-size:13px}.fixedops-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:32px}.fixedops-category{background:#ffffff05;border:1px solid #ffffff0d;border-radius:8px;padding:16px}.fixedops-category h3{margin-top:0}.fixedops-inputs{display:flex;flex-direction:column;gap:12px}.fixedops-category .target-input-group{margin:0}.button-group{display:flex;gap:12px;justify-content:flex-start;margin-top:24px}.btn-save{background:linear-gradient(135deg,#ff7a00,#ff5e00);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 28px;transition:all .2s}.btn-save:hover{background:linear-gradient(135deg,#ff8c1a,#ff7000);box-shadow:0 4px 12px #ff7a004d}.btn-save:active{transform:translateY(1px)}@media (max-width:768px){.targets-container{padding:16px}.fixedops-grid,.targets-grid{grid-template-columns:1fr}.fixedops-grid{gap:16px}.allocation-header,.allocation-row{gap:12px;grid-template-columns:1fr 100px;padding:10px 12px}.targets-controls{align-items:stretch;flex-direction:column}.dealership-select{min-width:auto}}.date-picker-container{display:inline-flex;flex-direction:column;gap:6px;position:relative}.date-picker-label{color:#ffffffe6;font-size:13px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.date-picker-button{align-items:center;background:#2a2a2acc;border:1px solid #fff3;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:8px 14px;transition:all .2s ease;white-space:nowrap}.date-picker-button:hover{background:#333333e6;border-color:#ff7a0080}.date-picker-button svg{color:#ff7a00;flex-shrink:0}.date-picker-dropdown{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e1e1efa;border:1px solid #ff7a004d;border-radius:12px;box-shadow:0 8px 32px #0009;min-width:300px;padding:16px;position:absolute;right:0;top:calc(100% + 8px);z-index:1000}.calendar-header{align-items:center;border-bottom:1px solid #ff7a0033;display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:12px}.calendar-month{color:#fff;flex:1 1;font-size:15px;font-weight:600;text-align:center}.calendar-nav-btn{align-items:center;background:#ff7a001a;border:1px solid #ff7a004d;border-radius:6px;color:#ff7a00;cursor:pointer;display:flex;font-size:20px;font-weight:700;height:32px;justify-content:center;transition:all .2s ease;width:32px}.calendar-nav-btn:hover{background:#ff7a0033;border-color:#ff7a0080}.calendar-weekdays{grid-gap:4px;display:grid;gap:4px;grid-template-columns:repeat(7,1fr);margin-bottom:8px}.calendar-weekday{color:#ffffff80;font-size:11px;font-weight:600;letter-spacing:.5px;padding:4px;text-align:center;text-transform:uppercase}.calendar-days{grid-gap:4px;display:grid;gap:4px;grid-template-columns:repeat(7,1fr)}.calendar-day{align-items:center;aspect-ratio:1;background:#ffffff08;border:1px solid #ffffff1a;border-radius:6px;color:#ffffffe6;cursor:pointer;display:flex;font-size:13px;font-weight:500;justify-content:center;transition:all .2s ease}.calendar-day:hover:not(.empty):not(:disabled){background:#ff7a0026;border-color:#ff7a0066;color:#fff}.calendar-day.empty{background:#0000;border:none;cursor:default}.calendar-day.today{background:#ff7a0033;border-color:#ff7a0080;color:#ff7a00;font-weight:700}.calendar-day.selected{font-weight:700}.calendar-day.selected,.calendar-day.selected.today{background:#ff7a00;border-color:#ff7a00;color:#fff}.calendar-day.future,.calendar-day:disabled{cursor:not-allowed;opacity:.3}.calendar-footer{border-top:1px solid #ff7a0033;display:flex;justify-content:center;margin-top:16px;padding-top:12px}.calendar-today-btn{background:#ff7a001a;border:1px solid #ff7a004d;border-radius:6px;color:#ff7a00;cursor:pointer;font-size:13px;font-weight:600;padding:8px 20px;transition:all .2s ease}.calendar-today-btn:hover{background:#ff7a0033;border-color:#ff7a0080}.sales-scoreboard{background:linear-gradient(135deg,#1a1a1a,#2d2d2d);box-sizing:border-box;color:#fff;display:flex;flex-direction:column;height:calc(100vh - 64px);overflow:hidden;position:relative;width:100%}@media (max-height:900px){.sales-scoreboard{zoom:.85}}@media (max-height:768px){.sales-scoreboard{zoom:.7}}@media (max-height:600px){.sales-scoreboard{zoom:.55}}@media (max-width:1600px){.sales-scoreboard{zoom:.9}}@media (max-width:1400px){.sales-scoreboard{zoom:.8}}@media (max-width:1200px){.sales-scoreboard{zoom:.7}}.sales-scoreboard:-moz-full-screen,.sales-scoreboard:-webkit-full-screen,.sales-scoreboard:fullscreen{height:100vh;width:100vw;z-index:9999}.scoreboard-header{align-items:center;background:#0000004d;border-bottom:2px solid #ff7a004d;box-sizing:border-box;display:flex;flex-shrink:0;gap:12px;justify-content:space-between;min-height:48px;padding:10px 16px;width:100%}.scoreboard-header h1{color:#ff7a00;font-size:1.3rem;font-weight:700;letter-spacing:.5px;margin:0;padding:0;text-shadow:0 2px 8px #ff7a004d;white-space:nowrap}.scoreboard-controls{align-items:center;display:flex;flex-shrink:0;gap:12px}.scoreboard-dropdown{-webkit-appearance:none;appearance:none;background:#2a2a2acc;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m5 8 5 5 5-5' stroke='%23ff7a00' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;background-size:16px 16px;border:1px solid #fff3;border-radius:8px;box-sizing:border-box;color:#fff;cursor:pointer;flex-shrink:0;font-size:13px;font-weight:500;min-width:150px;outline:none;padding:8px 32px 8px 12px;transition:all .2s ease}.scoreboard-dropdown:hover{background:#333333e6;border-color:#ff7a0080}.scoreboard-dropdown:focus{border-color:#ff7a00;box-shadow:0 0 0 2px #ff7a0033}.scoreboard-dropdown option{background:#2a2a2a;color:#fff;padding:8px}.fullscreen-btn{background:#ff7a00;border:none;border-radius:8px;box-sizing:border-box;color:#fff;cursor:pointer;flex-shrink:0;font-size:13px;font-weight:600;padding:8px 16px;transition:all .2s ease;white-space:nowrap}.fullscreen-btn:hover{background:#ff9500;box-shadow:0 4px 12px #ff7a004d;transform:translateY(-1px)}.fullscreen-btn:active{transform:translateY(0)}.scoreboard-main-content{gap:12px;padding:12px}.scoreboard-main-content,.scoreboard-metrics-container{box-sizing:border-box;display:flex;flex:1 1;min-height:0;overflow:hidden}.scoreboard-metrics-container{flex-direction:column;gap:8px}.metric-group{flex-shrink:1;min-height:0;width:100%}.scoreboard-sidebar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#2a2a2a99,#3336);border:1px solid #ff7a0026;border-radius:8px;box-shadow:0 2px 8px #0003;box-sizing:border-box;display:flex;flex-direction:column;flex-shrink:0;min-height:0;overflow:hidden;padding:12px;width:240px}.sidebar-title{border-bottom:2px solid #ff7a004d;color:#ff7a00;flex-shrink:0;font-size:.95rem;font-weight:700;letter-spacing:1px;margin:0 0 10px;padding-bottom:8px;text-align:center;text-transform:uppercase}.sidebar-content{display:flex;flex:1 1;flex-direction:column;gap:6px;min-height:0;overflow-x:hidden;overflow-y:auto}.leaderboard-item{align-items:center;background:#ffffff08;border:1px solid #ffffff14;border-radius:6px;display:flex;flex-shrink:0;gap:8px;padding:6px 8px;transition:all .2s ease}.leaderboard-item:hover{background:#ff7a0014;border-color:#ff7a0033}.leaderboard-rank{color:#ff7a00;font-size:.9rem;font-weight:700;min-width:24px;text-align:center}.leaderboard-details{flex:1 1;min-width:0}.leaderboard-name{color:#fff;font-size:.8rem;font-weight:600;margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.leaderboard-stats{align-items:center;color:#fff9;display:flex;font-size:.7rem;gap:4px}.stat-separator{color:#ffffff4d}.trend-indicator{border-radius:3px;font-size:.65rem;font-weight:600;letter-spacing:.3px;margin-top:4px;padding:3px 6px;text-align:center;text-transform:uppercase}.trend-on-track{background:#22c55e26;border:1px solid #22c55e4d;color:#22c55e}.trend-caution{background:#eab30826;border:1px solid #eab3084d;color:#eab308}.trend-behind{background:#ef444426;border:1px solid #ef44444d;color:#ef4444}.sales-scoreboard:-moz-full-screen .section-title,.sales-scoreboard:-webkit-full-screen .section-title,.sales-scoreboard:fullscreen .section-title{font-size:clamp(1.2rem,2vw,2.5rem)}.fixedops-scoreboard{background:linear-gradient(135deg,#1a1a1a,#2d2d2d);box-sizing:border-box;color:#fff;display:flex;flex-direction:column;height:calc(100vh - 64px);overflow:hidden;position:relative;width:100%}@media (max-height:900px){.fixedops-scoreboard{zoom:.85}}@media (max-height:768px){.fixedops-scoreboard{zoom:.7}}@media (max-height:600px){.fixedops-scoreboard{zoom:.55}}@media (max-width:1600px){.fixedops-scoreboard{zoom:.9}}@media (max-width:1400px){.fixedops-scoreboard{zoom:.8}}@media (max-width:1200px){.fixedops-scoreboard{zoom:.7}}.fixedops-scoreboard:-moz-full-screen,.fixedops-scoreboard:-webkit-full-screen,.fixedops-scoreboard:fullscreen{height:100vh;width:100vw;z-index:9999}.scoreboard-metrics-container.full-width{box-sizing:border-box;display:flex;flex:1 1;flex-direction:column;gap:8px;min-height:0;overflow:hidden;width:100%}.metric-group-title{border-bottom:2px solid #ff7a004d;color:#ff7a00;font-size:.95rem;font-weight:700;letter-spacing:1px;margin:0 0 8px;padding-bottom:6px;text-align:center;text-transform:uppercase}.scoreboard-error,.scoreboard-loading{align-items:center;background:linear-gradient(135deg,#1a1a1a,#2d2d2d);color:#fff;display:flex;font-size:2rem;justify-content:center;min-height:100vh;padding:48px;text-align:center}.scoreboard-error{color:#ef4444}.fixedops-scoreboard:-moz-full-screen .metric-group-title,.fixedops-scoreboard:-webkit-full-screen .metric-group-title,.fixedops-scoreboard:fullscreen .metric-group-title{font-size:clamp(1.2rem,2vw,2.5rem)}
/*# sourceMappingURL=main.a6cd27ee.css.map*/