*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}.dealer-portal-wrapper{--navy:#2D2B6B;--navy-dark:#1e1c48;--navy-mid:#3d3b8a;--navy-subtle:#f0f0f8;--orange:#E8651A;--orange-light:#f07840;--purple-light:#E8E8F5;--cream:#FBE9DC;--gray-soft:#f2f2f8;--gray-border:#dddcef;--text-muted:#7c7aaa;--green:#1a7a4a;--green-bg:#e6f5ed;--green-border:#b8dfc9;--red:#c0392b;--red-bg:#fdf0ee;--amber:#b85c00;--amber-bg:#fff4e6;--amber-border:#f5c97a;--sidebar-w:220px;font-family:Fira Sans,sans-serif;background:var(--gray-soft);color:var(--navy);min-height:100vh;display:flex;flex-direction:column}.topbar{background:var(--navy-dark);height:56px;display:flex;align-items:center;justify-content:space-between;padding:0 1.5rem;flex-shrink:0;position:fixed;top:0;left:0;right:0;z-index:200;border-bottom:1px solid rgba(255,255,255,.06)}.logo-wrap{display:flex;align-items:center;gap:10px}.logo-badge{width:32px;height:32px;background:var(--orange);border-radius:6px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px;color:#fff}.logo-name{color:#fff;font-size:14px;font-weight:600}.logo-tag{color:#fff6;font-size:10px;letter-spacing:1.5px;text-transform:uppercase;display:block}.dealer-badge{background:#e8651a33;color:#f08040;font-size:11px;font-weight:700;padding:3px 10px;border-radius:20px;letter-spacing:.8px}.dealer-chip{background:#ffffff14;color:#fffc;font-size:13px;padding:4px 12px;border-radius:20px}.topbar-right{display:flex;align-items:center;gap:10px}.layout{display:flex;margin-top:56px;min-height:calc(100vh - 56px)}.sidebar{width:var(--sidebar-w);background:#fff;border-right:1px solid var(--gray-border);flex-shrink:0;padding:1.25rem 0;position:fixed;top:56px;bottom:0;left:0;overflow-y:auto}.sidebar-label{font-size:10px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:1.2px;padding:0 1.25rem;margin-bottom:6px;margin-top:1rem}.sidebar-item{display:flex;align-items:center;gap:10px;padding:9px 1.25rem;font-size:13px;font-weight:500;color:var(--navy);cursor:pointer;transition:background .15s;border-left:3px solid transparent}.sidebar-item:hover{background:var(--navy-subtle)}.sidebar-item.active{background:var(--purple-light);border-left-color:var(--orange)}.sidebar-item .badge{margin-left:auto;background:var(--orange);color:#fff;font-size:10px;font-weight:700;padding:2px 6px;border-radius:10px;min-width:18px;text-align:center;display:inline-block}.main-content{flex:1;padding:2rem;margin-left:var(--sidebar-w);min-width:0}.client-details-header{gap:1rem;flex-wrap:wrap}.client-details-header>div{min-width:0;flex:1}.client-details-header .page-sub{overflow-wrap:anywhere}.client-details-header .client-details-back{width:auto;flex-shrink:0;margin-top:0}.client-details-body{background:#fff;border:1px solid var(--gray-border);border-radius:10px;padding:1.5rem}.client-details-history{overflow-x:auto}.client-details-history table{min-width:720px}.client-history-toggle{display:inline-flex;align-items:center;gap:8px;border:0;padding:0;background:transparent;color:inherit;font:inherit;white-space:nowrap;cursor:pointer}.client-history-toggle:focus-visible{outline:2px solid var(--navy);outline-offset:4px;border-radius:2px}.screen{display:none}.screen.active{display:block}.page-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:1.5rem}.client-list-header-title{flex-shrink:0;white-space:nowrap}.card-aligned-header{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:center}.card-aligned-header .card-aligned-button{grid-column:2 / 4;width:100%;flex-shrink:0;white-space:nowrap}.requests-list-header{grid-template-columns:repeat(4,minmax(0,1fr))}.requests-list-header>:first-child{grid-column:1}.requests-list-header .card-aligned-button{grid-column:2 / 5}@media (max-width:768px){.card-aligned-header{grid-template-columns:1fr}.card-aligned-header .card-aligned-button,.requests-list-header>:first-child{grid-column:1}}.page-title{font-size:22px;font-weight:700}.page-sub{font-size:13px;color:var(--text-muted);margin-top:3px}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:1.5rem}.history-stat-grid .stat-card{padding:1.5rem;border:2px solid transparent;border-radius:10px;box-shadow:0 1px 3px #0000000f}.history-stat-grid .stat-label{font-size:14px;text-transform:none;letter-spacing:0;margin-bottom:.5rem}.history-stat-grid .stat-value{font-size:32px}.history-stat-grid .stat-card.declined-filter{border-color:#e8aeb5;background:#fffafb}.history-stat-grid .stat-card.declined-filter .stat-label,.history-stat-grid .stat-card.declined-filter .stat-value{opacity:.8}.history-stat-grid .stat-card.declined-filter .stat-value{color:#dc3545}.history-stat-grid .stat-card.declined-filter.active-filter{border-color:#2d2b6b}.stat-card{background:#fff;border:1px solid var(--gray-border);border-radius:10px;padding:1rem 1.25rem}.stat-card:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00000014}.stat-card.active-filter{border:2px solid #2D2B6B;background:#e9ecff;transform:translateY(-2px);box-shadow:0 6px 20px #2d2b6b26}.stat-card.active-filter .stat-label{color:#2d2b6b;font-weight:700}.stat-card.active-filter .stat-value{color:#2d2b6b}.stat-label{font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.8px;margin-bottom:6px}.stat-value{font-size:26px;font-weight:700}.stat-sub{font-size:12px;color:var(--text-muted);margin-top:3px}.stat-card.orange .stat-value{color:var(--orange)}.stat-card.green .stat-value{color:var(--green)}.queue-card{background:#fff;border:1px solid var(--gray-border);border-radius:12px;overflow:hidden}.queue-head{padding:1rem 1.5rem;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--gray-border)}.queue-title{font-size:15px;font-weight:600}.queue-sub{font-size:12px;color:var(--text-muted);margin-top:2px}.req-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:#fff;border-radius:8px;border:1px solid var(--border);cursor:pointer;transition:all .2s;position:relative}.req-item:hover{border-color:var(--orange);box-shadow:0 2px 8px #e8651a26}.req-item:hover .delete-request-btn{opacity:1}.req-item.urgent{border-left:4px solid var(--orange)}.req-item.unopened{background:linear-gradient(135deg,#fff5f0,#fff);border:2px solid var(--orange);box-shadow:0 0 0 3px #e8651a1a;animation:glow 2s ease-in-out infinite}@keyframes glow{0%,to{box-shadow:0 0 0 3px #e8651a1a}50%{box-shadow:0 0 0 6px #e8651a33}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.req-client{font-size:14px;font-weight:600}.req-detail{font-size:12px;color:var(--text-muted)}.pair-pill{background:var(--purple-light);color:var(--navy);font-size:12px;font-weight:700;padding:3px 10px;border-radius:5px;flex-shrink:0}.req-badge{font-size:11px;font-weight:700;padding:3px 9px;border-radius:20px;flex-shrink:0}.badge-pending{background:var(--amber-bg);color:var(--amber);border:1px solid var(--amber-border)}.badge-quoted{background:var(--purple-light);color:var(--navy-mid);border:1px solid var(--gray-border)}.badge-accepted{background:var(--green-bg);color:var(--green);border:1px solid var(--green-border)}.badge-declined{background:var(--red-bg);color:var(--red);border:1px solid #f0c4be}.badge-cancelled{background:var(--gray-bg);color:var(--text-muted);border:1px solid var(--gray-border);text-decoration:line-through;text-decoration-thickness:1px}.empty-state{text-align:center;padding:3rem;color:var(--text-muted);font-size:14px;line-height:1.8}.panel-overlay{display:none;position:fixed;inset:0;background:#14123c80;z-index:300;padding:0}.panel-overlay.open{display:block}.pricing-panel{background:#fff;width:100%;max-width:100%;height:100%;max-height:100%;border-radius:0;box-shadow:none;animation:slideIn .25s ease-out;display:flex;flex-direction:column;overflow:hidden}@keyframes slideIn{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.panel-head{background:var(--navy);padding:1.25rem 1.5rem;display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.panel-title{color:#fff;font-size:15px;font-weight:600}.panel-ref{color:#ffffff80;font-size:12px;margin-top:2px}.close-btn{background:#ffffff26;border:none;color:#fff;width:28px;height:28px;border-radius:6px;cursor:pointer;font-size:16px;display:flex;align-items:center;justify-content:center}.close-btn:hover{background:#ffffff40}.panel-body{flex:1;overflow-y:auto;overflow-x:hidden;padding:1.5rem}.panel-body>*{padding-left:1.5rem;padding-right:1.5rem}.panel-body>*:first-child{padding-top:1.5rem}.panel-body>*:last-child:not(.btn){padding-bottom:1.5rem}.client-form-embedded{width:100%}.client-form-embedded-panel{height:auto;max-height:none;border-radius:0;box-shadow:none;animation:none;overflow:visible}.client-form-embedded-panel .panel-body{overflow:visible;padding:0}.client-form-embedded-panel .panel-body>*{padding-left:0;padding-right:0}.client-form-embedded-panel .panel-body>*:first-child,.client-form-embedded-panel .panel-body>*:last-child{padding-top:0;padding-bottom:0}.client-form-embedded-panel .panel-head,.client-form-embedded-panel .panel-body>.btn.btn-ghost{display:none}.client-status-row{display:flex;align-items:center;justify-content:flex-end;min-height:42px}.client-status-toggle{position:static;min-height:0;justify-content:flex-end;display:inline-flex;align-items:center;gap:8px;width:auto;color:var(--navy);font-size:13px;font-weight:600;cursor:pointer}.client-status-switch{position:relative;display:inline-flex;width:38px;height:22px}.client-status-switch input{position:absolute;width:1px;height:1px;opacity:0}.client-status-switch-track{position:absolute;inset:0;border-radius:999px;background:#c8c8d8;transition:background .2s}.client-status-switch-track:after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #14123c40;transition:transform .2s}.client-status-switch input:checked+.client-status-switch-track{background:var(--orange)}.client-status-switch input:checked+.client-status-switch-track:after{transform:translate(16px)}.client-box{background:var(--purple-light);border-radius:10px;padding:1rem 1.25rem;margin-bottom:1.25rem}.info-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;margin-top:12px}.info-label{font-size:10px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.8px;margin-bottom:2px}.info-value{font-size:14px;font-weight:600}.pair-big{background:var(--navy);color:#fff;font-size:14px;font-weight:700;padding:5px 14px;border-radius:6px}.section-hd{font-size:11px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:1rem;padding-bottom:6px;border-bottom:1px solid var(--gray-border)}.field-group{margin-bottom:1.1rem}.field-label{display:block;font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.8px;margin-bottom:5px}.input-wrap{position:relative}.input-pfx{position:absolute;left:14px;top:50%;transform:translateY(-50%);font-size:12px;color:var(--text-muted);font-weight:600;pointer-events:none}input[type=number],input[type=text],textarea{width:100%;font-family:Fira Sans,sans-serif;font-size:15px;color:var(--navy);background:var(--gray-soft);border:1.5px solid var(--gray-border);border-radius:8px;padding:10px 12px;outline:none;transition:border-color .2s,background .2s;-webkit-appearance:none;appearance:none}input.rate-big{font-size:26px;font-weight:700;padding:12px 14px 12px 60px}input:focus,textarea:focus{border-color:var(--navy);background:#fff}.amend-panel input[type=text],.amend-panel input[type=number],.amend-panel textarea{background:#fff;border-color:var(--navy)}.amend-panel input[type=text]:focus,.amend-panel input[type=number]:focus,.amend-panel textarea:focus{border-color:var(--navy);background:#fff}textarea{resize:vertical;min-height:70px;font-size:13px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:1.1rem}.calc-box{background:var(--purple-light);border-radius:8px;padding:1rem 1.25rem;margin:1rem 0;display:none}.calc-row{display:flex;justify-content:space-between;align-items:center;padding:4px 0;font-size:13px}.calc-row.total{border-top:1px solid var(--gray-border);margin-top:6px;padding-top:10px;font-weight:700;font-size:16px}.calc-lbl{color:var(--text-muted)}.timer-alert{background:var(--amber-bg);border:1px solid var(--amber-border);border-radius:8px;padding:10px 14px;margin-bottom:1rem;display:flex;align-items:center;gap:10px;font-size:13px;color:var(--amber)}.timer-num{font-size:22px;font-weight:700;color:var(--orange);flex-shrink:0;min-width:28px}.client-note-box{background:var(--cream);border:1px solid #e8c4a8;border-radius:8px;padding:10px 14px;font-size:13px;color:#7a4020;line-height:1.5;min-height:36px}.btn{font-family:Fira Sans,sans-serif;font-size:14px;font-weight:600;border:none;border-radius:8px;cursor:pointer;padding:11px 20px;transition:all .2s}.btn-send{background:var(--orange);color:#fff;width:100%;font-size:15px;padding:13px}.btn-send:hover{background:var(--orange-light)}.btn-send:disabled{background:#ccc;cursor:not-allowed}.client-save-spinner{display:inline-block;width:15px;height:15px;margin-right:8px;vertical-align:-2px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:client-save-spin .7s linear infinite}@keyframes client-save-spin{to{transform:rotate(360deg)}}.client-password-copy-row{display:flex;gap:8px;margin:12px 0}.client-password-copy-row input{flex:1;font-family:monospace;font-weight:700;letter-spacing:.08em}.client-password-notice p{margin:0 0 8px}.btn-ghost{background:#fff;color:var(--navy);border:1.5px solid var(--gray-border);width:100%;margin-top:8px;display:flex;align-items:center;justify-content:center}.btn-ghost:hover{border-color:var(--navy)}.divider{border:none;border-top:1px solid var(--gray-border);margin:1.25rem 0}.sent-box{border-radius:8px;padding:1rem 1.25rem;font-size:13px;line-height:1.6;margin-top:1rem}.sent-quoted{background:var(--purple-light);border:1px solid var(--gray-border);color:var(--navy)}.sent-accepted{background:var(--green-bg);border:1px solid var(--green-border);color:var(--green)}.sent-declined{background:var(--red-bg);border:1px solid #f0c4be;color:var(--red)}.table-wrap{background:#fff;border:1px solid var(--gray-border);border-radius:12px;overflow:hidden}table{width:100%;border-collapse:collapse;font-size:13px}table tbody tr{transition:all .15s}table tbody tr.clickable-row:hover{background:#2d2b6b0d;transform:translate(2px)}th{background:var(--navy-subtle);color:var(--text-muted);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;padding:10px 16px;text-align:left}td{padding:11px 16px;border-top:1px solid var(--gray-border);vertical-align:middle}tr:hover td{background:var(--navy-subtle)}.toast{position:fixed;bottom:1.5rem;right:1.5rem;background:var(--navy);color:#fff;padding:12px 20px;border-radius:10px;font-size:13px;font-weight:500;box-shadow:0 4px 20px #2d2b6b4d;z-index:999;transform:translateY(60px);opacity:0;transition:all .3s;max-width:320px}.toast.show{transform:translateY(0);opacity:1}.toast.success{border-left:3px solid var(--green)}.toast.warn{border-left:3px solid var(--red)}.fade-in{animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.stat-grid{grid-template-columns:1fr 1fr}.sidebar{display:none}.main-content{margin-left:0}}.pricing-category-details{margin-top:10px;padding:12px;border:1px solid var(--gray-border);border-radius:10px;background:#f7f8fc}.pricing-category-details-head{display:flex;justify-content:space-between;gap:12px;color:var(--navy);font-size:12px;font-weight:700;margin-bottom:10px}.pricing-category-details-caption{color:var(--text-muted);font-weight:500}.pricing-pair-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:6px}.pricing-pair-card{display:flex;justify-content:space-between;align-items:center;padding:7px 8px;border-radius:7px;background:#fff;border:1px solid #e4e6f2;color:var(--navy);font-size:11px}.pricing-pair-tag{gap:10px;width:fit-content;min-width:92px;border-radius:7px;font-weight:700}.pricing-pair-tag strong{font-size:13px}.pricing-pair-color-0{background:linear-gradient(135deg,#f5f8ff,#e7f0ff);border-color:#a9c5f5;color:#24559a}.pricing-pair-color-0 strong{color:#24559a}.pricing-pair-color-1{background:linear-gradient(135deg,#faf8ff,#eeeaff);border-color:#c4b8f4;color:#5b43a5}.pricing-pair-color-1 strong{color:#5b43a5}.pricing-pair-color-2{background:linear-gradient(135deg,#f3fcfa,#e3f7f1);border-color:#9bdcca;color:#187761}.pricing-pair-color-2 strong{color:#187761}.pricing-pair-color-3{background:linear-gradient(135deg,#fffaf3,#fff0dc);border-color:#f3c78d;color:#a35b08}.pricing-pair-color-3 strong{color:#a35b08}.pricing-pair-color-4{background:linear-gradient(135deg,#f5f8fc,#e5ebf4);border-color:#b4c1d4;color:#405674}.pricing-pair-color-4 strong{color:#405674}.pricing-pair-color-5{background:linear-gradient(135deg,#f4fcfd,#e5f6fa);border-color:#9ed9e7;color:#176b7c}.pricing-pair-color-5 strong{color:#176b7c}.pricing-pair-color-6{background:linear-gradient(135deg,#fcfaf4,#f5eedc);border-color:#dec78e;color:#80641b}.pricing-pair-color-6 strong{color:#80641b}.pricing-pair-color-7{background:linear-gradient(135deg,#fafbfc,#eef0f4);border-color:#c6ccd8;color:#4b556b}.pricing-pair-color-7 strong{color:#4b556b}.pricing-pair-color-8{background:linear-gradient(135deg,#f4f9ff,#dfeeff);border-color:#a7c8ee;color:#28649b}.pricing-pair-color-8 strong{color:#28649b}.pricing-pair-color-9{background:linear-gradient(135deg,#f5f1ff,#e8ddff);border-color:#c0a9ed;color:#6847a3}.pricing-pair-color-9 strong{color:#6847a3}.pricing-pair-color-10{background:linear-gradient(135deg,#f2fbf7,#d9f2e6);border-color:#9fd5b7;color:#27764c}.pricing-pair-color-10 strong{color:#27764c}.pricing-pair-color-11{background:linear-gradient(135deg,#f8f8f1,#ecebd5);border-color:#d0ce9a;color:#6d6a2b}.pricing-pair-color-11 strong{color:#6d6a2b}.pricing-pair-color-12{background:linear-gradient(135deg,#f1fbfc,#d8f0f2);border-color:#9bcdd1;color:#286d73}.pricing-pair-color-12 strong{color:#286d73}.pair-divider{color:var(--text-muted);margin:0 1px}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--navy-dark) 0%,var(--navy) 100%);padding:2rem}.login-card{background:#fff;border-radius:16px;padding:3rem 2.5rem;width:100%;max-width:420px;box-shadow:0 8px 32px #00000026}.login-header{text-align:center;margin-bottom:2.5rem}.logo-badge-large{width:72px;height:72px;background:var(--orange);border-radius:14px;display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:28px;color:#fff;margin-bottom:1.25rem;box-shadow:0 6px 24px #e8651a40}.login-title{font-size:28px;font-weight:700;color:var(--navy);margin:0 0 .5rem}.login-subtitle{font-size:14px;color:var(--text-muted);letter-spacing:1px;text-transform:uppercase;margin:0}.login-form{display:flex;flex-direction:column;gap:1.25rem}.login-help{text-align:center;padding-top:1rem;border-top:1px solid var(--gray-border);margin-top:.5rem}.login-help p{font-size:12px;color:var(--text-muted);line-height:1.6}.settings-container{width:min(100%,1100px);margin:0 auto;padding:calc(56px + 2rem) 2rem 2rem}.settings-section{margin-bottom:2rem}.settings-section-title{font-size:18px;font-weight:700;color:var(--navy);margin-bottom:1.5rem;padding-bottom:.75rem;border-bottom:2px solid var(--gray-border)}.settings-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:1.5rem}.settings-card{min-width:0;background:#fff;border:1px solid var(--gray-border);border-radius:12px;padding:2rem}.settings-card-title{font-size:16px;font-weight:700;color:var(--navy);margin-bottom:1.5rem;padding-bottom:.75rem;border-bottom:1px solid var(--gray-border)}.field-hint{font-size:11px;color:var(--text-muted);margin-top:4px;line-height:1.4}.field-guidance{margin-top:6px;padding:8px 10px;border-left:3px solid var(--orange);background:#e8651a14;border-radius:6px;font-size:11px;line-height:1.45;color:var(--navy)}.field-guidance-emphasis{margin-top:2px;font-weight:700;color:var(--orange)}.input-disabled{background:var(--gray-soft)!important;color:var(--text-muted)!important;cursor:not-allowed!important;border-color:var(--gray-border)!important}.client-readonly-copyable{cursor:text!important;user-select:text}.client-form-modal .panel-body>.btn{box-sizing:border-box;height:48px;padding:0 20px;font-size:15px;line-height:22px}.client-form-modal .editable-field{background:#fff!important;color:var(--navy)!important;cursor:text!important}.client-form-modal input:not(.input-disabled),.client-form-modal select:not(.input-disabled),.client-form-modal textarea:not(.input-disabled){background:#fff!important}.client-login-fields,.client-contact-fields{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media (max-width: 700px){.client-login-fields,.client-contact-fields{grid-template-columns:1fr}}.client-form-modal input:not(.input-disabled):focus,.client-form-modal select:not(.input-disabled):focus,.client-form-modal textarea:not(.input-disabled):focus{background:#fff!important}.individual-email-hint{margin-top:4px;font-size:11px;color:var(--text-muted)}.individual-email-hint.duplicate{color:#b42318}.company-form-modal input:not(.input-disabled),.company-form-modal select:not(.input-disabled),.company-form-modal textarea:not(.input-disabled){background:#fff!important;color:var(--navy)!important;cursor:text}.company-form-modal input:not(.input-disabled):focus,.company-form-modal select:not(.input-disabled):focus,.company-form-modal textarea:not(.input-disabled):focus{background:#fff!important}.company-form-modal .panel-body>.btn{box-sizing:border-box;height:48px;padding:0 20px;font-size:15px;line-height:22px}.company-staff-section{margin-top:1rem}.company-staff-layout{display:grid;grid-template-columns:minmax(280px,1fr) minmax(360px,1.618fr);gap:1rem;margin-top:.5rem}.company-staff-list,.company-staff-detail{border:1px solid var(--gray-border);border-radius:7px;padding:.75rem;background:#fff;min-height:120px}.company-staff-detail{background:#fff}.company-staff-list{display:flex;flex-direction:column;gap:.5rem}.company-staff-tag{display:flex;align-items:center;gap:.5rem;border:1px solid #d9dcef;border-radius:7px;background:#f7f7fb;overflow:hidden}.company-staff-tag.selected{border-color:var(--orange);background:#fff7ef}.company-staff-tag>button:first-child{flex:1;min-width:0;display:flex;align-items:center;gap:.75rem;padding:.6rem .7rem;border:0;background:transparent;color:var(--navy);text-align:left;cursor:pointer}.company-staff-tag strong,.company-staff-tag span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.company-staff-tag span{margin-top:2px;color:var(--text-muted);font-size:11px}.company-staff-remove{padding:.45rem .7rem;border:0;background:transparent;color:var(--text-muted);font-size:20px;line-height:1;cursor:pointer}.company-staff-remove:hover{color:var(--orange)}.company-staff-add{width:100%;margin-top:.1rem;padding:.65rem .7rem;border:1px solid #9bdcca;border-radius:7px;background:#f3fcfa;color:#187761;font-weight:700;cursor:pointer}.company-staff-add:hover{background:#e3f7f1;border-color:#70c7ad}.company-staff-detail{display:flex;flex-direction:column;gap:.7rem}.company-staff-detail>div:not(.company-staff-detail-title){display:flex;justify-content:space-between;gap:1rem;font-size:13px}.company-staff-detail span{color:var(--text-muted)}.company-staff-detail strong{color:var(--navy);text-align:right}.company-staff-detail-title{color:var(--navy);font-weight:700;border-bottom:1px solid #ececf4;padding-bottom:.5rem}.company-staff-detail label{display:grid;grid-template-columns:105px 1fr;align-items:center;gap:.75rem;color:var(--text-muted);font-size:12px}.company-staff-detail input,.company-staff-detail select{box-sizing:border-box;min-width:0;width:100%;height:42px;padding:10px 12px;border:1.5px solid var(--gray-border);border-radius:8px;font:15px/20px Fira Sans,sans-serif;color:var(--navy);background:#fff}.company-staff-detail>div.company-staff-password-field{display:grid;grid-template-columns:105px minmax(0,1fr);align-items:center;gap:.75rem;margin-bottom:0;font-size:12px}.company-staff-password-field .field-label{margin:0;color:var(--text-muted);font-size:12px;font-weight:400;letter-spacing:0;text-transform:none}.company-staff-password-field .client-password-control{width:100%;min-width:0}.company-staff-password-field .client-password-control input{width:100%}.company-staff-password-field .client-password-control .btn{min-height:42px;padding:8px 16px}.company-staff-password{position:relative;display:flex;min-width:0}.company-staff-password input{width:100%;padding-right:38px}.company-staff-password button{position:absolute;right:5px;top:50%;transform:translateY(-50%);display:flex;padding:5px;border:0;background:transparent;color:var(--text-muted);cursor:pointer}.company-staff-email-hint{grid-column:2;color:#c0392b;font-size:11px}.company-staff-detail .company-staff-email-hint.duplicate{color:#b42318}.company-staff-detail .company-staff-email-hint.checking{color:var(--text-muted)}.company-staff-field-error{grid-column:2;color:#b42318!important;font-size:11px}.company-staff-save{margin-top:auto;justify-self:end;width:auto!important;min-width:120px;padding:9px 18px!important;background:#fff7ef!important;border-color:#f3c78d!important;color:#a35b08!important}.company-staff-save:hover{background:#ffecd5!important;border-color:#eead59!important}.company-staff-empty{color:var(--text-muted);font-size:12px;padding:.5rem}@media (max-width: 700px){.company-staff-layout{grid-template-columns:1fr}}input[type=email],input[type=tel],input[type=password]{width:100%;font-family:Fira Sans,sans-serif;font-size:15px;color:var(--navy);background:var(--gray-soft);border:1.5px solid var(--gray-border);border-radius:8px;padding:10px 12px;outline:none;transition:border-color .2s,background .2s}input[type=email]:focus,input[type=tel]:focus,input[type=password]:focus{border-color:var(--navy);background:#fff}.dealer-chip{background:#ffffff14;color:#fffc;font-size:13px;padding:6px 14px;border-radius:20px;border:none;cursor:pointer;font-family:Fira Sans,sans-serif;transition:all .2s}.dealer-chip:hover{background:#ffffff26;color:#fff}@media (max-width: 768px){.settings-container{padding:calc(56px + 1rem) 1rem 1rem}.settings-form{grid-template-columns:minmax(0,1fr)}.settings-card{padding:1.5rem}.login-card{padding:2rem 1.5rem}}.btn-small{background:none;border:1px solid var(--border);padding:6px 10px;border-radius:6px;cursor:pointer;font-size:14px;transition:all .2s}.btn-small:hover{background:var(--bg-secondary);transform:translateY(-1px)}.btn-small.btn-delete:hover{background:var(--red);color:#fff;border-color:var(--red)}.field-hint{font-size:11px;color:var(--text-muted);margin-top:4px}select{width:100%;padding:12px 14px;border:1px solid var(--border);border-radius:8px;background:#fff;font-size:14px;color:var(--text-primary);outline:none;transition:all .2s}select:focus{border-color:var(--navy);box-shadow:0 0 0 3px #2d2b6b1a}.panel-actions{display:flex;gap:12px;justify-content:flex-end;padding:1.5rem;border-top:1px solid var(--border);background:#fff;flex-shrink:0}.panel-actions .btn{min-width:120px}.toast{position:fixed;bottom:20px;right:20px;background:var(--navy);color:#fff;padding:14px 40px 14px 18px;border-radius:8px;font-size:14px;font-weight:500;box-shadow:0 4px 20px #00000026;transform:translateY(100px);opacity:0;pointer-events:none;transition:all .3s ease;z-index:10000;max-width:400px;display:flex;align-items:center;gap:10px}.toast.show{transform:translateY(0);opacity:1;pointer-events:auto}.toast.success{background:var(--green)}.toast.warn{background:var(--orange)}.toast-close{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:transparent;border:none;color:#fff;font-size:18px;font-weight:700;cursor:pointer;opacity:.7;transition:opacity .2s ease;padding:4px 8px;line-height:1}.toast-close:hover{opacity:1}.clickable-row{transition:background-color .2s ease}.clickable-row:hover{background-color:var(--bg-secondary)!important}tr.clickable-row.claimed-row:hover,tr.clickable-row.claimed-row:hover td{background:inherit!important;transform:none!important}