:root{--bg-main:#e8eff1;--bg-surface:#fff;--text-main:#222;--text-muted:#555;--brand-primary:#005e71;--border-color:#ddd;--bg-muted:#e5e7eb;--bg-soft:#eef2f6;--text-inverse:#fff;--shadow-soft:0 4px 15px #0000000d;--overlay-bg:#0009;--danger-bg:#fee2e2;--danger-border:#fecaca;--danger-text:#991b1b;--success-bg:#ecfdf3;--success-border:#bbf7d0;--success-text:#166534;--warning-bg:#fff7ed;--warning-border:#fed7aa;--warning-text:#9a3412}body.dark-theme{--bg-main:#0f171a;--bg-surface:#1a2428;--text-main:#e0e6ed;--text-muted:#94a3b8;--brand-primary:#2dd4bf;--border-color:#2d3748;--bg-muted:#111c20;--bg-soft:#223138;--text-inverse:#0f171a;--shadow-soft:0 4px 15px #00000047;--overlay-bg:#000000b8;--danger-bg:#3a1719;--danger-border:#7f1d1d;--danger-text:#fca5a5;--success-bg:#0f2e22;--success-border:#166534;--success-text:#86efac;--warning-bg:#321f12;--warning-border:#7c2d12;--warning-text:#fdba74}body,html{background-color:var(--bg-main);width:100%;max-width:100%;color:var(--text-main);margin:0;padding:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;transition:background-color .3s,color .3s}#root{flex-direction:column;min-width:0;min-height:100vh;display:flex}.navbar-right{align-items:center;gap:30px;display:flex}.nav-divider{background-color:var(--border-color);width:2px;height:24px}.theme-toggle-container{justify-content:center;align-items:center;gap:0;margin:0;padding:0;display:flex}.theme-switch{width:42px;height:22px;display:inline-block;position:relative}.theme-switch input{opacity:0;width:0;height:0}.theme-slider{cursor:pointer;background-color:var(--bg-muted);border-radius:34px;transition:all .4s;position:absolute;inset:0}.theme-slider:before{background-color:var(--bg-surface);content:"☀";color:#f57c00;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:14px;transition:all .4s;display:flex;position:absolute;bottom:2px;left:2px}.theme-switch input:checked+.theme-slider{background-color:var(--brand-primary)}.theme-switch input:checked+.theme-slider:before{content:"☾";color:#f39c12;transform:translate(20px)}.page-header-row{justify-content:space-between;align-items:center;gap:16px;margin-bottom:25px;display:flex}.global-page-title,.statistics-title,.vehicle-title{color:var(--brand-primary,#006b75);text-align:left;min-width:0;margin:0;font-size:2rem;font-weight:700;line-height:1.2;transition:color .3s}.dashboard-content{flex-direction:column;width:100%;min-width:0;max-width:1200px;display:flex}@media (width<=1024px){.dashboard-layout{padding:30px 20px}}@media (width<=768px){.dashboard-layout{padding:24px 16px}.page-header-row{flex-direction:column;align-items:flex-start;gap:12px}.header-title-group{flex-wrap:wrap;align-items:flex-start;min-width:0}.global-page-title,.statistics-title,.vehicle-title{font-size:1.55rem}}@media (width<=480px){.dashboard-layout{padding:18px 12px}.global-page-title,.statistics-title,.vehicle-title{font-size:1.35rem}}img{max-width:100%;height:auto}*{box-sizing:border-box;overflow-wrap:break-word}input,select,textarea,button{max-width:100%}.vroommm-btn{background-color:var(--brand-primary);color:var(--text-inverse);cursor:pointer;text-align:center;white-space:normal;border:none;border-radius:6px;justify-content:center;align-items:center;max-width:100%;padding:0 12px;font-weight:500;transition:all .2s ease-in-out;display:flex}body.dark-theme .vroommm-btn{color:var(--text-inverse)}.vroommm-btn:hover{filter:brightness(.9)}.vroommm-btn:disabled,.vroommm-btn-secondary:disabled{cursor:not-allowed;filter:none;opacity:.55}.vroommm-btn-secondary{color:var(--brand-primary);border:2px solid var(--brand-primary);cursor:pointer;text-align:center;white-space:normal;background-color:#0000;border-radius:6px;justify-content:center;align-items:center;max-width:100%;padding:0 12px;font-weight:500;transition:all .2s ease-in-out;display:flex}.vroommm-btn-secondary:hover{background-color:var(--bg-main)}.presentation-container{text-align:center;background-color:var(--bg-main);flex-direction:column;justify-content:flex-start;align-items:center;min-height:100vh;padding:12vh 20px 40px;transition:background-color .3s;display:flex}.central-logo{width:auto;height:160px;margin-bottom:30px;display:block}.hero-slogan{color:var(--text-main);margin:0 0 20px;font-size:2.2rem;font-weight:600;line-height:1.2;transition:color .3s}.hero-description{max-width:650px;color:var(--text-muted);margin:0 auto 40px;font-size:1.15rem;line-height:1.6;transition:color .3s}.presentation-cta-container{flex-wrap:wrap;justify-content:center;gap:20px;width:100%;display:flex}@media (width<=620px){.presentation-container{padding:8vh 16px 28px}.central-logo{height:110px}.hero-slogan{font-size:1.55rem}.hero-description{margin-bottom:28px;font-size:1rem}.presentation-cta-container{flex-direction:column}.presentation-cta-container .vroommm-btn,.presentation-cta-container .vroommm-btn-secondary{width:100%!important}}.table-card{background-color:var(--bg-surface);color:var(--text-main);box-shadow:var(--shadow-soft);box-sizing:border-box;border-radius:8px;width:100%;max-width:900px;padding:24px;transition:background-color .3s}.table-header-bar{justify-content:space-between;margin-bottom:20px;display:flex}.buttons-container{gap:10px;display:flex}.search-container{background-color:var(--bg-main);border:1px solid var(--border-color);border-radius:8px;align-items:center;width:300px;height:38px;padding:0 12px;transition:border-color .2s,background-color .3s;display:flex}.search-container:focus-within{border-color:var(--brand-primary);background-color:var(--bg-surface)}.search-icon{color:var(--text-muted,#89a7b1);margin-right:8px;font-size:.9rem}.search-input{color:var(--text-main);background:0 0;border:none;outline:none;width:100%;font-size:.9rem}.search-input::placeholder{color:var(--text-muted,#a0aec0)}.table-scroll-container{border:1px solid var(--border-color);background-color:var(--bg-surface);border-radius:15px;height:500px;position:relative;overflow:hidden auto}.cars-table{border-collapse:collapse;table-layout:auto;width:100%}.cars-table th{text-align:center;text-transform:uppercase;color:var(--brand-primary);background-color:var(--bg-surface);border-bottom:2px solid var(--border-color);z-index:10;padding:16px 20px;font-size:.9rem;font-weight:700;position:sticky;top:0}.cars-table td{text-align:center;border-bottom:1px solid var(--border-color);color:var(--text-main);vertical-align:middle;padding:16px 20px;font-size:.95rem}.btn-delete{cursor:pointer;color:var(--text-main);background:0 0;border:none;font-size:1.2rem}.btn-update{cursor:pointer;color:var(--brand-primary);background:0 0;border:none;margin-right:15px;font-size:1.2rem;transition:opacity .2s,color .3s}.btn-update:hover{opacity:.7}.pagination{color:var(--text-muted,#89a7b1);justify-content:flex-end;align-items:center;gap:15px;margin-top:20px;font-size:.95rem;display:flex}.pagination button{cursor:pointer;color:var(--text-main);background:0 0;border:none;font-size:1.1rem}.pagination button:disabled{color:var(--border-color);cursor:not-allowed}.page-active{color:var(--brand-primary);font-weight:700}.clickable-row{cursor:pointer;transition:background-color .2s}.clickable-row:hover{background-color:var(--bg-main)}.cars-table tr:last-child td{border-bottom:none}.table-empty-cell{color:var(--text-muted);text-align:center;padding:30px}.table-loading-more{color:var(--brand-primary);text-align:center;padding:20px;font-weight:700}.table-scroll-container::-webkit-scrollbar{width:8px}.table-scroll-container::-webkit-scrollbar-track{background:0 0}.table-scroll-container::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:10px}@media (width<=768px){.table-card{padding:16px}.table-header-bar{flex-direction:column;align-items:flex-start;gap:15px}.search-container{box-sizing:border-box;width:100%}.buttons-container{flex-wrap:wrap;width:100%}.table-scroll-container{border-radius:8px;width:100%;display:block;overflow-x:auto}.cars-table{min-width:720px}}@media (width<=520px){.table-card{padding:12px}.buttons-container{flex-direction:column}.buttons-container .vroommm-btn,.buttons-container .vroommm-btn-secondary{width:100%!important}.pagination{justify-content:center}}.offline-banner{color:#fff;text-align:center;z-index:50;box-shadow:var(--shadow-soft);box-sizing:border-box;background-color:#ef4444;border-radius:8px;width:100%;margin-bottom:16px;padding:12px;font-weight:700;position:sticky;top:0}.table-error-banner{background-color:var(--danger-bg);border:1px solid var(--danger-border);color:var(--danger-text);border-radius:8px;width:100%;margin-bottom:16px;padding:12px 14px;font-weight:700}.table-layout-wrapper{flex-direction:column;width:100%;min-width:0;max-width:900px;display:flex}.modal-overlay{background-color:var(--overlay-bg);z-index:1000;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal-card{background-color:var(--bg-surface);color:var(--text-main);border:1px solid var(--border-color);text-align:center;width:100%;max-width:400px;box-shadow:var(--shadow-soft);border-radius:8px;padding:30px;transition:background-color .3s,color .3s,border-color .3s}@media (width<=420px){.modal-card{padding:22px 18px}.modal-actions{flex-direction:column}}.modal-overlay{background-color:var(--overlay-bg);z-index:1000;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0;overflow-y:auto}.modal-form-card{background-color:var(--bg-surface);color:var(--text-main);border:1px solid var(--border-color);width:100%;max-width:400px;box-shadow:var(--shadow-soft);border-radius:8px;padding:30px;transition:background-color .3s,color .3s,border-color .3s}.modal-form-card h3{color:var(--brand-primary);margin-top:0;margin-bottom:20px}.form-group{text-align:left;flex-direction:column;margin-bottom:15px;display:flex}.form-group label{color:var(--text-main);margin-bottom:5px;font-size:.9rem;font-weight:700}.form-group input,.form-group select{background-color:var(--bg-main);color:var(--text-main);border:1px solid var(--border-color);border-radius:4px;padding:10px;font-size:1rem;transition:background-color .3s,color .3s,border-color .3s}.form-group input:focus,.form-group select:focus{border-color:var(--brand-primary);outline:none}.modal-actions{justify-content:flex-end;gap:15px;margin-top:25px;display:flex}.error-text{color:var(--danger-text);margin-top:5px;font-size:.85rem;display:block}@media (width<=420px){.modal-form-card{padding:22px 18px}.modal-actions{flex-direction:column}.modal-actions .vroommm-btn,.modal-actions .vroommm-btn-secondary{width:100%!important}}.cars-page-container{width:100%;padding:20px 60px}.cookie-dashboard{box-sizing:border-box;background-color:var(--bg-surface);border:1px solid var(--border-color);width:100%;max-width:900px;box-shadow:var(--shadow-soft);border-radius:8px;margin-bottom:20px;padding:15px 20px;transition:background-color .3s,border-color .3s}.activity-text{color:var(--text-main);margin:0;font-size:1rem}.activity-value{color:var(--brand-primary);font-weight:600}@media (width<=900px){.cars-page-container{padding:20px}}@media (width<=520px){.cars-page-container{padding:16px 12px}.cookie-dashboard{padding:14px}}.navbar{background-color:var(--bg-surface);border-bottom:2px solid var(--border-color);box-shadow:var(--shadow-soft);justify-content:space-between;align-items:center;gap:24px;width:100%;padding:10px 40px;transition:background-color .3s,border-color .3s;display:flex}.navbar-logo img{height:40px;display:block}.navbar-logo,.navbar-logo a{align-items:center;min-width:0;display:flex}.navbar-links{align-items:center;gap:30px;min-width:0;display:flex}.nav-link{color:var(--text-muted);white-space:nowrap;font-size:.95rem;font-weight:500;text-decoration:none;transition:color .2s}.nav-link:hover,.nav-link.active{color:var(--brand-primary)}@media (width<=900px){.navbar{flex-direction:column;align-items:stretch;gap:12px;padding:12px 20px}.navbar-logo{justify-content:center}.navbar-logo img{height:36px}.navbar-right{flex-direction:column;align-items:stretch;gap:12px;width:100%}.navbar-links{grid-template-columns:repeat(auto-fit,minmax(108px,1fr));gap:8px;width:100%;display:grid}.nav-link{background-color:var(--bg-main);border:1px solid var(--border-color);text-align:center;white-space:normal;border-radius:6px;justify-content:center;align-items:center;min-height:38px;padding:8px 10px;font-size:.88rem;display:flex}.nav-link.active{border-color:var(--brand-primary);color:var(--brand-primary)}.nav-divider{display:none}.theme-toggle-container{align-self:center}}@media (width<=420px){.navbar{padding:10px 12px}.navbar-links{grid-template-columns:repeat(2,minmax(0,1fr))}}.login-page-container{background-color:var(--bg-main,#e8eff1);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.login-card{background-color:var(--bg-surface);box-shadow:var(--shadow-soft);border-radius:8px;flex-direction:column;align-items:center;width:100%;max-width:400px;padding:40px;display:flex}.login-logo-container{justify-content:center;width:100%;display:flex}.login-logo{width:auto;height:40px}.login-title{color:var(--brand-primary);text-align:center;margin:25px 0;font-size:2rem;font-weight:800}.login-form{flex-direction:column;gap:20px;width:100%;display:flex}.text-link{color:var(--text-main);cursor:pointer;background:0 0;border:0;padding:0;font-family:inherit;font-size:.85rem;transition:color .2s}.forgot-password-container{justify-content:flex-end;margin-top:-12px;display:flex}.forgot-password-container .text-link{text-decoration:underline}.create-account-container{justify-content:center;margin-top:-12px;display:flex}.login-btn-wrapper{margin-top:10px}.login-error{color:var(--danger-text);text-align:center;margin:-6px 0;font-size:.85rem;font-weight:600}.password-modal-backdrop{z-index:50;background:#0f172a8a;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.password-modal{background-color:var(--bg-surface);border:1px solid var(--border-color);box-shadow:var(--shadow-soft);border-radius:8px;width:min(100%,430px);max-width:430px;padding:26px}.password-modal h2{color:var(--text-main);margin:0 0 14px;font-size:1.35rem}.password-modal p{color:var(--text-muted);margin:0;line-height:1.5}.password-modal-form{gap:16px;display:grid}.password-modal-actions{flex-wrap:wrap;justify-content:flex-end;gap:12px;display:flex}.password-cancel-button{background-color:var(--bg-main);border:1px solid var(--border-color);color:var(--text-main);cursor:pointer;border-radius:6px;height:40px;padding:0 16px;font-weight:800}.password-cancel-button:disabled{cursor:not-allowed;opacity:.68}.recovery-code-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;display:grid}.recovery-code-grid input{aspect-ratio:1;background-color:var(--bg-surface);border:1px solid var(--border-color);color:var(--text-main);text-align:center;border-radius:6px;padding:0;font-size:1.45rem;font-weight:800}.recovery-code-grid input:focus{border-color:var(--brand-primary);outline:none}@media (width<=520px){.login-page-container{align-items:flex-start;padding:18px 12px}.login-card{padding:28px 20px}.login-title{font-size:1.65rem}}.signup-page-container{width:100%;min-height:100vh;display:flex}.signup-left-panel{background-color:var(--bg-surface);flex-direction:column;flex:1.3;display:flex;position:relative}.signup-logo-header{width:100%;padding:30px 20px 10px}.signup-long-logo{width:auto;height:50px}.signup-mission-content{flex-grow:1;padding:30px 30px 60px 20px}.signup-mission-content h1{color:var(--text-main);margin-bottom:20px;font-size:2.5rem}.signup-mission-content p{color:var(--text-muted);max-width:500px;font-size:1.1rem;line-height:1.6}.signup-bottom-decoration{background-color:var(--brand-primary);width:100%;height:35%}.signup-right-panel{background-color:var(--bg-main,#e8eff1);flex:1;justify-content:center;align-items:center;padding:40px;display:flex}.signup-card{background-color:var(--bg-surface);box-shadow:var(--shadow-soft);border-radius:8px;width:100%;max-width:380px;padding:30px 35px}.signup-title{color:var(--brand-primary);text-align:center;margin:0 0 25px;font-size:2.2rem;font-weight:800}.signup-form{flex-direction:column;gap:15px;display:flex}.input-group{text-align:left;flex-direction:column;display:flex}.input-group label{color:var(--text-main);margin-bottom:6px;font-size:.85rem;font-weight:500}.input-group input{border:1px solid var(--border-color);background-color:var(--bg-surface);color:var(--text-main);border-radius:6px;outline:none;padding:12px 14px;font-size:.95rem;transition:border-color .2s}.input-group input:focus{border-color:var(--brand-primary)}.input-group input::placeholder{color:var(--text-muted)}.checkbox-group{align-items:flex-start;gap:10px;margin-top:5px;display:flex}.checkbox-group input[type=checkbox]{cursor:pointer;width:16px;height:16px;accent-color:var(--brand-primary);margin-top:4px}.checkbox-group label{color:var(--text-main);cursor:pointer;flex-direction:column;font-size:.85rem;display:flex}.checkbox-group .sub-label{color:var(--text-muted);margin-top:2px;font-size:.8rem}.signup-btn-wrapper{margin-top:10px}.signup-error{background-color:var(--danger-bg);border:1px solid var(--danger-border);color:var(--danger-text);border-radius:6px;margin:0;padding:10px 12px;font-size:.88rem}.verification-modal-backdrop{z-index:50;background:#0f172a8a;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.verification-modal{background-color:var(--bg-surface);border:1px solid var(--border-color);box-shadow:var(--shadow-soft);border-radius:8px;width:min(100%,420px);max-width:420px;padding:26px}.verification-modal h2{color:var(--text-main);margin:0 0 10px;font-size:1.35rem}.verification-modal p{color:var(--text-muted);margin:0 0 18px;line-height:1.5}.verification-form{gap:12px;display:grid}.verification-form label{color:var(--text-main);font-size:.85rem;font-weight:700}.verification-form input{background-color:var(--bg-surface);border:1px solid var(--border-color);color:var(--text-main);letter-spacing:0;text-align:center;border-radius:6px;padding:12px 14px;font-size:1.5rem;font-weight:800}.verification-form input:focus{border-color:var(--brand-primary);outline:none}.verification-form small{color:var(--text-muted)}.verification-code-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;display:grid}.verification-code-grid input{aspect-ratio:1;padding:0}.verification-modal-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.verification-secondary-button{background-color:var(--bg-main);border:1px solid var(--border-color);color:var(--text-main);cursor:pointer;border-radius:6px;height:40px;padding:0 14px;font-family:inherit;font-weight:800}.verification-secondary-button:disabled{cursor:not-allowed;opacity:.68}.login-link-container{text-align:center;margin-top:-12px}.text-link{color:var(--text-main);cursor:pointer;font-size:.85rem;transition:color .2s}.text-link:hover{color:var(--brand-primary)}.text-link-underline{text-decoration:underline}@media (width<=900px){.signup-page-container{flex-direction:column}.signup-left-panel{flex:none}.signup-bottom-decoration{display:none}.signup-mission-content{padding:18px 20px 24px}.signup-mission-content h1{margin-top:0;font-size:1.9rem}.signup-right-panel{flex:none;align-items:flex-start;padding:24px 20px 36px}}@media (width<=520px){.signup-logo-header{padding:20px 16px 8px}.signup-long-logo{height:40px}.signup-mission-content{padding:16px}.signup-mission-content h1{font-size:1.55rem}.signup-mission-content p{font-size:1rem}.signup-right-panel{padding:18px 12px 28px}.signup-card{padding:24px 18px}.signup-title{font-size:1.7rem}}.interactive-car{z-index:50;width:min(250px,55vw);position:fixed;bottom:5vh}.car-entering{animation:1.5s ease-out forwards parkCar}.car-idling{animation:80ms infinite alternate engineVibrate;left:10vw}.car-leaving{animation:.7s ease-in forwards speedOff}@keyframes parkCar{0%{left:-300px}to{left:10vw}}@keyframes engineVibrate{0%{transform:translateY(0)}to{transform:translateY(1.5px)}}@keyframes speedOff{0%{left:10vw;transform:rotate(-2deg)}to{left:120vw;transform:rotate(-2deg)}}.speed-fade-overlay{background-color:var(--bg-main,#e8eff1);z-index:60;pointer-events:none;opacity:0;width:100vw;height:100vh;position:fixed;top:0;left:0}.fade-active{animation:.8s ease-in forwards smoothFadeIn}@keyframes smoothFadeIn{0%{opacity:0}40%{opacity:0}to{opacity:1}}.info-box{background-color:var(--bg-main,#e8eff1);border-radius:8px;flex-direction:column;flex:1;padding:20px;display:flex}.info-box-title{color:var(--text-main);margin-top:0;margin-bottom:15px;font-size:.9rem}.info-box-list{flex-grow:1;margin:0 0 20px;padding:0;list-style:none}.info-box-row{grid-template-columns:45% 55%;align-items:start;gap:5px;margin-bottom:12px;font-size:.85rem;display:grid}.info-label{color:var(--text-muted);text-align:left;word-break:break-word}.info-value{color:var(--text-main);text-align:right;font-weight:600;line-height:1.4}@media (width<=520px){.info-box{padding:16px}.info-box-row{grid-template-columns:1fr}.info-value{text-align:left}}.car-details-page{background-color:var(--bg-main,#e8eff1);min-height:100vh;padding:40px}.page-header-row{align-items:center;gap:15px;margin-bottom:25px;display:flex}.layout-grid{gap:10px;align-items:flex-stretch;display:flex}.details-card{background-color:var(--bg-surface);border:1px solid var(--border-color);color:var(--text-main);box-shadow:var(--shadow-soft);border-radius:8px;padding:10px 30px 30px}.main-card{flex:2}.image-card{flex-direction:column;flex:1;justify-content:space-between;align-items:center;display:flex}.card-header h3{align-items:center;gap:10px;margin-bottom:15px;font-size:1.5rem;display:flex}.section-title{color:var(--text-main);margin-bottom:10px;font-size:1.1rem}.divider{border:none;border-top:2px solid var(--border-color);margin-bottom:15px}.overview-grid{justify-content:space-between;margin-bottom:20px;display:flex}.overview-item{align-items:center;gap:15px;display:flex}.overview-item .icon{font-size:1.5rem}.overview-item svg path,.card-header svg path{fill:var(--text-main)}.main-val{color:var(--text-main);margin:0;font-size:.95rem;font-weight:600}.info-boxes-container{gap:20px;display:flex}.carousel-container{border-radius:8px;flex-grow:1;width:100%;margin-bottom:20px;display:flex;position:relative;overflow:hidden}.car-image{aspect-ratio:4/3;object-fit:cover;width:100%;height:100%;display:block}.carousel-btn{background-color:color-mix(in srgb, var(--bg-surface) 82%, transparent);color:var(--text-main);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.carousel-btn.left{left:10px}.carousel-btn.right{right:10px}.carousel-indicators{flex-direction:column;align-items:center;gap:10px;margin-bottom:30px;display:flex}.image-counter{background-color:var(--brand-primary);color:var(--text-inverse);border-radius:20px;padding:4px 15px;font-size:.85rem;font-weight:600}.dots{gap:6px;display:flex}.dot{background-color:var(--border-color);border-radius:50%;width:8px;height:8px}.dot.active{background-color:var(--brand-primary)}.add-photo-btn{width:100%}@media (width<=768px){.car-details-page{padding:24px 16px}.layout-grid{flex-direction:column}.image-card{order:1;width:100%}.carousel-container{flex-grow:0;height:250px}.info-boxes-container,.overview-grid{flex-direction:column;gap:15px}}@media (width<=480px){.car-details-page{padding:18px 12px}.details-card{padding:14px}.card-header h3{font-size:1.2rem}}.btn-back-circle{background-color:var(--bg-surface);border:1px solid var(--border-color);width:40px;height:40px;color:var(--text-muted);box-shadow:var(--shadow-soft);border-radius:50%;justify-content:center;align-items:center;font-size:1.2rem;font-weight:700;text-decoration:none;transition:all .2s;display:flex}.btn-back-circle:hover{background-color:var(--brand-primary,teal);color:var(--text-inverse);transform:translateY(-2px)}.stats-header{flex-direction:row!important;justify-content:space-between!important;align-items:center!important;width:100%!important;margin-bottom:30px!important;display:flex!important}.header-title-group{align-items:center!important;gap:15px!important;display:flex!important}.stats-header .statistics-title{margin:0!important}.stats-action-wrapper{gap:10px;display:flex!important}.statistics-page{background-color:var(--bg-main,#e8eff1);min-height:100vh;padding:40px}.stats-grid{grid-template-columns:1fr 1fr;gap:30px;display:grid}.stat-card{background-color:var(--bg-surface);border:1px solid var(--border-color);color:var(--text-main);box-shadow:var(--shadow-soft);border-radius:12px;padding:30px}.center-content{flex-direction:column;align-items:center;display:flex}.card-title{color:var(--text-main);margin-top:0;margin-bottom:25px;font-size:1.2rem}.w-100{text-align:left;width:100%}.bold-val{color:var(--text-main);font-weight:700}.cyan-val{color:#06b6d4;font-weight:800}.text-lg{font-size:1.2rem}.text-muted{color:var(--text-muted);font-size:.85rem}.stat-table,.summary-table{border-collapse:collapse;width:100%}.stat-table th,.summary-table th{text-align:left;color:var(--text-main);border-bottom:2px solid var(--border-color);padding-bottom:15px;font-size:.85rem}.stat-table td,.summary-table td{border-bottom:1px solid var(--border-color);padding:15px 0;font-size:.9rem}.stat-table tfoot td{border-bottom:none;padding-top:20px;font-weight:800}.status-label{align-items:center;gap:10px;font-weight:500;display:flex}.dot{border-radius:50%;width:10px;height:10px;display:inline-block}.bar-bg{background-color:var(--bg-main);border-radius:4px;width:60px;height:8px;overflow:hidden}.bar-fill{border-radius:4px;height:100%}.chart-wrapper{justify-content:center;align-items:center;margin:30px 0;display:flex;position:relative}.pie-chart{border-radius:50%;justify-content:center;align-items:center;width:200px;height:200px;display:flex}.donut-hole{background-color:var(--bg-surface);border-radius:50%;width:130px;height:130px}.chart-legend{grid-template-columns:1fr 1fr;gap:15px 30px;width:80%;margin-top:auto;display:grid}.legend-item{color:var(--text-main);align-items:center;gap:8px;font-size:.85rem;font-weight:500;display:flex}@media (width<=900px){.statistics-page{padding:24px 20px}.stats-grid{grid-template-columns:1fr;gap:20px}.stats-header{flex-direction:column!important;align-items:flex-start!important;gap:16px!important}.stats-action-wrapper,.stats-action-wrapper>div{flex-wrap:wrap;width:100%}}@media (width<=520px){.statistics-page{padding:18px 12px}.stat-card{padding:18px}.stats-action-wrapper .vroommm-btn,.stats-action-wrapper .vroommm-btn-secondary{width:100%!important}.chart-legend{grid-template-columns:1fr;width:100%}.pie-chart{width:170px;height:170px}.donut-hole{width:110px;height:110px}}.rental-filters-container{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px;display:flex}.filter-pills{flex-wrap:wrap;gap:10px;display:flex}.pill-btn{border:1px solid var(--border-color);background-color:var(--bg-surface);color:var(--text-muted);cursor:pointer;border-radius:20px;padding:8px 20px;font-weight:600;transition:all .2s}.pill-btn.active{background-color:var(--brand-primary,#006b75);color:var(--text-inverse);border-color:var(--brand-primary,#006b75)}.search-bar{background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:8px;flex:250px;align-items:center;min-width:250px;padding:8px 15px;display:flex}.search-bar input{color:var(--text-main);background:0 0;border:none;outline:none;width:100%;margin-left:10px;font-size:.95rem}@media (width<=620px){.rental-filters-container,.filter-pills,.search-bar{width:100%}.pill-btn{flex:140px}}.rental-card{background-color:var(--bg-surface);color:var(--text-main);box-shadow:var(--shadow-soft);border-radius:12px;max-height:280px;margin-bottom:15px;display:flex;overflow:hidden}.rental-card-image{flex-shrink:0;width:200px}.rental-card-image img{object-fit:cover;width:100%;height:100%}.rental-card-content{flex-direction:column;flex-grow:1;padding:15px 20px;display:flex}.card-top-row{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:flex-start;margin-bottom:10px;padding-bottom:10px;display:flex}.car-identifiers{gap:25px;display:flex}.sub-label{color:var(--text-muted);margin:0 0 3px;font-size:.75rem}.plate-title{color:var(--text-main);margin:0;font-size:1.05rem}.status-badge{border-radius:20px;padding:5px 12px;font-size:.8rem;font-weight:600}.badge-rent{background-color:var(--brand-primary,#006b75);color:var(--text-inverse)}.badge-booked{background-color:var(--bg-surface);color:var(--brand-primary,#006b75);border:1px solid var(--brand-primary,#006b75)}.card-middle-row{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:14px;display:flex}.bold-val{color:var(--text-main);margin:0;font-size:.9rem;font-weight:700}.brand-val{color:var(--brand-primary,#006b75);font-weight:700}.payment-summary{text-align:right;margin-left:auto}.card-actions{gap:15px;margin-top:auto;display:flex}.card-actions>button{flex:1;min-width:0}@media (width<=768px){.rental-card{flex-direction:column;height:auto;max-height:none}.rental-card-image{width:100%;height:200px}.car-identifiers{flex-direction:column;gap:10px}.card-middle-row,.card-actions{flex-direction:column}.card-top-row{flex-direction:column;gap:12px}.payment-summary{text-align:left;margin-left:0}}@media (width<=420px){.rental-card-content{padding:14px}.rental-card-image{height:170px}}.rentals-page-layout{background-color:var(--bg-main,#e8eff1);width:100%;min-height:100vh;padding:20px 60px}.scrollable-gray-container{background-color:var(--bg-muted);scrollbar-width:thin;scrollbar-color:var(--border-color) var(--bg-muted);border-radius:20px;max-height:calc(100vh - 250px);padding:30px;overflow-y:auto}.scrollable-gray-container::-webkit-scrollbar{width:8px}.scrollable-gray-container::-webkit-scrollbar-track{background:var(--bg-muted);border-radius:20px}.scrollable-gray-container::-webkit-scrollbar-thumb{background-color:var(--border-color);border-radius:20px}.empty-state{text-align:center;color:var(--text-muted);padding:50px;font-size:1.1rem}.loading-container{text-align:center;padding:40px}@media (width<=900px){.rentals-page-layout{padding:20px}.scrollable-gray-container{max-height:none;padding:20px;overflow-y:visible}}@media (width<=520px){.rentals-page-layout{padding:16px 12px}.scrollable-gray-container{border-radius:8px;padding:12px}.empty-state,.loading-container{padding:24px 12px}}.rental-details-top-grid{grid-template-columns:1.8fr 1fr;gap:30px;display:grid}.mt-30{margin-top:30px}.m-0{margin:0}.text-center{text-align:center}.flex-col{flex-direction:column;display:flex}.flex-1{flex:1}.admin-card{background-color:var(--bg-surface);border:1px solid var(--border-color);color:var(--text-main);box-shadow:var(--shadow-soft);border-radius:12px;padding:20px}.admin-card-title{font-size:1 rem;color:var(--text-main);margin-top:0;margin-bottom:15px;font-weight:700}.overview-content{gap:20px;display:flex}.overview-image{background-color:var(--bg-soft);border-radius:12px;flex-shrink:0;width:180px;height:180px;overflow:hidden}.overview-image img{object-fit:cover;width:100%;height:100%}.overview-data{flex-direction:column;flex-grow:1;display:flex}.data-row{border-bottom:1px solid var(--border-color);margin-bottom:10px;padding-bottom:10px}.data-row.two-col{justify-content:space-between;display:flex}.data-label{color:var(--text-muted);margin:0 0 4px;font-size:.8rem}.data-val{color:var(--text-main);margin:0;font-size:1rem;font-weight:700}.data-val-large{color:var(--text-main);margin:0;font-size:1.2rem;font-weight:700}.brand-text{color:var(--brand-primary,#006b75)}.deposit-bar{background-color:var(--bg-main);border-radius:8px;justify-content:space-between;margin-bottom:15px;padding:10px 15px;display:flex}.admin-actions-row{gap:10px;display:flex}.disabled-action{opacity:.4;cursor:not-allowed!important}.disabled-action button{pointer-events:none}.overview-image-group{flex-direction:column;gap:15px;width:180px;display:flex}.modal-table-container{border:1px solid var(--border-color);border-radius:8px;height:250px;margin:20px 0;overflow-y:auto}.reassign-table{border-collapse:collapse;width:100%}.reassign-table th{background-color:var(--bg-surface);text-align:center;border-bottom:2px solid var(--border-color);color:var(--brand-primary);z-index:5;padding:12px;font-size:.8rem;position:sticky;top:0}.reassign-table td{text-align:center;border-bottom:1px solid var(--border-color);padding:12px}.rental-details-header{text-align:left!important;justify-content:flex-start!important;align-items:center!important;gap:15px!important;width:100%!important;margin-bottom:30px!important;display:flex!important}.rental-details-header>*{flex-shrink:0}.rental-details-header .statistics-title{white-space:nowrap;margin:0!important}.profile-header{color:var(--brand-primary,#006b75);align-items:center;gap:10px;margin-bottom:20px;display:flex}.profile-avatar{background-color:var(--bg-main);border-radius:50%;justify-content:center;align-items:center;width:75px;height:75px;margin:0 auto 15px;font-size:2.2rem;display:flex;overflow:hidden}.profile-avatar-image{object-fit:cover;width:100%;height:100%}.profile-name{margin:0 0 5px;font-size:1.1rem}.profile-rating{margin-bottom:auto;font-size:.9rem}.profile-actions{flex-direction:column;gap:8px;margin-top:20px;display:flex}.telematics-header{justify-content:space-between;align-items:center;margin-bottom:25px;display:flex}.date-picker-pill{background-color:var(--bg-main);border-radius:20px;padding:6px 15px;font-size:.85rem;font-weight:600}.telematics-grid{grid-template-columns:1fr 1fr 1.5fr;gap:20px;display:grid}.fuel-gauge-box{background-color:var(--brand-primary,#006b75);color:var(--text-inverse);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;padding:30px;display:flex}.gauge-circle{border:8px solid #fff3;border-top-color:#fff;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:130px;height:130px;margin-bottom:20px;display:flex}.gauge-circle h2{margin:0;font-size:1.8rem}.gauge-label{opacity:.8;margin:0 0 5px;font-size:.8rem}.gauge-val{margin:0;font-size:1.2rem;font-weight:700}.col-title{margin:0 0 15px;font-size:1rem}.status-pill.green{color:#0f171a;background-color:#4ade80;border-radius:15px;margin-bottom:20px;padding:4px 12px;font-size:.8rem;font-weight:600;display:inline-block}.info-box{background-color:var(--bg-main);border-radius:8px;margin-bottom:10px;padding:15px}.map-placeholder{background-color:var(--bg-muted);height:180px;color:var(--text-muted);border:2px dashed var(--border-color);border-radius:12px;justify-content:center;align-items:center;margin-bottom:10px;display:flex}.speed-row{gap:10px;display:flex}.rental-details-message{color:var(--text-main);text-align:center;padding:40px}.rental-details-message.is-error{color:var(--danger-text)}.dashboard-layout{background-color:var(--bg-main,#e8eff1);justify-content:center;min-height:100vh;padding:40px 20px;display:flex}.dashboard-content{flex-direction:column;width:100%;max-width:1200px;display:flex}@media (width<=768px){.rental-details-header{flex-wrap:wrap;align-items:flex-start!important}.rental-details-header .statistics-title{white-space:normal}.rental-details-top-grid{grid-template-columns:1fr;gap:20px}.overview-content{flex-direction:column}.overview-image{width:100%;height:220px}.telematics-grid{grid-template-columns:1fr;gap:20px}.map-gps-col{grid-column:span 1}.data-row.two-col{flex-direction:column;gap:15px}.admin-actions-row,.speed-row,.telematics-header{flex-direction:column;align-items:stretch}.overview-image-group{width:100%}}@media (width<=480px){.admin-card{padding:16px}.fuel-gauge-box{padding:22px}.gauge-circle{width:112px;height:112px}}.chats-eyebrow{color:var(--text-muted);letter-spacing:0;text-transform:uppercase;margin:0 0 6px;font-size:.85rem;font-weight:700}.chats-shell{background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:8px;grid-template-columns:340px 1fr;min-width:0;height:min(680px,100vh - 180px);min-height:480px;display:grid;overflow:hidden}.chats-sidebar{border-right:1px solid var(--border-color);flex-direction:column;min-width:0;display:flex}.chats-sidebar-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:18px;display:flex}.chats-sidebar-header h2,.message-thread-header h2{color:var(--text-main);margin:0;font-size:1.1rem;line-height:1.2}.chats-sidebar-header span,.thread-pill{background-color:var(--bg-main);color:var(--brand-primary);border-radius:16px;padding:6px 10px;font-size:.82rem;font-weight:700}.conversation-list{flex-direction:column;min-height:0;display:flex;overflow-y:auto}.conversation-item{border:0;border-bottom:1px solid var(--border-color);color:var(--text-main);cursor:pointer;text-align:left;background-color:#0000;gap:5px;width:100%;padding:16px 18px;transition:background-color .2s,border-left-color .2s;display:grid}.conversation-item:hover,.conversation-item.is-active{background-color:var(--bg-main)}.conversation-item.is-active{border-left:4px solid var(--brand-primary);padding-left:14px}.conversation-rental,.thread-eyebrow{color:var(--brand-primary);text-transform:uppercase;margin:0;font-size:.78rem;font-weight:800}.conversation-name{align-items:center;gap:8px;font-size:1rem;font-weight:750;display:flex}.conversation-status{background-color:var(--bg-main);border:1px solid var(--border-color);color:var(--text-muted);text-transform:uppercase;border-radius:999px;padding:3px 7px;font-size:.7rem;font-weight:800}.conversation-preview{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:.9rem;overflow:hidden}.conversation-time{color:var(--text-muted);font-size:.78rem}.message-thread{grid-template-rows:auto 1fr auto;min-width:0;min-height:0;display:grid}.message-thread-placeholder{text-align:center;align-content:center;justify-items:center;padding:30px}.message-thread-placeholder p,.chat-empty-state p{color:var(--text-muted);margin:8px 0 0}.message-thread-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;gap:16px;min-width:0;padding:18px 22px;display:flex}.thread-pill{text-overflow:ellipsis;white-space:nowrap;max-width:240px;overflow:hidden}.thread-pills{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;min-width:0;display:flex}.thread-pill.archived{color:var(--text-muted)}.message-list{background-color:var(--bg-main);flex-direction:column;gap:12px;min-height:0;padding:22px;display:flex;overflow-y:auto}.archived-chat-notice{background-color:var(--warning-bg);border-top:1px solid var(--warning-border);color:var(--warning-text);padding:10px 16px;font-size:.9rem;font-weight:650}.message-bubble{border-radius:8px;max-width:min(72%,560px);padding:12px 14px}.message-bubble p{margin:0;line-height:1.45}.message-bubble span{opacity:.75;margin-top:7px;font-size:.75rem;display:block}.message-bubble.is-mine{background-color:var(--brand-primary);color:var(--text-inverse);align-self:flex-end}body.dark-theme .message-bubble.is-mine{color:#0f171a}.message-bubble.is-theirs{background-color:var(--bg-surface);border:1px solid var(--border-color);color:var(--text-main);align-self:flex-start}.message-composer{border-top:1px solid var(--border-color);grid-template-columns:1fr auto;align-items:center;gap:12px;padding:16px;display:grid}.message-composer input{background-color:var(--bg-main);border:1px solid var(--border-color);color:var(--text-main);border-radius:6px;outline:none;height:44px;padding:0 14px;font-size:1rem}.message-composer input:focus{border-color:var(--brand-primary)}.message-composer input:disabled{cursor:not-allowed;opacity:.65}.chat-empty-state{text-align:center;padding:24px 18px}.chat-empty-state h2,.chat-empty-state h3{color:var(--text-main);margin:0}.chat-empty-state.compact{margin:auto}.chat-error{background-color:var(--danger-bg);border:1px solid var(--danger-border);color:var(--danger-text);border-radius:8px;margin:0 0 18px;padding:12px 14px}@media (width<=850px){.chats-shell{grid-template-columns:1fr;height:auto;min-height:0;overflow:visible}.chats-sidebar{border-bottom:1px solid var(--border-color);border-right:0;max-height:300px}.message-thread{min-height:min(520px,72svh)}.message-bubble{max-width:88%}.message-thread-header{flex-direction:column;align-items:flex-start}.thread-pills{justify-content:flex-start;width:100%}.thread-pill{max-width:100%}}@media (width<=520px){.chats-sidebar-header,.message-thread-header,.message-list,.message-composer,.conversation-item{padding:14px}.message-composer{grid-template-columns:1fr}.message-composer .vroommm-btn{width:100%!important}.message-bubble{max-width:100%}}.my-rentals-page{width:100%;max-width:1240px;margin:0 auto}.my-rentals-eyebrow{color:var(--text-muted);margin:0 0 6px;font-weight:600}.my-rentals-error{color:var(--danger-text);background:var(--danger-bg);border:1px solid var(--danger-border);border-radius:8px;margin:0 0 18px;padding:12px 14px}.my-rental-details-content{gap:24px}.user-details-card{background-color:var(--bg-surface);border:1px solid var(--border-color);box-shadow:var(--shadow-soft);border-radius:8px;padding:22px}.user-vehicle-card{grid-template-columns:minmax(240px,320px) minmax(0,1fr);align-items:stretch;gap:24px;display:grid}.user-vehicle-gallery{min-width:0}.user-vehicle-image{background-color:var(--bg-soft);border-radius:8px;height:430px;position:relative;overflow:hidden}.user-vehicle-image img{object-fit:cover;width:100%;height:100%}.user-gallery-btn{background-color:color-mix(in srgb, var(--bg-surface) 86%, transparent);color:var(--text-main);cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;width:34px;height:34px;font-size:1.4rem;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.user-gallery-btn.left{left:12px}.user-gallery-btn.right{right:12px}.user-gallery-dots{justify-content:center;gap:8px;padding-top:12px;display:flex}.user-gallery-dot{background-color:var(--border-color);cursor:pointer;border:0;border-radius:999px;width:8px;height:8px;padding:0}.user-gallery-dot.active{background-color:var(--brand-primary)}.user-vehicle-info{flex-direction:column;gap:16px;min-width:0;display:flex}.user-vehicle-title-row,.user-card-header{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.user-title-pills{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.user-vehicle-title-row h2,.user-card-header h2{color:var(--text-main);margin:0;font-size:1.35rem;line-height:1.2}.user-details-eyebrow{color:var(--brand-primary);text-transform:uppercase;margin:0 0 6px;font-size:.78rem;font-weight:800}.user-status-pill{background-color:var(--bg-main);color:var(--brand-primary);white-space:nowrap;border-radius:999px;padding:7px 10px;font-size:.8rem;font-weight:800}.status-completed,.status-cancelled{color:var(--text-muted)}.user-info-section h3{color:var(--text-main);margin:0 0 12px;font-size:1rem}.user-rental-summary-strip{grid-template-columns:1.35fr .8fr .8fr;gap:10px;display:grid}.user-spec-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.user-spec-item,.user-technical-row,.user-rental-summary-strip div{background-color:var(--bg-main);border-radius:8px;padding:11px}.user-spec-grid span,.user-technical-row span,.user-rental-summary-strip span,.live-parameter-item span{color:var(--text-muted);margin-bottom:5px;font-size:.78rem;font-weight:650;display:block}.user-spec-grid strong,.user-technical-row strong,.user-rental-summary-strip strong,.live-parameter-item strong{color:var(--text-main);font-size:.96rem}.user-spec-item{align-items:center;gap:10px;display:flex}.user-spec-item svg{flex:none;width:24px;height:24px}.user-spec-item svg path{fill:var(--text-main)}.user-technical-list{gap:10px;display:grid}.user-technical-row{justify-content:space-between;align-items:center;display:flex}.user-muted-text{color:var(--text-muted);margin:0}.my-rental-support-grid{grid-template-columns:minmax(0,1fr) minmax(280px,.9fr);gap:24px;display:grid}.live-parameters-card,.admin-team-card{flex-direction:column;gap:18px;display:flex}.admin-team-card{text-align:center}.admin-team-card .profile-header{color:var(--brand-primary);justify-content:center;align-items:center;gap:10px;display:flex}.admin-team-card .admin-card-title{color:var(--text-main);margin:0;font-size:1rem}.admin-team-card .profile-avatar{background-color:var(--bg-main);border-radius:50%;justify-content:center;align-items:center;width:75px;height:75px;margin:0 auto;display:flex}.admin-team-card .avatar-placeholder{color:var(--brand-primary);font-size:1.4rem;font-weight:800}.admin-team-card .profile-name{color:var(--text-main);margin:0;font-size:1.1rem}.admin-team-card .profile-rating{color:var(--text-muted);font-size:.9rem}.admin-team-card .profile-actions{flex-direction:column;gap:8px;margin-top:auto;display:flex}.live-parameters-card h2{color:var(--text-main);margin:0;font-size:1.2rem}.live-parameters-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.live-parameter-item{background-color:var(--bg-main);border:1px dashed var(--border-color);border-radius:8px;padding:14px}.user-rental-actions{flex-wrap:wrap;gap:12px;display:flex}.my-rental-details-error{color:var(--danger-text);text-align:center;padding:40px}@media (width<=900px){.user-vehicle-card,.my-rental-support-grid,.user-rental-summary-strip,.user-spec-grid,.live-parameters-grid{grid-template-columns:1fr}.user-vehicle-image{height:320px}}@media (width<=520px){.user-details-card{padding:16px}.user-spec-grid{grid-template-columns:1fr}.user-vehicle-title-row,.user-card-header,.user-rental-actions{flex-direction:column}.user-rental-actions .vroommm-btn,.user-rental-actions .vroommm-btn-secondary{width:100%!important}.user-vehicle-image{height:240px}.user-technical-row{flex-direction:column;align-items:flex-start;gap:6px}}.account-content{max-width:980px}.account-card{background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:8px;grid-template-columns:280px 1fr;gap:30px;padding:28px;display:grid}.account-sessions-card{grid-template-columns:1fr;margin-top:18px}.account-avatar-panel{flex-direction:column;align-items:center;gap:18px;display:flex}.account-avatar{aspect-ratio:1;background-color:var(--bg-main);border:1px solid var(--border-color);object-fit:cover;border-radius:50%;width:180px}.account-upload-control{border:1px solid var(--brand-primary);color:var(--brand-primary);cursor:pointer;text-align:center;border-radius:6px;justify-content:center;align-items:center;height:40px;padding:0 14px;font-weight:700;display:flex}.account-upload-control input{display:none}.account-details-panel{flex-direction:column;gap:20px;min-width:0;display:flex}.account-eyebrow{color:var(--brand-primary);text-transform:uppercase;margin:0 0 6px;font-size:.78rem;font-weight:800}.account-details-panel h2{color:var(--text-main);margin:0;font-size:1.6rem}.account-info-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.account-info-grid div{background-color:var(--bg-main);border-radius:8px;padding:14px}.account-info-grid span{color:var(--text-muted);margin-bottom:6px;font-size:.78rem;font-weight:700;display:block}.account-info-grid strong{color:var(--text-main)}.account-message,.account-error{border-radius:6px;margin:0;padding:10px 12px}.account-message{background-color:var(--success-bg);border:1px solid var(--success-border);color:var(--success-text)}.account-error{background-color:var(--danger-bg);border:1px solid var(--danger-border);color:var(--danger-text)}.account-logout-button{background-color:var(--danger-bg);border:1px solid var(--danger-border);color:var(--danger-text);cursor:pointer;border-radius:6px;align-self:flex-start;height:40px;padding:0 16px;font-weight:800}.account-logout-button:hover{filter:brightness(.97)}.account-session-list{gap:10px;display:grid}.account-session-row{background-color:var(--bg-main);border-radius:8px;justify-content:space-between;align-items:center;gap:14px;padding:14px;display:flex}.account-session-row div{gap:4px;min-width:0;display:grid}.account-session-row span,.account-session-row small{color:var(--text-muted)}.account-session-row span{overflow-wrap:anywhere}@media (width<=760px){.account-card,.account-info-grid{grid-template-columns:1fr}.account-card{padding:20px}.account-avatar{width:min(180px,60vw)}}@media (width<=420px){.account-card{padding:16px}.account-upload-control,.account-logout-button{width:100%}}.security-page{background:var(--bg-main);min-height:100vh;padding:28px 60px 48px}.security-header{gap:20px}.security-header .header-title-group{min-width:0}.security-refresh-button{border:1px solid var(--brand-primary);background:var(--brand-primary);color:var(--text-inverse);cursor:pointer;border-radius:8px;min-height:40px;padding:0 18px;font-weight:700}.security-panel,.metric-panel{background:var(--bg-surface);border:1px solid var(--border-color);box-shadow:var(--shadow-soft);border-radius:8px}.panel-heading h2{color:var(--text-main);margin:0;font-size:1.2rem;line-height:1.25}.security-state,.security-error,.security-empty{border-radius:8px;padding:18px}.security-state,.security-empty{background:var(--bg-soft);color:var(--text-muted)}.security-error{background:var(--danger-bg);border:1px solid var(--danger-border);color:var(--danger-text);margin-bottom:20px}.security-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:22px;display:grid}.metric-panel{padding:18px}.metric-label{color:var(--text-muted);margin-bottom:10px;font-size:.82rem;display:block}.metric-panel strong{color:var(--brand-primary);font-size:1.7rem;line-height:1;display:block}.security-grid{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:22px;margin-bottom:22px;display:grid}.security-panel{padding:22px}.panel-heading{justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:18px;display:flex}.panel-heading span{color:var(--text-muted);font-size:.84rem;font-weight:700}.rule-list{gap:14px;display:grid}.rule-item{grid-template-columns:12px 1fr;align-items:start;gap:12px;display:grid}.rule-item p{color:var(--text-main);margin:0;line-height:1.5}.rule-marker{background:var(--brand-primary);border-radius:50%;width:10px;height:10px;margin-top:7px}.observation-list{gap:14px;display:grid}.observation-row{border:1px solid var(--border-color);border-radius:8px;padding:16px}.observation-row div:first-child{justify-content:space-between;gap:12px;display:flex}.observation-row strong{color:var(--text-main)}.observation-row span,.observation-row p,.observation-row footer{color:var(--text-muted)}.observation-row p{margin:12px 0;line-height:1.45}.risk-meter{background:var(--bg-muted);border-radius:999px;height:8px;margin-top:14px;overflow:hidden}.risk-meter span{background:var(--warning-text);height:100%;display:block}.risk-score-label{color:var(--warning-text);margin-top:8px;font-size:.82rem;font-weight:800}.observation-row footer{flex-wrap:wrap;gap:12px;font-size:.82rem;font-weight:700;display:flex}.audit-table-panel{overflow:hidden}.audit-table-wrap{overflow-x:auto}.audit-table{border-collapse:collapse;width:100%;min-width:860px}.audit-table th,.audit-table td{border-bottom:1px solid var(--border-color);text-align:left;vertical-align:top;padding:14px 10px}.audit-table th{color:var(--text-muted);text-transform:uppercase;font-size:.78rem}.audit-table td{color:var(--text-main);font-size:.9rem}.audit-table td span{color:var(--text-muted);margin-top:4px;font-size:.82rem;display:block}.audit-table code{color:var(--brand-primary);font-weight:800}@media (width<=980px){.security-page{padding:24px 20px 40px}.security-grid,.security-metrics{grid-template-columns:1fr}}@media (width<=620px){.security-header,.panel-heading,.observation-row div:first-child{flex-direction:column;align-items:stretch}.security-refresh-button{width:100%}.security-panel,.metric-panel{padding:16px}.audit-table{min-width:720px}}