@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&display=swap";body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#fff}html,body,#root{height:100%}a{color:inherit;text-decoration:none}button,input,textarea,select{font-family:inherit}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Montserrat,sans-serif}.login-container{min-height:100vh;background-color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;padding:20px}.login-content{width:380px;max-width:400px;display:flex;flex-direction:column;align-items:center;flex:1;justify-content:center}.logo-section{position:static;margin-bottom:2rem;display:flex;flex-direction:column;align-items:center}.spinny-logo{height:40px;width:auto}.form-section{width:100%;max-width:380px}.login-form{width:100%;display:flex;flex-direction:column}.input-group{margin-bottom:0}.input-label{display:block;font-family:Montserrat,sans-serif;font-size:12px;font-weight:600;color:#646464;margin-bottom:8px;text-align:left}.phone-input-container{position:relative;display:flex;align-items:center;border:2px solid #CACACA;border-radius:5px;background-color:#fff;transition:border-color .3s ease;height:56px}.phone-input-container:focus-within{border-color:#007bff}.country-code{display:flex;align-items:center;padding:0 16px;font-family:Montserrat,sans-serif;font-size:18px;font-weight:600;color:#000;height:100%;position:relative;letter-spacing:5px}.country-code:after{content:"";position:absolute;right:0;top:12px;bottom:12px;width:1px;background-color:#dbdbdb;box-shadow:1px 0 #0000001a}.country-code span{margin-right:2px}.phone-input{flex:1;border:none;outline:none;padding:10px;font-family:Montserrat,sans-serif;font-size:16px;font-weight:600;color:#3c3c3c;background-color:transparent;letter-spacing:5px}.phone-input::placeholder{color:#999}.otp-input{width:100%;border:2px solid #e0e0e0;border-radius:4px;padding:16px;font-family:Montserrat,sans-serif;font-size:16px;font-weight:600;color:#333;letter-spacing:5px;outline:none;transition:border-color .3s ease;height:56px;background-color:#fff}.otp-input:focus{border-color:#007bff}.form-middle-content{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;min-height:80px;width:100%}.otp-info{font-family:Montserrat,sans-serif;font-size:12px;font-weight:400;color:#666;text-align:left;width:100%;margin-top:8px}.error-message{font-family:Montserrat,sans-serif;font-size:12px;font-weight:400;color:#dc3545;text-align:left;width:100%;margin-top:8px}.resend-section{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:auto;margin-bottom:16px}.facing-issues{font-family:Montserrat,sans-serif;font-size:10px;font-weight:500;color:#666;letter-spacing:.5px}.resend-link{background:none;border:none;font-family:Montserrat,sans-serif;font-size:10px;font-weight:600;color:#666;text-decoration:underline dotted;text-decoration-color:#ed7d28;cursor:pointer;letter-spacing:.5px;padding:0}.resend-link:hover{color:#333}.submit-button{width:100%;height:48px;border:none;border-radius:4px;font-family:Montserrat,sans-serif;font-size:12px;font-weight:700;letter-spacing:1px;cursor:pointer;transition:all .3s ease;background-color:#d6d6d6;color:#a4a4a4;margin-top:auto}.submit-button.active{background-color:#ed7d28;color:#fff}.submit-button:disabled{cursor:not-allowed}.submit-button.active:hover:not(:disabled){background-color:#e4995b}.footer-logo{position:absolute;bottom:40px;display:flex;flex-direction:column;align-items:center;gap:8px}.powered-by{font-family:Montserrat,sans-serif;font-size:10px;font-weight:400;color:#999;letter-spacing:1px}.matchpoint-logo{height:auto;width:auto}.tagline{font-family:Montserrat,sans-serif;font-size:9px;font-weight:400;color:#999;text-align:center}@media(min-width:1440px){.login-container{padding:30px}.login-content{width:420px;max-width:450px}.logo-section{top:250px}.spinny-logo{height:45px}.phone-input-container{height:60px}.country-code{font-size:20px;padding:0 18px}.phone-input{font-size:18px;padding:12px}.otp-input{height:60px;font-size:18px;padding:18px}.form-middle-content{min-height:90px}.otp-info,.error-message{font-size:14px}.facing-issues,.resend-link{font-size:12px}.submit-button{height:52px;font-size:14px}.footer-logo{bottom:50px}.powered-by{font-size:12px}.tagline{font-size:10px}}@media(max-width:1439px)and (min-width:1024px){.login-container{padding:25px}.login-content{width:400px;max-width:420px}.logo-section{top:240px}.spinny-logo{height:42px}.phone-input-container{height:58px}.country-code{font-size:19px;padding:0 17px}.phone-input{font-size:17px}.otp-input{height:58px;font-size:17px}.form-middle-content{min-height:85px}.submit-button{height:50px;font-size:13px}.footer-logo{bottom:45px}}@media(max-width:1023px)and (min-width:768px){.login-container{padding:20px;justify-content:center}.login-content{width:350px;max-width:380px}.logo-section{position:static;margin-bottom:3rem;align-items:center}.spinny-logo{height:38px}.phone-input-container{height:54px}.country-code{font-size:17px;padding:0 15px;letter-spacing:4px}.phone-input{font-size:16px;letter-spacing:4px}.otp-input{height:54px;font-size:16px;letter-spacing:4px}.form-middle-content{min-height:75px}.otp-info,.error-message{font-size:11px}.facing-issues,.resend-link{font-size:9px}.submit-button{height:46px;font-size:11px}.footer-logo{position:static;margin-top:3rem}.powered-by{font-size:9px}.tagline{font-size:8px}}@media(max-width:767px){.login-container{padding:16px;justify-content:flex-start;padding-top:2rem}.login-content{width:100%;max-width:100%}.form-section{max-width:100%}.logo-section{position:static;margin-bottom:2.5rem;align-items:center}.spinny-logo{height:35px}.input-label{font-size:11px;margin-bottom:6px}.phone-input-container{height:50px;border-width:1.5px}.country-code{font-size:16px;padding:0 12px;letter-spacing:3px}.country-code:after{top:10px;bottom:10px}.phone-input{font-size:16px;padding:8px;letter-spacing:3px}.otp-input{height:50px;font-size:16px;padding:14px;border-width:1.5px;letter-spacing:3px}.form-middle-content{min-height:70px}.otp-info,.error-message{font-size:11px;margin-top:6px}.resend-section{margin-bottom:12px;gap:6px}.facing-issues,.resend-link{font-size:9px}.submit-button{height:44px;font-size:11px}.footer-logo{position:static;margin-top:2.5rem}.powered-by{font-size:9px}.tagline{font-size:8px}}@media(max-width:480px){.login-container{padding:12px;padding-top:1.5rem}.logo-section{margin-bottom:2rem}.spinny-logo{height:32px}.input-label{font-size:10px;margin-bottom:5px}.phone-input-container{height:48px}.country-code{font-size:15px;padding:0 10px;letter-spacing:2px}.phone-input{font-size:15px;padding:6px;letter-spacing:2px}.otp-input{height:48px;font-size:15px;padding:12px;letter-spacing:2px}.form-middle-content{min-height:65px}.otp-info,.error-message{font-size:10px;margin-top:5px}.resend-section{margin-bottom:10px;gap:4px}.facing-issues,.resend-link{font-size:8px}.submit-button{height:42px;font-size:10px}.footer-logo{margin-top:2rem}.powered-by{font-size:8px}.tagline{font-size:7px}}@media(max-width:320px),(max-height:600px)and (orientation:landscape){.login-container{padding:8px;padding-top:1rem;justify-content:flex-start}.logo-section{margin-bottom:1.5rem}.spinny-logo{height:28px}.form-middle-content{min-height:60px}.submit-button{height:40px;font-size:9px}.footer-logo{margin-top:1.5rem}}@media(max-height:600px){.logo-section{position:static;margin-bottom:1.5rem}.footer-logo{position:static;margin-top:2rem}.login-container{justify-content:flex-start;padding-top:1rem}.form-middle-content{min-height:50px}}@media(max-height:500px){.logo-section{margin-bottom:1rem}.footer-logo{margin-top:1rem}.form-middle-content{min-height:40px}.submit-button{height:38px}}.calendar-wrapper{position:relative;width:20%}.date-selector{cursor:pointer;display:flex;flex-direction:column;gap:4px;margin-bottom:8px}.select-label{font-size:11px;font-weight:700;color:#7b7d82;text-transform:uppercase;letter-spacing:.5px}.selected-date{font-size:15px;font-weight:800;color:#f4811f;text-transform:uppercase;letter-spacing:.6px}.calendar-dropdown{position:absolute;top:100%;left:0;background:#fff;border-radius:14px;box-shadow:0 14px 40px #17345e29;padding:16px;z-index:100;min-width:280px;margin-top:8px;border:1px solid #e4e8f0}.calendar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.month-year-selector{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:500;color:#333;cursor:pointer}.dropdown-arrow{font-size:8px;color:#888}.nav-buttons{display:flex;gap:8px}.nav-btn{width:28px;height:28px;border:none;background:#f5f5f5;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:12px;color:#666;transition:all .2s}.nav-btn:hover{background:#eee}.calendar-grid{width:100%}.weekdays{display:grid;grid-template-columns:repeat(7,1fr);margin-bottom:8px}.weekday{text-align:center;font-size:12px;font-weight:500;color:#888;padding:8px 0}.days{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.day{text-align:center;padding:8px;font-size:13px;cursor:pointer;border-radius:50%;transition:all .2s;aspect-ratio:1;display:flex;align-items:center;justify-content:center}.day:hover{background:#f5f5f5}.day.other-month{color:#ccc}.day.today{background:#fff;border:2px solid #ff6b35;color:#ff6b35;font-weight:600}.day.range-start,.day.range-end{background:#ff6b35;color:#fff;font-weight:600}.day.in-range{background:#ffebe3;border-radius:0}.day.range-start{border-radius:50% 0 0 50%}.day.range-end{border-radius:0 50% 50% 0}.day.range-start.range-end{border-radius:50%}.day.disabled{color:#ccc;cursor:not-allowed;pointer-events:none;opacity:.5}.day.disabled:hover{background:transparent}.activity-log{padding-top:4px}.activity-header{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;position:relative}.activity-title{font-size:26px;font-weight:800;color:#1f1f1f;margin:0;letter-spacing:-.2px}.search-box{position:relative}.search-box input{padding:8px 32px 8px 8px;border:none;border-bottom:1px solid #B5B5B5;border-radius:0;font-size:12px;width:220px;color:#7b7d82;text-transform:uppercase;letter-spacing:.5px;background:transparent;text-align:right}.search-box input:focus{outline:none;border-color:#f4811f;box-shadow:none}.search-icon{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:20px;height:20px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:#ee8730}.activity-table{width:100%;border-collapse:collapse}.activity-table .activity-row{cursor:pointer}.activity-table th{text-align:left;padding:14px 16px 12px;font-size:15px;font-weight:700;color:#8f9297;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #eef1f5}.activity-table th.filter-th{position:relative}.activity-table th .filter-icon{background:#e5e5e5;border:0px solid;cursor:pointer;padding:4px;margin-left:8px;vertical-align:middle;border-radius:50%;width:26px;height:26px;display:inline-flex;align-items:center;justify-content:center;color:#ee8730;transition:all .2s}.activity-table th .filter-icon.active{background:#f4811f}.activity-table th .filter-icon.active svg{color:#fff}.filter-dropdown{position:absolute;top:100%;left:0;background:#fff;border-radius:10px;box-shadow:0 8px 24px #0000001f;padding:8px 0;z-index:100;min-width:180px;max-height:250px;overflow-y:auto;margin-top:8px;border:1px solid #e4e8f0}.filter-option{padding:10px 16px;font-size:13px;font-weight:500;color:#333;cursor:pointer;transition:all .2s;text-transform:capitalize}.filter-option:hover{background:#f5f5f7}.filter-option.active{background:#fff5ef;color:#f4811f;font-weight:600}.date-header{text-align:right;display:flex;flex-direction:column;align-items:flex-end;gap:4px;padding-right:8px}.sort-btn{background:none;border:none;font-size:10px;color:#7a7c80;cursor:pointer;margin-left:8px;display:inline-flex;align-items:center;gap:6px}.sort-label{letter-spacing:.3px}.sort-arrow{color:#f4811f;font-size:11px;line-height:1;display:inline-block;transform:translateY(1px)}.activity-table td{padding:16px;border-bottom:1px solid #f0f2f6;vertical-align:middle}.vehicle-cell{font-size:13px;font-weight:700;color:#222}.event-cell{font-size:12px;font-weight:700;color:#1f1f1f;text-transform:uppercase;position:relative;padding-right:40px!important}.external-link{position:absolute;right:16px;top:50%;transform:translateY(-50%);color:#f4811f;font-size:12px}.location-cell{font-size:13px;color:#6a6a6a;text-align:left;font-weight:600}.location-cell .location-name{display:block;color:#6a6a6a;font-weight:600}.location-cell .location-city{display:block;color:#6a6a6a;font-size:13px;font-weight:600}.date-cell{text-align:right}.date-cell .date{display:block;font-size:12px;font-weight:600;color:#61758a}.date-cell .time{display:block;font-size:11px;font-weight:600;color:#61758a}.pagination{display:flex;justify-content:center;align-items:center;gap:12px;margin-top:24px}.page-btn{min-width:32px;height:32px;padding:0 10px;border:none;background:transparent;border-radius:10px;font-size:13px;color:#333;cursor:pointer;transition:all .2s}.page-btn:hover{background:#f5f5f7}.page-btn.active{background:#f4811f;color:#fff}.page-dots{color:#9aa1ad;font-size:14px}@media(max-width:768px){.activity-header{flex-direction:column;gap:16px;align-items:flex-start}.search-box input{width:100%}.activity-table{display:block;overflow-x:auto}}.home-container{padding:0;display:flex;flex-direction:column;gap:24px;color:#1f1f1f}.vehicle-status-section{margin-bottom:8px;padding-bottom:12px}.section-title{font-size:35px;font-weight:700;color:#212224;margin:0 0 8px;letter-spacing:-.2px}.status-grid{display:grid;grid-template-columns:minmax(0,3fr) minmax(260px,1fr);gap:32px;margin-top:18px;align-items:stretch}.left-section{flex:1;display:flex;flex-direction:column;justify-content:space-between}.right-section{display:flex;flex-direction:column}.ongoing-header{height:36px;display:flex;align-items:flex-end;margin-bottom:12px}.ongoing-title{font-size:20px;font-weight:700;color:#222;margin:0}.status-block{flex:1;display:flex;flex-direction:column}.status-block:first-child{margin-bottom:16px}.block-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.block-title{font-size:20px;font-weight:700;color:#222;margin:0 0 14px}.block-header .block-title{margin:0}.filter-buttons{display:flex;gap:10px}.filter-btn{padding:8px 16px;border:1px solid #d6d9de;background:#f5f5f7;border-radius:18px;font-size:11px;font-weight:700;cursor:pointer;transition:all .2s;color:#4c4f55;letter-spacing:.4px}.filter-btn.active{background:#dedfe3;color:#1f1f1f;border-color:#cfd3da}.location-cards{display:flex;gap:12px;width:100%;flex:1}.location-cards .location-card{flex:1;min-width:0}.location-card{background:linear-gradient(180deg,#fff5ed,#ffe8d5);border-radius:12px;padding:16px 12px;text-align:center;position:relative;box-shadow:0 12px 28px #f4811f14;display:flex;flex-direction:column;align-items:center;justify-content:center}.location-card.showroom{background:linear-gradient(180deg,#fff9e7,#f7f7ee);box-shadow:0 12px 24px #4cb57214}.location-name{display:block;font-size:12px;font-weight:700;color:#7a7c80;text-transform:uppercase;letter-spacing:.4px;line-height:1.3;min-height:26px;max-width:100%;word-wrap:break-word}.location-label{position:absolute;top:8px;right:10px;font-size:11px;color:#7a7c80;font-weight:700}.location-count{display:block;font-size:40px;font-weight:800;color:#f4811f;letter-spacing:-.5px}.change-badge{display:inline-flex;align-items:center;justify-content:center;background:#fff3ea;color:#f4811f;font-size:11px;font-weight:700;padding:4px 9px;border-radius:999px;margin-top:10px;min-width:32px;border:1px solid #f4811f}.change-badge.green{background:#eef9f1;color:#2fa56f;border:1px solid #2fa56f}.ongoing-block{width:100%;flex:1;border-radius:16px;background:#f7f8fb;padding:28px 30px;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;gap:18px;box-shadow:inset 0 1px #ffffffb3}.ongoing-total{font-size:100px;font-weight:800;color:#e9700c;line-height:1;margin-bottom:4px}.ongoing-stat{padding-top:14px;border-top:5px solid #e0e4eb}.stat-label{display:block;font-size:14px;font-weight:700;color:#6a6c71;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.stat-value{display:block;font-size:60px;font-weight:800;background:linear-gradient(180deg,#f79746,#ef852d);-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.3px}@media(max-width:1200px){.right-section{width:350px}.ongoing-block{width:100%;height:auto;min-height:0}}@media(max-width:768px){.status-grid{grid-template-columns:1fr}.right-section{width:100%}.ongoing-block{width:100%;height:auto}.location-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.location-cards .location-card{flex:none}}@media(max-width:900px){.status-grid{grid-template-columns:1fr;gap:18px}.right-section{width:100%}}.users-page{display:flex;flex-direction:column;gap:24px}.users-top{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:4px}.users-intro h1{font-size:35px;font-weight:800;color:#1f1f1f;margin:0 0 6px}.users-intro p{margin:0;font-size:13px;font-weight:500;color:#7a7c80;line-height:1.4}.invite-btn{padding:10px 18px;border:none;background:#ee8730;color:#fff;font-size:14px;font-weight:700;border-radius:17px;cursor:pointer;letter-spacing:.3px}.users-card.flat{border:none;padding:0;margin-top:4px}.invite-row{display:grid;grid-template-columns:1fr 1fr auto auto;gap:18px;padding:10px 0 24px;align-items:flex-start}.invite-list{display:flex;flex-direction:column;gap:12px;width:100%}.invite-input{border:none;border-bottom:1px solid #e0e2e6;padding:8px 4px;font-size:13px;font-weight:500;color:#444}.invite-input:focus{outline:none;border-color:#ee8730}.invite-input.input-error{border-color:#dc2626}.phone-input-wrapper{display:flex;flex-direction:column;position:relative}.field-error{color:#dc2626;font-size:11px;margin-top:4px;font-weight:500}.form-group input.input-error{border-color:#dc2626}.form-group .field-error{display:block;margin-top:6px}.invite-role{position:relative;min-width:230px}.invite-role-label{display:inline-flex;align-items:center;gap:6px;font-size:11px;text-transform:uppercase;color:#1f1f1f;font-weight:800;cursor:pointer}.invite-role-dropdown{position:absolute;top:28px;left:0;margin-top:0;border:1px solid #e6e8ec;border-radius:14px;box-shadow:0 10px 24px #0000000f;padding:6px 0;max-width:280px;width:100%;background:#fafafa;z-index:5}.invite-role-option{display:flex;align-items:center;gap:10px;padding:9px 14px;font-size:12px;color:#7a7a7a;position:relative}.invite-role-option:after{content:"";position:absolute;left:12px;right:12px;bottom:0;height:1px;background:#00000014}.invite-role-option:last-child:after{display:none}.invite-role-option .dot{width:8px;height:8px;border-radius:50%;background:#b4b4b4}.invite-role-option .role-text{letter-spacing:.2px;font-weight:700}.invite-role-option.selected{color:#ee8730}.invite-role-option.selected .dot{background:#ee8730}.send-invite-pill{align-self:center;padding:12px 20px;border:none;background:#ee8730;color:#fff;font-size:12px;font-weight:700;border-radius:16px;cursor:pointer;letter-spacing:.3px;white-space:nowrap}.send-invite-pill.disabled,.send-invite-pill:disabled{background:#f0f0f0;color:#b3b3b3;cursor:not-allowed}.add-more{margin-top:-4px;width:100%;text-align:center;font-size:11px;font-weight:700;color:#ee8730;cursor:pointer;display:inline-block;text-transform:uppercase;align-self:center}.invite-row-wrapper{margin-bottom:16px}.invite-error{color:#dc2626;font-size:12px;margin-top:6px;padding-left:4px}.invite-success{color:#16a34a;font-size:12px;margin-top:6px;padding-left:4px}.invite-list-wrapper{display:flex;flex-direction:column;align-items:center}.users-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:50px}.users-header h2{margin:0;font-size:25px;font-weight:700;color:#1f1f1f}.users-actions{display:flex;align-items:center}.users-search{position:relative}.users-search input{padding:6px 28px 6px 6px;border:none;border-bottom:1px solid #d5d7dc;font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:#7b7d82}.users-search input:focus{outline:none;border-color:#ee8730}.users-search .search-icon{width:18px;height:18px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;position:absolute;right:4px;top:50%;transform:translateY(-50%)}.users-table-head,.user-row{display:grid;grid-template-columns:1fr .5fr 1fr .8fr;align-items:center;padding:16px 10px}.users-table-head{font-size:15px;text-transform:uppercase;color:#7a7c80;font-weight:700;padding-bottom:35px}.role-head{display:inline-flex;align-items:center;gap:6px;position:relative}.role-filter{display:inline-flex;align-items:center;gap:6px;cursor:pointer}.role-dropdown{position:absolute;top:100%;left:0;margin-top:8px;background:#fff;border:1px solid #e6e8ec;border-radius:12px;box-shadow:0 10px 24px #0000001a;padding:6px 0;min-width:180px;z-index:10}.role-option{padding:10px 16px;font-size:13px;font-weight:600;color:#666;cursor:pointer;text-transform:capitalize}.role-option:hover{background:#f5f5f5}.role-option.active{color:#ee8730;background:#fff5eb}.user-row{font-size:13px;color:#333;border-bottom:1px solid #f6f6f6;min-height:54px}.user-name{font-weight:700;font-size:13px}.user-role{font-weight:600;color:#555}.user-actions{display:flex;align-items:center;gap:16px;justify-content:flex-end}.text-btn{background:none;border:none;font-size:13px;font-weight:700;color:#666;cursor:pointer;padding:0;display:inline-flex;align-items:center;gap:6px;text-transform:uppercase;letter-spacing:.2px}.text-btn.delete{color:#c85757}.pagination{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:24px;padding:16px 0}.pagination-btn{display:flex;align-items:center;justify-content:center;min-width:36px;height:36px;padding:0 12px;border:1px solid #e0e2e6;background:#fff;border-radius:8px;font-size:14px;font-weight:600;color:#666;cursor:pointer;transition:all .2s ease}.pagination-btn:hover:not(:disabled){border-color:#ee8730;color:#ee8730}.pagination-btn.active{background:#ee8730;border-color:#ee8730;color:#fff}.pagination-btn.dots{border:none;background:transparent;cursor:default;min-width:24px;padding:0}.pagination-btn.dots:hover{border:none;color:#666}.pagination-btn:disabled{opacity:.4;cursor:not-allowed}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:100}.modal-content{background:#fff;border-radius:16px;width:100%;max-width:420px;box-shadow:0 20px 40px #00000026}.modal-content.delete-modal{max-width:380px}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #f0f0f0}.modal-header h3{margin:0;font-size:18px;font-weight:700;color:#1f1f1f}.modal-close{background:none;border:none;cursor:pointer;color:#666;padding:4px}.modal-close:hover{color:#333}.modal-body{padding:24px}.modal-body p{margin:0 0 8px;font-size:14px;color:#333}.delete-warning{color:#c85757!important;font-size:13px!important}.modal-error{background:#fef2f2;border:1px solid #fecaca;color:#dc2626;padding:12px 24px;font-size:13px;font-weight:500}.form-group{margin-bottom:20px}.form-group:last-child{margin-bottom:0}.form-group label{display:block;font-size:12px;font-weight:700;color:#666;text-transform:uppercase;margin-bottom:8px}.form-group input{width:100%;padding:12px 14px;border:1px solid #e0e2e6;border-radius:10px;font-size:14px;color:#333;box-sizing:border-box}.form-group input:focus{outline:none;border-color:#ee8730}.edit-role-select{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;border:1px solid #e0e2e6;border-radius:10px;font-size:14px;color:#333;cursor:pointer}.edit-role-dropdown{margin-top:8px;background:#fff;border:1px solid #e6e8ec;border-radius:10px;box-shadow:0 8px 20px #0000001a;overflow:hidden}.edit-role-option{padding:12px 14px;font-size:14px;color:#666;cursor:pointer}.edit-role-option:hover{background:#f5f5f5}.edit-role-option.active{color:#ee8730;background:#fff5eb}.modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid #f0f0f0}.btn-cancel{padding:10px 20px;border:1px solid #e0e2e6;background:#fff;border-radius:10px;font-size:14px;font-weight:600;color:#666;cursor:pointer}.btn-cancel:hover{background:#f5f5f5}.btn-save{padding:10px 24px;border:none;background:#ee8730;border-radius:10px;font-size:14px;font-weight:600;color:#fff;cursor:pointer}.btn-save:hover{background:#d97520}.btn-save:disabled{background:#ccc;cursor:not-allowed}.btn-delete{padding:10px 24px;border:none;background:#c85757;border-radius:10px;font-size:14px;font-weight:600;color:#fff;cursor:pointer}.btn-delete:hover{background:#b44848}.btn-delete:disabled{background:#ccc;cursor:not-allowed}@media(max-width:900px){.users-top{flex-direction:column;align-items:flex-start}.users-header{flex-direction:column;align-items:flex-start;gap:8px}.invite-list-wrapper{align-items:flex-start;width:100%}.invite-row{grid-template-columns:1fr;gap:12px;align-items:stretch}.send-invite-pill{width:100%}.users-table-head,.user-row{grid-template-columns:1fr;gap:6px}.user-actions{justify-content:flex-start}}.trackers-page{display:flex;flex-direction:column;gap:14px}.trackers-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:50px}.trackers-header h1{font-size:35px;font-weight:700;color:#1f1f1f;margin:0}.trackers-search{position:relative;min-width:220px}.trackers-search input{padding:6px 28px 6px 6px;border:none;border-bottom:1px solid #d5d7dc;font-size:12px;font-weight:400;text-transform:uppercase;letter-spacing:.3px;color:#7b7d82}.trackers-search input:focus{outline:none;border-color:#ee8730}.trackers-search .search-icon{width:18px;height:18px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;position:absolute;right:4px;top:50%;transform:translateY(-50%)}.trackers-head{display:grid;grid-template-columns:1.4fr 1.7fr 1fr 1.2fr;padding:8px 4px 30px;column-gap:10px}.head-item{display:flex;flex-direction:column;gap:3px;align-items:flex-start}.head-main{font-size:15px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;color:#1f1f1f}.head-sub{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.35px;color:#8a8d92}.status-head .head-sub.with-icon{display:inline-flex;align-items:center;gap:6px}.status-head .filter-icon{width:22px;height:22px;border-radius:50%;background:#e5e5e5;border:none;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:0}.status-head .head-sub.with-icon{position:relative}.status-dropdown{position:absolute;top:100%;left:0;margin-top:8px;background:#fff;border:1px solid #e6e8ec;border-radius:12px;box-shadow:0 10px 24px #0000001a;padding:6px 0;min-width:160px;z-index:10}.status-option{padding:10px 16px;font-size:13px;font-weight:600;color:#666;cursor:pointer;text-transform:capitalize}.status-option:hover{background:#f5f5f5}.status-option.active{color:#ee8730;background:#fff5eb}.trackers-body{display:flex;flex-direction:column}.tracker-row{display:grid;grid-template-columns:1.4fr 1.7fr 1fr 1.2fr;padding:10px 4px 12px;border-bottom:1px solid #f6f6f6;font-size:12px;color:#333}.cell .main{font-weight:700;font-size:13px}.cell.status .main{font-weight:700;color:#868686}.cell.status .sub{font-size:12px;font-weight:700;color:#121417;margin-top:4px}.cell.date .main,.cell.by .main{font-weight:600;color:#555}.cell.date .sub{font-size:11px;color:#6b6d72;margin-top:4px}.loading-row,.empty-row{padding:24px;text-align:center;color:#7a7c80;font-size:14px}@media(max-width:900px){.trackers-header{flex-direction:column;gap:12px;align-items:flex-start}.trackers-head,.tracker-row{grid-template-columns:1fr;gap:6px}}.vehicle-details-page{display:flex;flex-direction:column;gap:18px;width:100%}.vd-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.vd-header h1{margin:0;font-size:35px;font-weight:800;color:#1f1f1f}.back-btn{padding:6px 12px;border:1px solid #e0e0e0;background:#fff;border-radius:10px;cursor:pointer;font-size:12px;font-weight:600;color:#444}.vd-meta{font-size:12px;color:#5c5c5c;line-height:1.5}.vd-meta .meta-line strong{font-weight:800;color:#1f1f1f}.vd-map-card{background:#f2f2f2;border-radius:14px;padding:12px;min-height:500px;height:500px;display:flex;align-items:center;justify-content:center;overflow:hidden}.vd-map-card>div{width:100%;height:100%;border-radius:10px;overflow:hidden}.vd-player-container{display:flex;align-items:center;gap:24px;padding:16px 24px;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000d}.vd-controls{display:flex;gap:12px;align-items:center}.ctrl-btn{background:none;border:none;font-size:14px;font-weight:700;color:#d4885a;cursor:pointer;padding:8px;border-radius:50%;transition:background .2s,color .2s}.ctrl-btn:hover:not(:disabled){background:#d4885a1a}.ctrl-btn:disabled{color:#ccc;cursor:not-allowed}.ctrl-btn.play-btn{color:#d4885a}.vd-slider{flex:1;position:relative;display:flex;align-items:center;min-width:200px;height:20px}.slider-input{width:100%;height:6px;-webkit-appearance:none;appearance:none;background:#e5e5e5;border-radius:3px;outline:none;cursor:pointer;margin:0}.slider-input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;background:#d4885a;border-radius:50%;cursor:pointer;box-shadow:0 2px 4px #0003;margin-top:-5px;position:relative;z-index:2}.slider-input::-moz-range-thumb{width:16px;height:16px;background:#d4885a;border-radius:50%;cursor:pointer;border:none;box-shadow:0 2px 4px #0003}.slider-input::-webkit-slider-runnable-track{height:6px;border-radius:3px;background:linear-gradient(to right,#d4885a var(--progress, 0%),#e5e5e5 var(--progress, 0%))}.slider-input::-moz-range-track{height:6px;border-radius:3px;background:#e5e5e5}.slider-input::-moz-range-progress{height:6px;border-radius:3px;background:#d4885a}.slider-input:disabled{cursor:not-allowed;opacity:.5}.slider-thumb-custom{display:none}.vd-replay-info{display:flex;gap:32px;align-items:flex-start}.replay-info-item{display:flex;flex-direction:column;align-items:center;text-align:center;min-width:80px}.info-label{font-size:11px;font-weight:600;color:#7a7c80;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.info-value{font-size:16px;font-weight:700;color:#1f1f1f;line-height:1.3}.info-value.highlight{color:#d4885a}.info-unit{font-size:12px;color:#7a7c80;margin-top:2px}@media(max-width:900px){.vd-header h1{font-size:24px}.vd-map-card{min-height:320px;height:320px}.vd-player-container{flex-direction:column;gap:16px;padding:16px}.vd-controls{gap:16px}.vd-slider{width:100%}.vd-replay-info{gap:24px;flex-wrap:wrap;justify-content:center}.replay-info-item{min-width:70px}}.requests-page{display:flex;flex-direction:column;gap:24px}.requests-top{display:flex;justify-content:space-between;align-items:center;gap:16px}.requests-top h1{font-size:28px;font-weight:800;color:#1f1f1f;margin:0}.download-btn{padding:14px 40px;width:300px;border:none;background:#ee8730;color:#fff;font-size:12px;font-weight:700;cursor:pointer;letter-spacing:1px;text-transform:uppercase}.download-btn:hover{background:#d9762a}.requests-filters{display:flex;justify-content:space-between;align-items:center;margin-top:8px}.date-filter{display:flex;align-items:center;gap:12px;cursor:pointer;position:relative}.date-label{font-size:14px;font-weight:700;color:#1f1f1f;text-transform:uppercase;letter-spacing:.5px}.calendar-icon{color:#ee8730;cursor:pointer}.hidden-date-input{position:absolute;opacity:0;width:0;height:0;pointer-events:none}.search-box{position:relative;display:flex;align-items:center;width:300px}.search-box input{padding:12px 45px 12px 20px;font-size:12px;text-transform:uppercase;letter-spacing:.5px;color:#7b7d82;width:100%;background:#fff}.search-box input::placeholder{color:#999;letter-spacing:1px}.search-box input:focus{outline:none;border-color:#ee8730}.search-box .search-icon{position:absolute;right:16px;top:50%;transform:translateY(-50%);color:#ee8730;pointer-events:none}.requests-table{margin-top:16px}.requests-loading,.requests-empty{padding:40px 20px;text-align:center;color:#888;font-size:14px}.requests-table-head,.request-row{display:grid;grid-template-columns:1.8fr .8fr .8fr .7fr 1fr 1fr .8fr;align-items:center;padding:16px 10px}.requests-table-head{font-size:14px;text-transform:uppercase;color:#7a7c80;font-weight:700;letter-spacing:.3px;padding-bottom:25px}.request-row{font-size:13px;color:#333;border-bottom:1px solid #f6f6f6;min-height:56px}.request-row:hover{background:#fafafa}.request-vin{display:flex;align-items:center;gap:8px;font-weight:600;font-size:12px;color:#1f1f1f}.copy-btn{background:none;border:none;padding:4px;cursor:pointer;color:#999;display:flex;align-items:center;justify-content:center}.copy-btn:hover{color:#ee8730}.request-model,.request-variant,.request-color,.request-date,.request-manager{font-weight:500;color:#333}.request-actions{display:flex;justify-content:flex-end}.edit-btn{background:none;border:none;font-size:12px;font-weight:700;color:#666;cursor:pointer;padding:6px 12px;display:inline-flex;align-items:center;gap:6px;text-transform:uppercase;letter-spacing:.2px}.edit-btn:hover{color:#ee8730}.request-row.editing{background:#ffecdf;border:1px solid #ee8730}.edit-input{width:90%;padding:4px 0;border:none;border-bottom:1px dashed #000;font-size:13px;color:#333;background:transparent;font-weight:500}.edit-input:focus{outline:none;border-bottom-color:#ee8730}.save-action-wrapper{position:relative}.save-btn{background:none;border:none;font-size:12px;font-weight:700;color:#ee8730;cursor:pointer;padding:6px 0;text-transform:uppercase;letter-spacing:.2px;white-space:nowrap}.save-btn:hover{color:#d9762a}.inline-confirm-popup{position:absolute;top:100%;right:0;margin-top:12px;background:#f9f9f9;border-radius:8px;padding:16px 20px;min-width:260px;box-shadow:0 4px 4px #00000040;border:1px solid #eee;z-index:100}.inline-confirm-popup:before{content:"";position:absolute;top:-8px;right:20px;width:14px;height:14px;background:#f9f9f9;border-left:1px solid #eee;border-top:1px solid #eee;transform:rotate(45deg)}.inline-confirm-popup h4{margin:0 0 6px;font-size:15px;font-weight:700;color:#000}.inline-confirm-popup p{margin:0 0 16px;font-size:13px;color:#828282;font-weight:600}.inline-confirm-actions{display:flex;gap:10px}.inline-yes-btn{padding:8px 24px;border:1px solid #ee8730;background:#f9f9f9;color:#ee8730;font-size:11px;font-weight:700;border-radius:4px;cursor:pointer;text-transform:uppercase;letter-spacing:.5px}.inline-yes-btn:hover{background:#ee8730;color:#fff}.inline-cancel-btn{padding:8px 24px;border:1px solid #828282;background:#f9f9f9;color:#1d1b20;font-size:11px;font-weight:700;border-radius:4px;cursor:pointer;text-transform:uppercase;letter-spacing:.5px}.inline-cancel-btn:hover{background:#f5f5f5;color:#666}@media(max-width:1024px){.requests-table-head,.request-row{grid-template-columns:1.5fr .7fr .7fr .6fr .9fr .9fr .7fr;font-size:11px}.request-vin{font-size:11px}}@media(max-width:768px){.requests-top{flex-direction:column;align-items:flex-start}.requests-top h1{font-size:22px}.download-btn{width:100%}.requests-filters{flex-direction:column;align-items:flex-start;gap:16px;width:100%}.search-box,.search-box input{width:100%}.requests-table-head,.request-row{grid-template-columns:1fr;gap:8px}.requests-table-head{display:none}.request-row{padding:16px;border:1px solid #f0f0f0;border-radius:8px;margin-bottom:12px}.request-row>span:before{content:attr(data-label);font-weight:600;color:#7a7c80;font-size:10px;text-transform:uppercase;display:block;margin-bottom:4px}.request-actions{justify-content:flex-start;margin-top:8px}}.notifications-page{display:flex;flex-direction:column;gap:24px}.notifications-top{display:flex;align-items:center;gap:16px}.back-btn{width:40px;height:40px;border:none;background:#f5f5f5;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#333;transition:all .2s}.back-btn:hover{background:#e0e0e0}.notifications-top h1{font-size:28px;font-weight:800;color:#1f1f1f;margin:0}.notifications-loading,.notifications-empty{padding:60px 20px;text-align:center;color:#888;font-size:14px}.see-more{margin-top:24px;text-align:center;font-size:11px;color:#ee8730;font-weight:700;cursor:pointer}.notifications-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px}.notification-card{background:#fff;border:1px solid #e8e8e8;border-radius:12px;padding:20px;cursor:pointer;transition:all .2s}.notification-card:hover{border-color:#ee8730;box-shadow:0 4px 12px #ee87301a}.notification-card.selected{border-color:#ee8730;background:#fff8f3}.notification-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.notification-type{font-size:11px;font-weight:700;color:#ee8730;text-transform:uppercase;letter-spacing:.5px;background:#fff3e8;padding:4px 10px;border-radius:12px}.notification-card-time{font-size:11px;color:#999}.notification-card-title{font-size:16px;font-weight:700;color:#1f1f1f;margin:0 0 8px}.notification-card-message{font-size:13px;color:#666;margin:0 0 16px;line-height:1.5}.notification-card-vehicle{display:flex;align-items:center;gap:8px}.vehicle-number{font-size:12px;font-weight:600;color:#333;background:#f5f5f5;padding:6px 12px;border-radius:6px}.notification-detail-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.notification-detail-modal{background:#fff;border-radius:16px;max-width:520px;width:100%;max-height:90vh;overflow-y:auto}.detail-header{display:flex;justify-content:space-between;align-items:center;padding:24px 24px 16px;border-bottom:1px solid #f0f0f0}.detail-header h2{margin:0;font-size:20px;font-weight:700;color:#1f1f1f}.close-btn{width:36px;height:36px;border:none;background:#f5f5f5;border-radius:50%;font-size:24px;color:#666;cursor:pointer;display:flex;align-items:center;justify-content:center;line-height:1}.close-btn:hover{background:#e0e0e0;color:#333}.detail-body{padding:20px 24px 24px}.detail-row{display:flex;flex-direction:column;gap:4px;padding:12px 0;border-bottom:1px solid #f5f5f5}.detail-row:last-child{border-bottom:none}.detail-label{font-size:11px;font-weight:700;color:#999;text-transform:uppercase;letter-spacing:.5px}.detail-value{font-size:14px;font-weight:500;color:#333}.detail-value.alert-id{font-size:12px;font-family:monospace;color:#666;word-break:break-all}@media(max-width:768px){.notifications-top h1{font-size:22px}.notifications-grid{grid-template-columns:1fr}.notification-detail-modal{max-width:100%;margin:10px}.detail-header{padding:20px 16px 12px}.detail-body{padding:16px}}.dashboard-container{min-height:100vh;background:#fff}.dashboard-header{background:#f5f5f5;padding:0 100px;height:68px;display:flex;justify-content:space-between;align-items:center}.header-left{display:flex;align-items:center;gap:32px}.header-logo{height:28px;object-fit:contain}.logo-fallback{display:flex;align-items:center;gap:2px}.logo-text{font-size:18px;font-weight:600;color:#333}.logo-text-highlight{font-size:18px;font-weight:600;color:#ff6b35}.header-tabs{display:flex;gap:8px;height:100%;align-items:stretch}.tab-btn{padding:12px 18px;border:none;background:transparent;font-size:15px;font-weight:700;color:#8a8d92;cursor:pointer;transition:all .2s;letter-spacing:.5px;border-radius:10px 10px 0 0;position:relative}.tab-btn:hover{color:#222}.tab-btn.active{color:#f4811f}.header-right{display:flex;align-items:center;gap:16px}.notification-wrapper{position:relative}.notification-btn{width:40px;height:40px;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#666;border-radius:50%;transition:all .2s;position:relative}.notification-btn:hover{background:#f5f5f5;color:#333}.notification-dot{position:absolute;top:8px;right:8px;width:8px;height:8px;background:#e53935;border-radius:50%;border:2px solid #f5f5f5}.notification-dropdown{position:absolute;top:calc(100% + 8px);right:0;width:320px;background:#fff;border-radius:12px;box-shadow:0 4px 24px #0000001f;border:1px solid #eee;z-index:1000;overflow:hidden}.notification-header{padding:16px 20px;border-bottom:1px solid #f0f0f0}.notification-header h4{margin:0;font-size:16px;font-weight:700;color:#1f1f1f}.notification-list{max-height:300px;overflow-y:auto}.notification-empty{padding:32px 20px;text-align:center;color:#888;font-size:13px}.notification-item{display:flex;justify-content:space-between;align-items:flex-start;padding:14px 20px;border-bottom:1px solid #f5f5f5;gap:12px}.notification-item:last-child{border-bottom:none}.notification-item:hover{background:#fafafa}.notification-content{display:flex;flex-direction:column;gap:4px;flex:1}.notification-title{font-size:13px;font-weight:700;color:#1f1f1f}.notification-message{font-size:12px;color:#666;line-height:1.4}.notification-time{font-size:11px;color:#999;white-space:nowrap}.notification-footer{padding:12px 20px;border-top:1px solid #f0f0f0;text-align:center}.view-all-btn{background:none;border:none;font-size:12px;font-weight:700;color:#ee8730;cursor:pointer;text-transform:uppercase;letter-spacing:.5px}.view-all-btn:hover{color:#d9762a}.profile-wrapper{position:relative}.user-avatar{width:36px;height:36px;border-radius:50%;background:#e0e0e0;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:15px}.user-avatar:hover{background:#d0d0d0}.profile-dropdown{position:absolute;top:calc(100% + 8px);right:0;min-width:140px;background:#fff;border-radius:8px;box-shadow:0 4px 24px #0000001f;border:1px solid #eee;z-index:1000;overflow:hidden}.profile-menu-item{display:flex;align-items:center;gap:10px;padding:12px 16px;font-size:14px;color:#333;cursor:pointer;transition:background .2s}.profile-menu-item:hover{background:#f5f5f5}.profile-menu-item svg{color:#666}.logout-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:2000}.logout-modal{background:#fff;border-radius:12px;padding:24px;width:100%;max-width:360px;text-align:center;box-shadow:0 8px 32px #0003}.logout-modal h3{margin:0 0 12px;font-size:18px;font-weight:600;color:#1f1f1f}.logout-modal p{margin:0 0 24px;font-size:14px;color:#666}.logout-modal-actions{display:flex;gap:12px;justify-content:center}.logout-cancel-btn{padding:10px 24px;border:1px solid #ddd;background:#fff;border-radius:8px;font-size:14px;font-weight:500;color:#333;cursor:pointer;transition:all .2s}.logout-cancel-btn:hover{background:#f5f5f5}.logout-confirm-btn{padding:10px 24px;border:none;background:#e53935;border-radius:8px;font-size:14px;font-weight:500;color:#fff;cursor:pointer;transition:all .2s}.logout-confirm-btn:hover{background:#c62828}.dashboard-content{padding:90px 34px 40px;max-width:1550px;margin:0 auto}.placeholder-tab{background:#fff;border-radius:16px;padding:48px;text-align:center}.placeholder-tab h2{margin:0 0 8px;color:#333}.placeholder-tab p{color:#888;margin:0}@media(max-width:768px){.dashboard-header{padding:0 16px}.dashboard-shell{border-width:5px}.header-left{gap:16px}.header-tabs{display:none}.dashboard-content{padding:16px}}.fcm-toast{position:fixed;top:80px;right:20px;background:#fff;border-radius:12px;box-shadow:0 4px 24px #00000026;border-left:4px solid #f4811f;padding:16px 20px;max-width:360px;z-index:3000;display:flex;align-items:flex-start;gap:12px;cursor:pointer;animation:slideIn .3s ease-out}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.fcm-toast-content{flex:1}.fcm-toast-content strong{display:block;font-size:14px;font-weight:600;color:#1f1f1f;margin-bottom:4px}.fcm-toast-content p{margin:0;font-size:13px;color:#666;line-height:1.4}.fcm-toast-close{background:none;border:none;font-size:20px;color:#999;cursor:pointer;padding:0;line-height:1}.fcm-toast-close:hover{color:#333}