.login-container,.auth-container{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--bg)}.login-box,.auth-box{width:100%;max-width:400px;background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:40px}.login-header,.auth-header{text-align:center;margin-bottom:32px}.login-header h1,.auth-header h1{font-size:28px;font-weight:700;margin-bottom:8px}.login-header p,.auth-header p{color:var(--txt2);font-size:14px}.form-group{margin-bottom:20px}.form-group label{display:block;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--txt);margin-bottom:8px}.form-group input{width:100%;padding:12px;background:var(--bg);border:1px solid var(--line);border-radius:8px;color:var(--txt);font-size:14px}.form-group input:focus{outline:none;border-color:var(--acc);box-shadow:0 0 0 3px #d6ff3f1a}.password-hint,.reset-hint{font-size:12px;color:var(--txt3);margin-top:6px}.error-message{color:#fb6a5e;font-size:13px;margin-bottom:16px;padding:12px;background:#2c1413;border:1px solid #fb6a5e;border-radius:6px}.success-message{color:var(--green);font-size:13px;margin-bottom:16px;padding:12px;background:var(--greenbg);border:1px solid var(--green);border-radius:6px}.login-button,.auth-button{width:100%;padding:12px;background:var(--acc);color:var(--acc-ink);border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:opacity .2s}.login-button:hover:not(:disabled),.auth-button:hover:not(:disabled){opacity:.9}.login-button:disabled,.auth-button:disabled{opacity:.6;cursor:not-allowed}.auth-links,.auth-footer{text-align:center;margin-top:24px;font-size:13px;color:var(--txt2)}.link-button{background:none;border:none;color:var(--acc);font-size:13px;font-weight:600;cursor:pointer;padding:0;margin:0;text-decoration:none}.link-button:hover{opacity:.8}.separator{margin:0 8px;color:var(--txt3)}.sidebar{width:200px;background:var(--panel);border-right:1px solid var(--line);display:flex;flex-direction:column;height:100%;transition:transform .3s}.sidebar-header{display:flex;align-items:center;gap:12px;padding:20px;border-bottom:1px solid var(--line)}.logo{width:40px;height:40px;background:var(--acc);color:var(--acc-ink);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700}.sidebar-header h2{font-size:14px;font-weight:600}.sidebar-nav{flex:1;padding:12px;overflow-y:auto}.nav-item{width:100%;display:flex;align-items:center;gap:12px;padding:12px;background:transparent;border:none;color:var(--txt2);border-radius:8px;cursor:pointer;font-size:13px;transition:all .2s;margin-bottom:4px;text-align:left}.nav-item:hover{background:var(--panel2);color:var(--txt)}.nav-item.active{background:var(--acc);color:var(--acc-ink);font-weight:600}.nav-item .icon{font-size:16px;min-width:20px}.nav-item .label{flex:1}.nav-divider{margin:16px 0 8px;padding:0 12px}.divider-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--txt3)}.sidebar-footer{padding:16px;border-top:1px solid var(--line)}.user-info{display:flex;align-items:center;gap:12px;margin-bottom:16px;cursor:pointer}.user-avatar{width:36px;height:36px;background:var(--acc);color:var(--acc-ink);border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;flex-shrink:0}.user-details{flex:1;min-width:0}.user-name{font-size:13px;font-weight:600;color:var(--txt);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-role{font-size:11px;color:var(--txt3);text-transform:uppercase;letter-spacing:.5px}.logout-button{width:100%;padding:10px;background:var(--panel2);color:var(--txt2);border:1px solid var(--line);border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s}.logout-button:hover{background:#2c1413;color:#fb6a5e;border-color:#fb6a5e}@media (max-width: 768px){.sidebar{position:fixed;left:0;top:0;height:100%;z-index:1000;transform:translate(-100%)}.sidebar.open{transform:translate(0)}}.create-deal-form{display:flex;flex-direction:column;gap:24px}.form-section{border-bottom:1px solid var(--line);padding-bottom:24px}.form-section:last-of-type{border-bottom:none}.form-section h3{font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--txt);margin-bottom:16px}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:16px}.form-row:last-child{margin-bottom:0}.form-group{display:flex;flex-direction:column}.form-group label{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--txt2);margin-bottom:8px}.form-group input,.form-group textarea,.form-group select{padding:10px;background:var(--panel2);border:1px solid var(--line);border-radius:8px;color:var(--txt);font-family:inherit;font-size:13px}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:var(--acc);box-shadow:0 0 0 3px #d6ff3f1a}.form-group textarea{resize:vertical;min-height:80px}.error-message{color:#fb6a5e;font-size:13px;padding:12px;background:#2c1413;border:1px solid #fb6a5e;border-radius:6px}.form-actions{display:flex;gap:12px;margin-top:8px}.form-actions button{flex:1;padding:12px;border:none;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:opacity .2s}.form-actions .primary-button{background:var(--acc);color:var(--acc-ink)}.form-actions .primary-button:hover:not(:disabled){opacity:.9}.form-actions .primary-button:disabled{opacity:.6;cursor:not-allowed}.deals-view{padding:24px}.view-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px}.view-title-section h1{font-size:28px;font-weight:700;margin-bottom:8px}.view-title-section p{color:var(--txt2);font-size:14px}.primary-button{padding:10px 16px;background:var(--acc);color:var(--acc-ink);border:none;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:opacity .2s}.primary-button:hover{opacity:.9}.form-card{margin-bottom:24px}.deals-filters{display:flex;gap:12px;margin-bottom:24px;flex-wrap:wrap}.deals-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}.deal-card{background:var(--panel);border:1px solid var(--line);border-radius:12px;overflow:hidden;transition:border-color .2s}.deal-card:hover{border-color:var(--acc)}.deal-header{display:flex;justify-content:space-between;align-items:flex-start;padding:16px;border-bottom:1px solid var(--line);background:var(--panel2)}.deal-vehicle{flex:1}.deal-make-model{font-size:15px;font-weight:600;color:var(--txt)}.deal-vin{font-size:12px;color:var(--txt3);margin-top:4px}.deal-status{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;padding:4px 8px;border-radius:4px;white-space:nowrap;margin-left:12px}.deal-status.status-gray{background:#3d4450;color:#b5c0cc}.deal-status.status-blue{background:#1e3a8a;color:#93c5fd}.deal-status.status-yellow{background:#78350f;color:#fcd34d}.deal-status.status-green{background:var(--greenbg);color:var(--green)}.deal-body{padding:16px}.deal-row{display:flex;justify-content:space-between;margin-bottom:12px;font-size:13px}.deal-row:last-child{margin-bottom:0}.deal-label{color:var(--txt3);text-transform:uppercase;letter-spacing:.5px;font-size:11px}.deal-value{color:var(--txt);font-weight:500;text-align:right}.deal-footer{display:flex;gap:8px;padding:12px 16px;border-top:1px solid var(--line)}.action-button{flex:1;padding:8px;background:var(--panel2);border:1px solid var(--line);border-radius:6px;color:var(--txt2);font-size:12px;font-weight:600;cursor:pointer;transition:all .2s}.action-button:hover{background:var(--line);color:var(--txt)}.action-button.danger{color:#fb6a5e;border-color:#fb6a5e}.action-button.danger:hover{background:#2c1413}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:16px;margin-bottom:24px}.stat-card{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:16px;text-align:center}.stat-number{font-size:28px;font-weight:700;color:var(--acc);margin-bottom:6px}.stat-label{font-size:11px;color:var(--txt2);text-transform:uppercase;letter-spacing:.5px}.filter-buttons{display:flex;gap:12px;margin-bottom:24px;flex-wrap:wrap}.filter-btn{padding:8px 16px;background:var(--panel2);border:1px solid var(--line);border-radius:8px;color:var(--txt2);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.filter-btn:hover{background:var(--line);color:var(--txt)}.filter-btn.active{background:var(--acc);color:var(--acc-ink);border-color:var(--acc);font-weight:600}.feedback-list{display:flex;flex-direction:column;gap:12px}.feedback-item{background:var(--panel2);border:1px solid var(--line);border-radius:12px;padding:20px}.feedback-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.feedback-type{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--txt2)}.feedback-date{font-size:12px;color:var(--txt3)}.feedback-subject{font-size:15px;font-weight:600;color:var(--txt);margin-bottom:8px}.feedback-details{font-size:13px;color:var(--txt2);line-height:1.6;margin-bottom:8px}.feedback-email{font-size:12px;color:var(--txt3)}.feedback-widget-button{position:fixed;bottom:24px;right:24px;width:56px;height:56px;border-radius:50%;background:var(--acc);color:var(--acc-ink);border:none;font-size:28px;cursor:pointer;box-shadow:0 4px 12px #0000004d;transition:all .2s;z-index:999;display:flex;align-items:center;justify-content:center}.feedback-widget-button:hover{transform:scale(1.1);box-shadow:0 6px 16px #0006}.feedback-widget-button:active{transform:scale(.95)}.feedback-widget-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:flex-end;justify-content:flex-end;z-index:1000;padding:24px}.feedback-widget-modal{background:var(--panel);border:1px solid var(--line);border-radius:12px;width:100%;max-width:400px;max-height:90vh;overflow-y:auto;box-shadow:0 10px 40px #00000080}.feedback-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid var(--line)}.feedback-modal-header h3{font-size:16px;font-weight:600;color:var(--txt);margin:0}.close-button{background:none;border:none;color:var(--txt2);font-size:18px;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;transition:color .2s}.close-button:hover{color:var(--txt)}.feedback-form{padding:20px;display:flex;flex-direction:column;gap:16px}.feedback-form .form-group{display:flex;flex-direction:column;gap:8px}.feedback-form label{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--txt2)}.type-buttons{display:grid;grid-template-columns:1fr 1fr;gap:8px}.type-btn{padding:10px;background:var(--panel2);border:2px solid var(--line);border-radius:8px;color:var(--txt2);font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.type-btn:hover{border-color:var(--acc);color:var(--txt)}.type-btn.active{background:var(--acc);color:var(--acc-ink);border-color:var(--acc)}.feedback-form input,.feedback-form textarea{padding:10px;background:var(--bg);border:1px solid var(--line);border-radius:8px;color:var(--txt);font-family:inherit;font-size:13px;resize:vertical}.feedback-form input:focus,.feedback-form textarea:focus{outline:none;border-color:var(--acc);box-shadow:0 0 0 3px #d6ff3f1a}.feedback-message{padding:12px;border-radius:6px;font-size:13px;font-weight:500}.feedback-message.success{background:var(--greenbg);color:var(--green);border:1px solid var(--green)}.feedback-message.error{background:#2c1413;color:#fb6a5e;border:1px solid #fb6a5e}.submit-button{padding:10px;background:var(--acc);color:var(--acc-ink);border:none;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:opacity .2s;margin-top:8px}.submit-button:hover:not(:disabled){opacity:.9}.submit-button:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 768px){.feedback-widget-overlay{align-items:flex-end;padding:12px}.feedback-widget-modal{border-radius:16px 16px 0 0;max-height:80vh}.feedback-widget-button{bottom:16px;right:16px}}.dashboard{display:flex;height:100%;width:100%}.dashboard-main{flex:1;display:flex;flex-direction:column;background:var(--bg);overflow:hidden}.dashboard-header{display:none;align-items:center;gap:16px;padding:16px 24px;border-bottom:1px solid var(--line);background:var(--panel)}.sidebar-toggle{display:none;background:none;border:none;color:var(--txt);font-size:20px;cursor:pointer}.dashboard-content{flex:1;overflow-y:auto;overflow-x:hidden}@media (max-width: 768px){.dashboard-header{display:flex}.sidebar-toggle{display:block}}html,body{width:100%;height:100%}body{background:var(--bg);color:var(--txt);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-size:14px;line-height:1.5}#root{width:100%;height:100%}.splash{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--bg)}.splash-content{text-align:center}.splash-logo{width:60px;height:60px;background:var(--acc);color:var(--acc-ink);font-size:24px;font-weight:700;border-radius:12px;display:flex;align-items:center;justify-content:center;margin:0 auto 24px}.splash-content p{color:var(--txt2);margin-bottom:16px}.splash-loader{width:40px;height:4px;background:var(--line);border-radius:2px;margin:0 auto;position:relative;overflow:hidden}.splash-loader:after{content:"";position:absolute;left:0;top:0;height:100%;width:30%;background:var(--acc);animation:slide 1.5s infinite}@keyframes slide{0%{left:-100%}to{left:100%}}:root{--acc: #d6ff3f;--acc-ink: #0a0d0f;--bg: #0a0d0f;--panel: #13181c;--panel2: #181e23;--txt: #eef3f5;--txt2: #9fb0b9;--txt3: #6b7a87;--line: #212a31;--green: #4ade80;--greenbg: #0c2a18}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%}body{background:var(--bg);color:var(--txt);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.5}button{font-family:inherit;cursor:pointer}input,textarea{font-family:inherit}.view{padding:24px}.view-header{margin-bottom:32px}.view-header h1{font-size:28px;font-weight:700;margin-bottom:8px}.view-header p{color:var(--txt2);font-size:14px}.card{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:20px;margin-bottom:16px}.cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px}.metric-card{padding:16px}.card-label{font-size:12px;color:var(--txt3);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.card-value{font-size:28px;font-weight:700;color:var(--acc);margin-bottom:4px}.card-detail{font-size:13px;color:var(--txt2)}.card-title{font-size:16px;font-weight:600;margin-bottom:12px}.card-title+p{color:var(--txt2)}.info-card{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:20px}.loading,.empty-state{text-align:center;padding:48px 24px;color:var(--txt2)}.empty-icon{font-size:48px;margin-bottom:16px}