:root{--primary-color: #DC0000;--primary-dark: #B00000;--primary-light: #FF3333;--danger-color: #DC0000;--warning-color: #FF3333;--success-color: #00C853;--info-color: #2196F3;--bg-dark: #0a0a0a;--bg-card: #1a1a1a;--bg-lighter: #2a2a2a;--bg-input: #1e1e1e;--text-primary: #ffffff;--text-secondary: #b0b0b0;--text-muted: #666;--border-color: #333;--border-radius: 12px;--border-radius-sm: 8px;--shadow: 0 4px 6px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 25px rgba(0, 0, 0, .4);--shadow-glow: 0 0 20px rgba(220, 0, 0, .3);--transition: all .3s ease;--header-height: 60px;--bottom-nav-height: 70px;--safe-area-inset-bottom: env(safe-area-inset-bottom, 0px)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-text-size-adjust:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:var(--bg-dark);color:var(--text-primary);line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app{min-height:100vh;display:flex;flex-direction:column}.app-header{background:var(--bg-card);padding:0;box-shadow:var(--shadow);position:fixed;top:0;left:0;right:0;z-index:100;height:var(--header-height)}.header-content{display:flex;justify-content:space-between;align-items:center;height:100%;max-width:1400px;margin:0 auto;padding:0 1rem}.app-logo{display:flex;align-items:center;gap:.5rem;font-size:1.25rem;font-weight:700;color:var(--primary-color)}.app-logo svg{color:var(--primary-color)}.app-logo span{letter-spacing:-.5px}.icon-btn{background:transparent;border:none;color:var(--text-primary);cursor:pointer;padding:.5rem;border-radius:var(--border-radius-sm);transition:var(--transition);display:flex;align-items:center;justify-content:center}.icon-btn:hover{background:var(--bg-lighter)}.icon-btn.danger{color:var(--danger-color)}.icon-btn.danger:hover{background:#dc00001a}.side-menu{position:fixed;top:0;left:-300px;width:280px;height:100vh;background:var(--bg-card);box-shadow:var(--shadow-lg);z-index:200;transition:var(--transition);overflow-y:auto}.side-menu.active{left:0}.menu-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-bottom:1px solid var(--border-color)}.menu-header h2{font-size:1.25rem;color:var(--primary-color)}.menu-list{list-style:none;padding:.5rem 0}.menu-item{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;color:var(--text-secondary);text-decoration:none;transition:var(--transition);font-size:1rem}.menu-item:hover{background:var(--bg-lighter);color:var(--text-primary)}.menu-item.active{background:var(--primary-color);color:var(--text-primary)}.menu-icon{width:20px;height:20px}.menu-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;z-index:150;opacity:0;visibility:hidden;transition:var(--transition)}.menu-overlay.active{opacity:1;visibility:visible}.main-content{flex:1;padding-top:var(--header-height);padding-bottom:calc(var(--bottom-nav-height) + var(--safe-area-inset-bottom))}.bottom-nav{position:fixed;bottom:0;left:0;right:0;height:calc(var(--bottom-nav-height) + var(--safe-area-inset-bottom));padding-bottom:var(--safe-area-inset-bottom);background:var(--bg-card);display:flex;justify-content:space-around;align-items:center;border-top:1px solid var(--border-color);z-index:100}.bottom-nav-item{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.5rem;color:var(--text-secondary);text-decoration:none;font-size:.7rem;transition:var(--transition);min-width:60px}.bottom-nav-item.active{color:var(--primary-color)}.bottom-nav-item:hover{color:var(--text-primary)}.view{padding:1rem;max-width:100%;margin:0 auto}@media (min-width: 768px){.view{padding:1.5rem 2rem}}@media (min-width: 1200px){.view{padding:2rem 3rem}}.view-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;gap:1rem}.view-header h2{font-size:1.5rem;font-weight:600}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.25rem;border:none;border-radius:var(--border-radius-sm);font-size:.9rem;font-weight:500;cursor:pointer;transition:var(--transition);text-decoration:none}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--primary-color);color:#fff}.btn-primary:hover:not(:disabled){background:var(--primary-dark);box-shadow:var(--shadow-glow)}.btn-secondary{background:var(--bg-lighter);color:var(--text-primary)}.btn-secondary:hover:not(:disabled){background:var(--bg-card)}.btn-danger{background:var(--danger-color);color:#fff}.btn-danger:hover:not(:disabled){background:var(--primary-dark)}.btn-sm{padding:.5rem .75rem;font-size:.8rem}.current-car-card{background:var(--bg-card);border-radius:var(--border-radius);padding:1.25rem;margin-bottom:1.5rem;box-shadow:var(--shadow)}.dashboard-hero{margin-bottom:1.5rem}.dashboard-hero .car-illustration{background:linear-gradient(135deg,var(--primary-dark) 0%,var(--bg-card) 100%);border:2px solid var(--primary-color)}.dashboard-hero .car-glow{background:radial-gradient(circle,rgba(220,0,0,.5) 0%,transparent 70%)}.no-car-message{text-align:center;padding:2rem}.no-car-message p{color:var(--text-secondary);margin:1rem 0}.car-card-content{display:flex;align-items:center;gap:1rem;cursor:pointer}.car-card-image{width:80px;height:60px;object-fit:cover;border-radius:var(--border-radius-sm)}.car-card-info{flex:1}.car-card-info h3{font-size:1.1rem;margin-bottom:.25rem}.car-card-details{font-size:.85rem;color:var(--text-secondary)}.detail-item{margin-top:.25rem;display:flex;align-items:center;gap:.4rem}.detail-item svg{opacity:.7}.chevron{color:var(--text-muted)}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;margin-bottom:1.5rem}.stat-card{background:var(--bg-card);border-radius:var(--border-radius);padding:1rem;display:flex;flex-direction:column;align-items:center;gap:.5rem;cursor:pointer;transition:var(--transition)}.stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-glow)}.stat-icon{width:40px;height:40px;background:var(--primary-color);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff}.stat-info{text-align:center}.stat-value{font-size:1.5rem;font-weight:700}.stat-label{font-size:.7rem;color:var(--text-secondary);text-transform:uppercase}.section-card{background:var(--bg-card);border-radius:var(--border-radius);padding:1rem;margin-bottom:1rem}.section-title{font-size:1rem;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.activity-list{display:flex;flex-direction:column;gap:.35rem}@media (min-width: 900px){.activity-list{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}}@media (min-width: 1400px){.activity-list{grid-template-columns:repeat(3,1fr)}}.activity-item{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:var(--bg-lighter);border-radius:var(--border-radius-sm)}.activity-icon{width:28px;height:28px;background:var(--bg-card);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--primary-color)}.activity-content{flex:1}.activity-title{font-size:.85rem;font-weight:500}.activity-date{font-size:.7rem;color:var(--text-secondary)}.reminders-list{display:flex;flex-direction:column;gap:.35rem}@media (min-width: 900px){.reminders-list{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}}.reminder-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:var(--bg-lighter);border-radius:var(--border-radius-sm);border-left:3px solid var(--border-color)}.reminder-item.urgent{border-left-color:var(--warning-color);background:#ff33331a}.reminder-info{flex:1}.reminder-title{font-size:.9rem;font-weight:500}.reminder-date{font-size:.75rem;color:var(--text-secondary)}.reminder-days{font-size:.85rem;font-weight:600;color:var(--primary-color)}.empty-state{text-align:center;padding:3rem 1rem;color:var(--text-secondary)}.empty-state .empty-icon{font-size:3rem;margin-bottom:1rem;opacity:.5;color:var(--text-muted);display:flex;justify-content:center}.empty-state p{margin-bottom:1rem}.empty-state-hero{text-align:center;padding:2rem 1.5rem 3rem;background:linear-gradient(180deg,var(--bg-card) 0%,var(--bg-dark) 100%);border-radius:var(--border-radius);border:1px solid var(--border-color)}.empty-state-visual{position:relative;margin-bottom:1.5rem;padding:2rem 0}.car-illustration{position:relative;display:inline-flex;align-items:center;justify-content:center;width:140px;height:140px;border-radius:50%;background:linear-gradient(135deg,var(--bg-lighter) 0%,var(--bg-card) 100%);border:2px solid var(--border-color);color:var(--primary-color);z-index:1}.car-glow{position:absolute;width:100%;height:100%;border-radius:50%;background:radial-gradient(circle,rgba(220,0,0,.3) 0%,transparent 70%);animation:pulse-glow 3s ease-in-out infinite}@keyframes pulse-glow{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(1.1);opacity:.8}}.floating-icons{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none}.floating-icon{position:absolute;width:44px;height:44px;border-radius:50%;background:var(--bg-card);border:1px solid var(--border-color);display:flex;align-items:center;justify-content:center;color:var(--text-secondary);animation:float 4s ease-in-out infinite}.floating-icon.icon-1{top:10%;left:15%;animation-delay:0s}.floating-icon.icon-2{top:5%;right:15%;animation-delay:1s}.floating-icon.icon-3{bottom:10%;right:20%;animation-delay:2s}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.empty-state-hero h3{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem}.empty-state-hero>p{color:var(--text-secondary);font-size:.95rem;max-width:280px;margin:0 auto 1.5rem;line-height:1.5}.empty-state-features{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.5rem;padding:1rem;background:var(--bg-lighter);border-radius:var(--border-radius-sm)}.feature-item{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary);font-size:.9rem}.feature-item svg{color:var(--success-color);flex-shrink:0}.btn-lg{padding:1rem 2rem;font-size:1rem}.chevron-icon{color:var(--text-muted);flex-shrink:0}.parts-list,.reminders-list-full{display:flex;flex-direction:column;gap:.35rem}.car-item,.part-item,.maintenance-item{background:var(--bg-card);border-radius:var(--border-radius-sm);border:1px solid var(--border-color);overflow:hidden;transition:var(--transition)}.car-item:hover,.part-item:hover,.maintenance-item:hover{background:var(--bg-lighter)}.car-item.active{border:2px solid var(--primary-color)}.car-item-main,.part-item-main,.maintenance-item-main{display:flex;align-items:center;gap:.75rem;padding:.5rem .75rem;cursor:pointer}.car-item-image,.part-item-image{width:36px;height:36px;object-fit:cover;border-radius:var(--border-radius-sm);background:var(--bg-lighter);display:flex;align-items:center;justify-content:center;font-size:1rem;flex-shrink:0}.car-item-image.placeholder,.part-item-image.placeholder{background:var(--bg-lighter);color:var(--text-muted)}.car-item-content,.part-item-content,.maintenance-item-content{flex:1;min-width:0}.car-item-title,.part-item-title,.maintenance-item-title{font-size:.9rem;font-weight:600;display:flex;align-items:center;gap:.4rem;margin:0}.current-badge{font-size:.65rem;padding:.15rem .4rem;background:var(--primary-color);border-radius:4px;text-transform:uppercase}.car-item-details,.part-item-meta,.maintenance-item-meta{font-size:.75rem;color:var(--text-secondary);display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.car-item-details span,.car-item-details div,.part-item-car,.maintenance-item-car{display:flex;align-items:center;gap:.25rem}.car-item-details span svg,.car-item-details div svg,.part-item-car svg,.maintenance-item-car svg,.maintenance-item-meta svg,.reminder-card-car svg,.reminder-card-recurrence svg{opacity:.7;flex-shrink:0}.car-item-actions,.part-item-actions,.maintenance-item-actions{display:flex;gap:.15rem;flex-shrink:0}.car-item,.part-item,.maintenance-item{display:flex;align-items:center}.car-item .car-item-main,.part-item .part-item-main,.maintenance-item .maintenance-item-main{flex:1}.part-item-header{display:flex;align-items:center;gap:.4rem}.part-item-meta{display:flex;gap:.5rem;flex-wrap:wrap}.maintenance-icon{width:32px;height:32px;background:var(--bg-lighter);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--primary-color);flex-shrink:0}.maintenance-item-notes{font-size:.8rem;color:var(--text-muted);margin-top:.25rem;font-style:italic}.badge{display:inline-block;padding:.2rem .5rem;border-radius:4px;font-size:.7rem;font-weight:600;text-transform:uppercase}.badge-sm{padding:.1rem .35rem;font-size:.6rem}.badge-success{background:var(--success-color);color:#fff}.badge-warning{background:var(--primary-color);color:#fff}.badge-info{background:var(--info-color);color:#fff}.badge-secondary{background:var(--bg-lighter);color:var(--text-secondary)}.part-item-meta .separator{color:var(--text-muted);font-size:.65rem}.part-item-meta .car-info,.part-item-meta .mileage{color:var(--text-muted)}.filters{display:flex;gap:.75rem;margin-bottom:1rem;flex-wrap:wrap}.filter-group{display:flex;align-items:center;gap:.5rem;background:var(--bg-card);padding:.5rem .75rem;border-radius:var(--border-radius-sm);flex:1;min-width:140px;border:1px solid var(--border-color)}.filter-group select{flex:1;background:var(--bg-card);border:none;color:var(--text-primary);font-size:.9rem;cursor:pointer;-moz-appearance:none;appearance:none;-webkit-appearance:none;padding-right:1.5rem;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23b0b0b0' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 0 center}.filter-group select:focus{outline:none}.filter-group select option{background:var(--bg-card);color:var(--text-primary);padding:.5rem}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:300;padding:1rem}.modal{background:var(--bg-card);border-radius:var(--border-radius);width:100%;max-width:500px;max-height:90vh;overflow-y:auto;animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;border-bottom:1px solid var(--border-color)}.modal-header h3{font-size:1.1rem}.modal-body{padding:1.25rem}.modal-actions{display:flex;gap:.75rem;margin-top:1.5rem;justify-content:flex-end}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.4rem;font-size:.85rem;color:var(--text-secondary)}.form-group input,.form-group select,.form-group textarea{width:100%;padding:.75rem;background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);color:var(--text-primary);font-size:1rem;transition:var(--transition)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px #dc000033}.form-group textarea{resize:vertical;min-height:80px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media (max-width: 400px){.form-row{grid-template-columns:1fr}}.image-upload{border:2px dashed var(--border-color);border-radius:var(--border-radius-sm);padding:1rem;text-align:center}.upload-btn{display:flex;flex-direction:column;align-items:center;gap:.5rem;color:var(--text-secondary);cursor:pointer;padding:1rem}.upload-btn:hover{color:var(--primary-color)}.image-preview{position:relative;display:inline-block}.image-preview img{max-width:100%;max-height:150px;border-radius:var(--border-radius-sm)}.remove-image{position:absolute;top:-8px;right:-8px;width:24px;height:24px;background:var(--danger-color);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center}.checkbox-group{background:var(--bg-lighter);padding:1rem;border-radius:var(--border-radius-sm)}.checkbox-label{display:flex;align-items:center;gap:.75rem;cursor:pointer}.checkbox-label input[type=checkbox]{width:18px;height:18px;accent-color:var(--primary-color)}.reminder-date-input{margin-top:.75rem}.reminder-repeat-input{margin-top:.5rem}.custom-recurrence-row{display:flex;align-items:center;gap:.5rem;margin-top:.5rem;color:var(--text-secondary)}.custom-recurrence-value{width:4.5rem}.custom-recurrence-unit{flex:1}.reminder-card{background:var(--bg-card);border-radius:var(--border-radius);padding:1rem;border-left:4px solid var(--border-color)}.reminder-card.urgent{border-left-color:var(--warning-color);background:linear-gradient(90deg,rgba(255,51,51,.1) 0%,var(--bg-card) 100%)}.reminder-card.overdue{border-left-color:var(--danger-color);background:linear-gradient(90deg,rgba(220,0,0,.1) 0%,var(--bg-card) 100%)}.reminder-card-main{display:flex;align-items:flex-start;gap:1rem}.reminder-card-icon{width:40px;height:40px;background:var(--bg-lighter);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--primary-color);flex-shrink:0}.reminder-card.overdue .reminder-card-icon{color:var(--danger-color)}.reminder-card-content{flex:1}.reminder-card-title{font-size:1rem;font-weight:600;margin-bottom:.25rem}.reminder-card-date{font-size:.85rem;color:var(--text-secondary)}.reminder-card-car{font-size:.8rem;color:var(--text-muted);margin-top:.25rem}.reminder-card-recurrence{display:flex;align-items:center;gap:.25rem;font-size:.8rem;color:var(--text-muted);margin-top:.25rem}.reminder-card-status{flex-shrink:0}.reminder-card-actions{flex-shrink:0;display:flex;align-items:center;gap:.5rem}.days-badge{display:inline-block;padding:.25rem .5rem;background:var(--bg-lighter);border-radius:4px;font-size:.75rem;font-weight:600;color:var(--text-primary)}.days-badge.urgent{background:var(--warning-color)}.days-badge.overdue{background:var(--danger-color)}.days-badge.today{background:var(--info-color)}.settings-section{background:var(--bg-card);border-radius:var(--border-radius);padding:1.25rem;margin-bottom:1rem}.settings-section .section-title{display:flex;align-items:center;gap:.5rem;font-size:1.1rem;margin-bottom:.75rem}.section-description{color:var(--text-secondary);font-size:.9rem;margin-bottom:1rem}.settings-actions{display:flex;gap:.75rem;flex-wrap:wrap}.stats-summary{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.stat-item{display:flex;justify-content:space-between;padding:.75rem;background:var(--bg-lighter);border-radius:var(--border-radius-sm)}.stat-item .stat-label{color:var(--text-secondary);text-transform:none;font-size:.9rem}.stat-item .stat-value{font-size:1rem;font-weight:600;color:var(--primary-color)}.danger-zone{border:1px solid var(--danger-color)}.danger-zone .section-title{color:var(--danger-color)}.app-info .info-item{display:flex;justify-content:space-between;padding:.5rem 0;border-bottom:1px solid var(--border-color);font-size:.9rem}.app-info .info-item:last-of-type{border-bottom:none}.app-description{margin-top:1rem;color:var(--text-secondary);font-size:.85rem;line-height:1.5}.toast{position:fixed;bottom:calc(var(--bottom-nav-height) + 1rem + var(--safe-area-inset-bottom));left:50%;transform:translate(-50%);background:var(--bg-card);color:var(--text-primary);padding:.75rem 1.5rem;border-radius:var(--border-radius);box-shadow:var(--shadow-lg);z-index:400;animation:toastIn .3s ease}.toast-success{background:var(--success-color)}.toast-error{background:var(--danger-color)}.toast-info{background:var(--info-color)}@keyframes toastIn{0%{opacity:0;transform:translate(-50%) translateY(10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.text-muted{color:var(--text-muted)}@media (min-width: 768px){.bottom-nav{display:none}.main-content{padding-bottom:2rem}.header-content{padding:0 2rem}.view{padding:2rem}.stats-grid{gap:1rem}.stat-card{flex-direction:row;padding:1.25rem}.stat-info{text-align:left}.stat-label{font-size:.8rem}}.modal::-webkit-scrollbar,.side-menu::-webkit-scrollbar{width:4px}.modal::-webkit-scrollbar-track,.side-menu::-webkit-scrollbar-track{background:transparent}.modal::-webkit-scrollbar-thumb,.side-menu::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:2px}.login-container{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:2rem;background:linear-gradient(135deg,var(--bg-dark) 0%,#1a0505 100%)}.login-header{text-align:center;margin-bottom:2rem}.login-logo{width:80px;height:80px;background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));border-radius:20px;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;box-shadow:var(--shadow-glow);color:#fff}.login-header h1{font-size:2rem;font-weight:700;margin-bottom:.5rem}.login-header p{color:var(--text-secondary);font-size:1rem}.login-form{width:100%;max-width:380px;background:var(--bg-card);padding:2rem;border-radius:var(--border-radius);border:1px solid var(--border-color)}.login-form .form-group{margin-bottom:1.25rem}.login-form label{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:.9rem;color:var(--text-secondary)}.login-form input{width:100%;padding:.875rem 1rem;background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);color:var(--text-primary);font-size:1rem;transition:var(--transition)}.login-form input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #dc00001a}.remember-me{margin-top:-.5rem}.checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.9rem;color:var(--text-secondary)}.checkbox-label input[type=checkbox]{width:18px;height:18px;accent-color:var(--primary-color);cursor:pointer}.checkbox-label span{-webkit-user-select:none;user-select:none}.login-btn{width:100%;padding:1rem;font-size:1rem;margin-top:.5rem;display:flex;align-items:center;justify-content:center;gap:.5rem}.login-btn:disabled{opacity:.7;cursor:not-allowed}.error-message{display:flex;align-items:center;gap:.5rem;background:#dc00001a;color:var(--primary-light);padding:.875rem 1rem;border-radius:var(--border-radius-sm);margin-bottom:1rem;font-size:.9rem;border:1px solid rgba(220,0,0,.3)}.login-footer{margin-top:1.5rem;text-align:center;color:var(--text-secondary)}.link-btn{background:none;border:none;color:var(--primary-color);font-size:inherit;cursor:pointer;padding:0;margin-left:.25rem;text-decoration:underline}.link-btn:hover{color:var(--primary-light)}.loading-screen{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem;background:var(--bg-dark);color:var(--text-secondary)}.loading-screen .spin{animation:spin 1s linear infinite;color:var(--primary-color)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.notification-toggle{display:flex;align-items:center;justify-content:space-between;padding:1rem;background:var(--bg-lighter);border-radius:var(--border-radius);margin-top:1rem}.toggle-info{display:flex;align-items:center;gap:.75rem}.toggle-info .text-success{color:var(--success-color)}.toggle-info .text-muted{color:var(--text-muted)}.search-bar{display:flex;align-items:center;gap:.75rem;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:.75rem 1rem;margin-bottom:1rem;transition:var(--transition)}.search-bar:focus-within{border-color:var(--primary-color);box-shadow:0 0 0 3px #dc00001a}.search-bar svg{color:var(--text-muted);flex-shrink:0}.search-bar input{flex:1;background:transparent;border:none;color:var(--text-primary);font-size:.95rem;outline:none}.search-bar input::placeholder{color:var(--text-muted)}.clear-search{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:var(--transition)}.clear-search:hover{background:var(--bg-lighter);color:var(--text-primary)}.filters-row{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;flex-wrap:wrap}.filters-row .filters{margin-bottom:0}.view-toggle{display:flex;background:var(--bg-card);border-radius:var(--border-radius-sm);overflow:hidden;border:1px solid var(--border-color)}.view-toggle .toggle-btn{padding:.5rem .75rem;background:transparent;border:none;color:var(--text-muted);cursor:pointer;transition:var(--transition);display:flex;align-items:center;justify-content:center}.view-toggle .toggle-btn:hover{color:var(--text-primary);background:var(--bg-lighter)}.view-toggle .toggle-btn.active{background:var(--primary-color);color:#fff}.parts-container{display:flex;flex-direction:column;gap:.35rem}@media (min-width: 900px){.parts-container:not(.cards){display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}}@media (min-width: 1400px){.parts-container:not(.cards){grid-template-columns:repeat(3,1fr)}}@media (min-width: 1800px){.parts-container:not(.cards){grid-template-columns:repeat(4,1fr)}}.parts-container.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.parts-container.cards .part-item{display:flex;flex-direction:column}.parts-container.cards .part-item-main{flex-direction:column;align-items:flex-start;gap:.75rem}.parts-container.cards .part-item-image{width:100%;height:120px}.parts-container.cards .part-item-content{width:100%}.parts-container.cards .part-item-actions{border-top:1px solid var(--border-color);padding:.75rem;display:flex;justify-content:flex-end;gap:.5rem}.part-item-notes{font-size:.85rem;color:var(--text-secondary);margin-top:.5rem;padding-top:.5rem;border-top:1px solid var(--border-color);line-height:1.4}.cars-list,.cars-list.list{display:flex;flex-direction:column;gap:.5rem}.cars-list.card{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem}@media (min-width: 900px){.cars-list.list{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}}@media (min-width: 1400px){.cars-list.list{grid-template-columns:repeat(3,1fr)}}@media (min-width: 1800px){.cars-list.list{grid-template-columns:repeat(4,1fr)}}.cars-list.list .car-item{padding:.5rem}.cars-list.list .car-item-main{gap:.75rem}.cars-list.list .car-item-image{width:48px;height:48px}.cars-list.list .car-item-content h3{font-size:.9rem}.cars-list.list .car-item-details{font-size:.75rem}.cars-list.card .car-item{padding:1rem}.cars-list.card .car-item-main{flex-direction:column;align-items:flex-start;gap:.75rem}.cars-list.card .car-item-image{width:80px;height:80px}.cars-list.card .car-item-content h3{font-size:1.1rem}.cars-list.card .car-item-details{flex-direction:column;align-items:flex-start;gap:.25rem}.cars-list.card .car-item-actions{margin-top:1rem;padding-top:.75rem;border-top:1px solid var(--border-color);width:100%;justify-content:flex-end}.maintenance-container,.maintenance-container.list{display:flex;flex-direction:column;gap:.5rem}.maintenance-container.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem}@media (min-width: 900px){.maintenance-container.list{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}}@media (min-width: 1400px){.maintenance-container.list{grid-template-columns:repeat(3,1fr)}}@media (min-width: 1800px){.maintenance-container.list{grid-template-columns:repeat(4,1fr)}}.maintenance-container.list .maintenance-item{padding:.5rem .75rem}.maintenance-container.list .maintenance-item-main{gap:.75rem}.maintenance-container.list .maintenance-item-icon{width:32px;height:32px}.maintenance-container.list .maintenance-item-content h4{font-size:.9rem}.maintenance-container.list .maintenance-item-meta{font-size:.75rem;gap:.5rem}.maintenance-container.cards .maintenance-item{padding:1rem;flex-direction:column}.maintenance-container.cards .maintenance-item-main{flex-direction:column;align-items:flex-start;gap:.75rem}.maintenance-container.cards .maintenance-icon{width:48px;height:48px}.maintenance-container.cards .maintenance-item-content h4{font-size:1.1rem}.maintenance-container.cards .maintenance-item-meta{flex-direction:column;align-items:flex-start;gap:.25rem}.maintenance-container.cards .maintenance-item-actions{margin-top:1rem;padding-top:.75rem;border-top:1px solid var(--border-color);width:100%;justify-content:flex-end}.reminders-container,.reminders-container.list{display:flex;flex-direction:column;gap:.5rem}.reminders-container.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem}@media (min-width: 900px){.reminders-container.list{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}}@media (min-width: 1400px){.reminders-container.list{grid-template-columns:repeat(3,1fr)}}@media (min-width: 1800px){.reminders-container.list{grid-template-columns:repeat(4,1fr)}}.reminders-container.list .reminder-card{padding:.5rem .75rem}.reminders-container.list .reminder-card-main{gap:.75rem;align-items:center}.reminders-container.list .reminder-card-icon{width:32px;height:32px}.reminders-container.list .reminder-card-icon svg{width:16px;height:16px}.reminders-container.list .reminder-card-title{font-size:.9rem;margin-bottom:0}.reminders-container.list .reminder-card-date{font-size:.75rem}.reminders-container.list .reminder-card-car{display:none}.reminders-container.list .reminder-card-actions{margin-top:0;margin-left:auto}.reminders-container.list .reminder-card-actions .btn{padding:.25rem .5rem;font-size:.75rem}.reminders-container.cards .reminder-card{padding:1rem}.reminders-container.cards .reminder-card-main{flex-direction:column;align-items:flex-start;gap:.75rem}.reminders-container.cards .reminder-card-icon{width:48px;height:48px}.reminders-container.cards .reminder-card-content{width:100%}.reminders-container.cards .reminder-card-title{font-size:1.1rem}.reminders-container.cards .reminder-card-status{margin-top:.5rem}.reminders-container.cards .reminder-card-actions{margin-top:1rem;padding-top:.75rem;border-top:1px solid var(--border-color);width:100%;justify-content:flex-end}.recommendations-section{margin-top:1.5rem}.recommendations-section h3{font-size:1.1rem;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.recommendations-grid{display:flex;flex-direction:column;gap:.5rem}@media (min-width: 900px){.recommendations-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}}@media (min-width: 1400px){.recommendations-grid{grid-template-columns:repeat(3,1fr)}}.recommendation-card{background:var(--bg-card);border-radius:var(--border-radius);padding:1rem;margin-bottom:.75rem;border-left:4px solid var(--warning-color)}.recommendation-card.overdue{border-left-color:var(--danger-color);background:linear-gradient(135deg,rgba(220,0,0,.1),var(--bg-card))}.recommendation-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.recommendation-info h4{font-size:.95rem;margin-bottom:.25rem}.recommendation-info p{font-size:.85rem;color:var(--text-secondary);margin-bottom:.5rem}.recommendation-meta{font-size:.8rem;color:var(--text-muted);display:flex;align-items:center;gap:.5rem}.recommendation-actions{display:flex;gap:.5rem;flex-shrink:0}.recommendation-actions .btn{padding:.4rem .75rem;font-size:.8rem}.recommendation-status{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:600}.recommendation-status.overdue{background:#dc000033;color:var(--danger-color)}.recommendation-status.due-soon{background:#f333;color:var(--warning-color)}.recommendation-source{font-size:.75rem;color:var(--text-muted);margin-top:.5rem}@media print{.app-header,.bottom-nav,.side-menu,.menu-overlay{display:none!important}.main-content{padding:0}}