:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}body{margin:0}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}*{box-sizing:border-box;margin:0;padding:0}body{color:#2c3e50;background:#f8fafc;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;overflow-x:hidden}:root{--black:#0a0a0a;--white:#fff;--red:#dc2626;--green:#16a34a;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--gray-800:#1f2937;--gray-900:#111827;--primary:var(--red);--success:var(--green);--danger:var(--red);--warning:#f59e0b;--info:#3b82f6;--bg-primary:#f8fafc;--bg-secondary:#fff;--bg-tertiary:#fff;--bg-card:#fff;--bg-hover:#f1f5f9;--text-primary:#2c3e50;--text-secondary:#64748b;--text-muted:#94a3b8;--border-primary:#e2e8f0;--border-secondary:#cbd5e1;--border-focus:#3b82f6}.app-container{background:var(--bg-primary);flex-direction:column;height:100vh;display:flex}.main-header{background:var(--bg-secondary);border-bottom:1px solid var(--border-primary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);justify-content:space-between;align-items:center;padding:1rem 2rem;display:flex;box-shadow:0 1px 3px #0000001a}.logo-section{align-items:center;gap:1rem;display:flex}.logo-text{color:var(--text-primary);letter-spacing:-.02em;font-size:1.5rem;font-weight:700}.logo-text small{color:var(--text-muted);margin-left:.5rem;font-size:.75rem;font-weight:400}.role-badge{background:var(--primary);color:var(--white);text-transform:uppercase;letter-spacing:.05em;border-radius:9999px;padding:.25rem .75rem;font-size:.75rem;font-weight:600}.logout-btn{color:var(--text-secondary);border:1px solid var(--border-secondary);cursor:pointer;background:0 0;border-radius:.5rem;padding:.5rem 1rem;font-weight:500;transition:all .2s}.logout-btn:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--border-primary)}.content-layout{flex:1;display:flex;overflow:hidden}.sidebar{background:var(--bg-secondary);border-right:1px solid var(--border-primary);flex-direction:column;width:250px;padding:1rem 0;display:flex;box-shadow:1px 0 3px #0000000d}.sidebar a{color:var(--text-secondary);border-left:3px solid #0000;padding:.75rem 1.5rem;font-weight:500;text-decoration:none;transition:all .2s;display:block}.sidebar a:hover{background:var(--bg-hover);color:var(--text-primary)}.sidebar a.active{background:var(--bg-hover);color:var(--primary);border-left-color:var(--primary)}.main-content{background:var(--bg-primary);flex:1;padding:2rem;overflow-y:auto}.login-page{background:var(--bg-primary);justify-content:center;align-items:center;height:100vh;display:flex;position:relative}.login-page:before{content:"";background:radial-gradient(circle at 20% 50%, var(--red) 0%, transparent 50%), radial-gradient(circle at 80% 80%, var(--green) 0%, transparent 50%);opacity:.05;pointer-events:none;position:absolute;inset:0}.login-container{background:var(--bg-secondary);border:1px solid var(--border-primary);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:1rem;width:100%;max-width:400px;padding:3rem;position:relative;box-shadow:0 20px 25px -5px #0000001a}.login-container h2{color:var(--text-primary);text-align:center;letter-spacing:-.02em;margin-bottom:2rem;font-size:1.875rem;font-weight:700}.form-group{margin-bottom:1.5rem}.form-group label{color:var(--text-secondary);margin-bottom:.5rem;font-size:.875rem;font-weight:500;display:block}.form-group input{border:1px solid var(--border-secondary);background:var(--bg-tertiary);width:100%;color:var(--text-primary);border-radius:.5rem;padding:.75rem 1rem;font-size:1rem;transition:all .2s}.form-group input:focus{border-color:var(--border-focus);outline:none;box-shadow:0 0 0 3px #3b82f61a}.login-btn{background:var(--primary);width:100%;color:var(--white);cursor:pointer;border:none;border-radius:.5rem;margin-top:1rem;padding:.875rem 1rem;font-size:1rem;font-weight:600;transition:all .2s}.login-btn:hover{background:#b91c1c;transform:translateY(-1px);box-shadow:0 4px 12px #dc26264d}.error-msg{color:var(--danger);text-align:center;background:#dc26261a;border:1px solid #dc262633;border-radius:.5rem;margin-bottom:1rem;padding:.75rem 1rem;font-size:.875rem}.add-btn,.submit-btn,.detail-btn{background:var(--primary);color:var(--white);cursor:pointer;border:none;border-radius:.5rem;padding:.75rem 1.5rem;font-size:.875rem;font-weight:600;transition:all .2s;box-shadow:0 1px 2px #0000000d}.add-btn:hover,.submit-btn:hover,.detail-btn:hover{background:#b91c1c;transform:translateY(-1px);box-shadow:0 4px 12px #dc26264d}.detail-btn{color:var(--text-secondary);border:1px solid var(--border-secondary);background:0 0;padding:.5rem 1rem;font-size:.75rem}.detail-btn:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--border-primary);box-shadow:none;transform:none}.dashboard{max-width:1400px;margin:0 auto}.dashboard-header h1{color:var(--text-primary);letter-spacing:-.02em;margin-bottom:.5rem;font-size:2.5rem;font-weight:700}.vehicle-card{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:1rem;padding:1.5rem;transition:all .2s;position:relative;overflow:hidden;box-shadow:0 1px 3px #0000001a}.vehicle-card:before{content:"";background:linear-gradient(90deg, var(--red), var(--green));opacity:.5;height:2px;position:absolute;top:0;left:0;right:0}.vehicle-card:hover{border-color:var(--border-secondary);transform:translateY(-2px);box-shadow:0 8px 25px #00000026}.vehicle-card.priority{border-left:4px solid var(--warning)}.card-info h3{color:var(--text-primary);letter-spacing:-.01em;margin-bottom:1rem;font-size:1.25rem;font-weight:600}.card-footer{gap:.5rem;margin-top:1rem;display:flex}.print-order-btn{align-items:center;gap:6px;display:flex;background:var(--success)!important;color:var(--white)!important;border-color:var(--success)!important}.print-order-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #16a34a4d;background:#15803d!important;border-color:#15803d!important}.form-container{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:1rem;max-width:800px;margin:0 auto;padding:2rem}.form-row{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.form-row .form-group:last-child{grid-column:1/-1}textarea{border:1px solid var(--border-secondary);background:var(--bg-tertiary);width:100%;color:var(--text-primary);resize:vertical;border-radius:.5rem;min-height:100px;padding:.75rem 1rem;font-family:inherit;font-size:1rem;transition:all .2s}textarea:focus{border-color:var(--border-focus);outline:none;box-shadow:0 0 0 3px #dc26261a}select{border:1px solid var(--border-secondary);background:var(--bg-tertiary);width:100%;color:var(--text-primary);cursor:pointer;border-radius:.5rem;padding:.75rem 1rem;font-size:1rem;transition:all .2s}select:focus{border-color:var(--border-focus);outline:none;box-shadow:0 0 0 3px #dc26261a}.loader{text-align:center;color:var(--text-secondary);padding:2rem;font-size:1.125rem;font-weight:500}.admin-tab{background:var(--bg-tertiary);border:1px solid var(--border-primary);cursor:pointer;color:var(--text-secondary);border-radius:.5rem;padding:.75rem 1.5rem;font-weight:600;transition:all .2s}.admin-tab:hover{border-color:var(--border-secondary);color:var(--text-primary);background:var(--bg-hover)}.admin-tab.active{background:var(--success);color:var(--white);border-color:var(--success)}.admin-section{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:1rem;padding:2rem;box-shadow:0 1px 3px #0000001a}.section-header h2{color:var(--text-primary);letter-spacing:-.01em;font-size:1.5rem;font-weight:600}.users-table,.backups-table{margin-top:20px;overflow-x:auto}.users-table table,.backups-table table{border-collapse:collapse;background:var(--bg-card);border-radius:.5rem;width:100%;overflow:hidden;box-shadow:0 1px 2px #0000000d}.users-table th,.backups-table th{background:var(--bg-tertiary);text-align:left;color:var(--text-primary);border-bottom:2px solid var(--border-primary);padding:1rem;font-weight:600}.users-table td,.backups-table td{border-bottom:1px solid var(--border-primary);color:var(--text-secondary);padding:1rem}.users-table tr:hover,.backups-table tr:hover{background:var(--bg-hover)}.role-badge{text-transform:uppercase;letter-spacing:.05em;border-radius:9999px;padding:.25rem .75rem;font-size:.75rem;font-weight:600}.role-admin{background:var(--danger);color:var(--white)}.role-master{background:var(--success);color:var(--white)}.role-chiptuner{background:var(--warning);color:var(--white)}.role-slave{background:var(--gray-500);color:var(--white)}.delete-btn{background:var(--danger);color:var(--white);cursor:pointer;border:none;border-radius:.375rem;padding:.5rem .75rem;font-size:.75rem;font-weight:600;transition:all .2s}.delete-btn:hover{background:#b91c1c;transform:translateY(-1px)}.download-btn{background:var(--success);color:var(--white);cursor:pointer;border:none;border-radius:.375rem;margin-right:8px;padding:.5rem .75rem;font-size:.75rem;font-weight:600;transition:all .2s}.download-btn:hover{background:#15803d;transform:translateY(-1px)}.backup-filename{color:var(--text-primary);background:var(--bg-tertiary);border-radius:.25rem;padding:.25rem .5rem;font-family:Courier New,Courier,monospace;font-size:.875rem}.stat-card{background:var(--bg-card);border:1px solid var(--border-primary);text-align:center;border-radius:1rem;padding:1.5rem;transition:all .2s}.stat-card:hover{border-color:var(--border-secondary);transform:translateY(-2px);box-shadow:0 8px 25px #0003}.calendar-nav-btn{background:var(--bg-card);border:1px solid var(--border-primary);color:var(--text-primary);cursor:pointer;border-radius:6px;padding:8px 12px;font-weight:600;transition:all .2s}.calendar-nav-btn:hover{background:var(--bg-hover);border-color:var(--border-secondary)}.calendar-month{color:var(--text-primary);text-align:center;letter-spacing:-.01em;font-size:1.125rem;font-weight:700}.calendar-grid{background:var(--border-primary);border:1px solid var(--border-primary);border-radius:.5rem;grid-template-columns:repeat(7,1fr);gap:1px;margin-bottom:20px;display:grid;overflow:hidden}.calendar-header{background:var(--bg-tertiary);text-align:center;color:var(--text-primary);border-bottom:1px solid var(--border-primary);padding:12px 8px;font-size:.875rem;font-weight:600}.calendar-day-cell{background:var(--bg-card);cursor:pointer;min-height:80px;padding:8px;transition:all .2s;position:relative}.calendar-day-cell:hover{background:var(--bg-hover)}.calendar-day-number{color:var(--text-primary);margin-bottom:4px;font-size:.875rem;font-weight:600}.calendar-day-today .calendar-day-number{background:var(--primary);color:var(--white);border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:.75rem;display:flex}.calendar-vehicle-item{background:var(--bg-tertiary);border:1px solid var(--border-primary);color:var(--text-primary);cursor:pointer;border-radius:4px;margin-bottom:2px;padding:2px 6px;font-size:.75rem;transition:all .2s;position:relative}.calendar-vehicle-item:hover{background:var(--bg-hover);border-color:var(--border-secondary)}.calendar-tuning-indicator{background:var(--warning);border-radius:50%;width:6px;height:6px;position:absolute;top:2px;right:2px}.calendar-details{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:.5rem;margin-top:20px;padding:1.5rem;box-shadow:0 1px 3px #0000001a}.calendar-details-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:1rem;display:flex}.calendar-details-title{color:var(--text-primary);margin-bottom:.5rem;font-size:1.125rem;font-weight:600}.calendar-vehicle-details{background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:.5rem;margin-bottom:1rem;padding:1rem}.calendar-tuning-badge{background:var(--warning);color:var(--white);border-radius:9999px;margin-bottom:.5rem;padding:.25rem .75rem;font-size:.75rem;font-weight:600;display:inline-block}.cancel-appointment-btn{cursor:pointer;border:none;border-radius:.5rem;margin-left:10px;padding:.5rem 1rem;font-size:.875rem;font-weight:600;transition:all .2s;background:var(--danger)!important;color:var(--white)!important}.cancel-appointment-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #dc26264d;background:#b91c1c!important}.archive-list{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:1rem;overflow:hidden;box-shadow:0 1px 3px #0000001a}.archive-item{border-bottom:1px solid var(--border-primary);justify-content:space-between;align-items:center;padding:1.5rem;transition:all .2s;display:flex}.archive-item:last-child{border-bottom:none}.archive-item:hover{background:var(--bg-hover)}.archive-item-info{flex:1}.archive-item-title{color:var(--text-primary);margin-bottom:.5rem;font-size:1.125rem;font-weight:600}.archive-item-details{color:var(--text-secondary);font-size:.875rem;line-height:1.5}.archive-item-status{text-transform:uppercase;letter-spacing:.05em;border-radius:9999px;padding:.25rem .75rem;font-size:.75rem;font-weight:600}.status-delivered{background:var(--success);color:var(--white)}.status-cancelled{background:var(--danger);color:var(--white)}@media (width<=768px){.content-layout{flex-direction:column}.sidebar{border-right:none;border-bottom:1px solid var(--border-primary);flex-direction:row;width:100%;height:auto;overflow-x:auto}.sidebar a{white-space:nowrap}.main-content{padding:1rem}.vehicle-grid{grid-template-columns:1fr}.dashboard-header{flex-direction:column;align-items:flex-start;gap:15px}.form-row{grid-template-columns:1fr}.admin-header{flex-direction:column;align-items:flex-start}.admin-tabs{justify-content:center;width:100%}.admin-tab{padding:8px 15px;font-size:14px}.admin-section{padding:15px}.section-header{flex-direction:column;align-items:flex-start}.users-table th,.users-table td,.backups-table th,.backups-table td{padding:8px;font-size:12px}.role-badge{padding:2px 6px;font-size:9px}.delete-btn,.download-btn{padding:4px 8px;font-size:11px}.stats-grid{grid-template-columns:repeat(2,1fr);gap:15px}.stat-card{padding:15px}.stat-number{font-size:1.5rem}}.responsive-form{flex-direction:column;gap:18px;display:flex}.form-group{flex-direction:column;gap:6px;display:flex}.form-group label{color:#7f8c8d;font-size:14px;font-weight:600}.form-row{gap:12px;display:flex}.form-row input{flex:1}input,select,textarea{border:1px solid #dcdde1;border-radius:8px;outline:none;width:100%;padding:14px;font-size:16px}input:focus{border-color:#3498db;box-shadow:0 0 0 2px #3498db33}.checkbox-group{cursor:pointer;background:#ebf5fb;border-radius:8px;flex-direction:row;justify-content:center;align-items:center;gap:12px;padding:15px}.checkbox-group input[type=checkbox]{cursor:pointer;width:22px;height:22px}.submit-btn{color:#fff;cursor:pointer;background:#27ae60;border:none;border-radius:8px;margin-top:10px;padding:16px;font-size:18px;font-weight:700;transition:background .3s}.submit-btn:hover{background:#219150}.submit-btn:disabled{cursor:not-allowed;background:#bdc3c7}.dashboard-header{justify-content:space-between;align-items:center;margin-bottom:25px;display:flex}.add-btn{color:#fff;cursor:pointer;background:#3498db;border:none;border-radius:8px;padding:12px 24px;font-weight:700;text-decoration:none}.vehicle-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;display:grid}.vehicle-card{background:#fff;border-left:6px solid #bdc3c7;border-radius:12px;flex-direction:column;justify-content:space-between;padding:20px;transition:transform .2s;display:flex;box-shadow:0 2px 12px #0000000f}.vehicle-card:hover{transform:translateY(-3px)}.vehicle-card.priority{background:#fffdf5;border-left-color:#f1c40f}.card-info h3{color:#2c3e50;margin-bottom:5px;font-size:1.3rem}.vin{color:#95a5a6;letter-spacing:1px;margin-bottom:12px;font-family:Courier New,Courier,monospace;font-size:12px}.info-row{color:#576574;align-items:center;gap:10px;margin-bottom:8px;font-size:14px;display:flex}.badge{text-transform:uppercase;border-radius:20px;align-items:center;gap:5px;margin-bottom:15px;padding:4px 10px;font-size:11px;font-weight:700;display:inline-flex}.badge.tuning{color:#9a7d0a;background:#fef9e7;border:1px solid #f9e79f}.badge.service{color:#1e8449;background:#e9f7ef;border:1px solid #d4efdf}.detail-btn{cursor:pointer;color:#2c3e50;background:#fff;border:1px solid #dcdde1;border-radius:8px;width:100%;margin-top:15px;padding:12px;font-weight:600;transition:all .2s}.detail-btn:hover{color:#3498db;background:#f8f9fa;border-color:#3498db}.print-order-btn{align-items:center;gap:6px;display:flex;color:#fff!important;background:#f39c12!important;border-color:#f39c12!important}.print-order-btn:hover{background:#e67e22!important;border-color:#e67e22!important}.calendar-nav{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.calendar-nav-btn{cursor:pointer;color:#2c3e50;background:#fff;border:1px solid #dcdde1;border-radius:6px;padding:6px 10px;font-size:14px;font-weight:700}.calendar-nav-btn:hover{color:#3498db;border-color:#3498db}.calendar-nav-title{color:#2c3e50;font-size:16px;font-weight:800}.calendar-weekdays{grid-template-columns:repeat(7,1fr);gap:4px;margin-bottom:4px;display:grid}.calendar-weekday{color:#7f8c8d;text-align:center;font-size:11px;font-weight:800}.calendar-days-grid{grid-template-columns:repeat(7,1fr);gap:4px;display:grid}.calendar-day-cell{text-align:left;cursor:pointer;color:#2c3e50;background:#fff;border:1px solid #dcdde1;border-radius:6px;flex-direction:column;min-height:52px;padding:6px 8px;transition:border-color .15s,transform .15s;display:flex;position:relative}.calendar-day-cell:hover{border-color:#3498db;transform:translateY(-1px)}.calendar-day-cell.muted{opacity:.7;background:#fafafa}.calendar-day-cell.has-items{border-left:3px solid #3498db}.calendar-day-cell.has-tuning{border-left-color:#f39c12}.calendar-day-cell.active{border-color:#3498db;box-shadow:0 0 0 2px #3498db26}.calendar-day-cell.today{background:#e8f4fd;border-color:#3498db}.calendar-day-number{color:#2c3e50;font-size:13px;font-weight:900}.calendar-day-count{color:#576574;margin-top:3px;font-size:10px;font-weight:700}.calendar-tuning-indicator{color:#fff;background:#f39c12;border-radius:50%;justify-content:center;align-items:center;width:14px;height:14px;font-size:8px;font-weight:700;line-height:1;display:flex;position:absolute;top:4px;right:4px}.calendar-details{background:#fff;border:1px solid #f0f0f0;border-radius:8px;margin-top:16px;padding:14px}.calendar-details h2{color:#2c3e50;margin-bottom:10px;font-size:16px}.calendar-vehicles-list{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.calendar-vehicle-item{background:#fbfdff;border:1px solid #e9f0f8;border-radius:10px;padding:12px}.calendar-vehicle-time{color:#2c3e50;margin-bottom:8px;font-family:Courier New,Courier,monospace;font-size:14px;font-weight:800}.calendar-vehicle-main{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.calendar-vehicle-client{color:#576574;font-size:14px;font-weight:700}.calendar-tuning-badge{color:#fff;text-transform:uppercase;background:#f39c12;border-radius:4px;margin-left:8px;padding:2px 6px;font-size:10px;font-weight:700}.admin-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:15px;margin-bottom:25px;display:flex}.admin-tabs{gap:10px;display:flex}.admin-tab{cursor:pointer;color:#576574;background:#fff;border:1px solid #dcdde1;border-radius:8px;padding:10px 20px;font-weight:600;transition:all .2s}.admin-tab:hover{color:#3498db;border-color:#3498db}.admin-tab.active{color:#fff;background:#3498db;border-color:#3498db}.admin-section{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 12px #0000000f}.section-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:15px;margin-bottom:20px;display:flex}.users-table{margin-top:20px;overflow-x:auto}.users-table table{border-collapse:collapse;background:#fff;border-radius:8px;width:100%;overflow:hidden}.users-table th{text-align:left;color:#2c3e50;background:#f8f9fa;border-bottom:2px solid #e9ecef;padding:12px;font-weight:700}.users-table td{color:#576574;border-bottom:1px solid #f0f0f0;padding:12px}.users-table tr:hover{background:#f8f9fa}.role-badge{text-transform:uppercase;border-radius:4px;padding:4px 8px;font-size:11px;font-weight:700}.role-admin{color:#fff;background:#e74c3c}.role-master{color:#fff;background:#27ae60}.role-chiptuner{color:#fff;background:#f39c12}.role-slave{color:#fff;background:#95a5a6}.delete-btn{color:#fff;cursor:pointer;background:#e74c3c;border:none;border-radius:4px;padding:6px 12px;font-size:12px;font-weight:600;transition:background .2s}.delete-btn:hover{background:#c0392b}.download-btn{color:#fff;cursor:pointer;background:#27ae60;border:none;border-radius:4px;margin-right:8px;padding:6px 12px;font-size:12px;font-weight:600;transition:background .2s}.download-btn:hover{background:#219150}.backups-table{margin-top:20px;overflow-x:auto}.backups-table table{border-collapse:collapse;background:#fff;border-radius:8px;width:100%;overflow:hidden}.backups-table th{text-align:left;color:#2c3e50;background:#f8f9fa;border-bottom:2px solid #e9ecef;padding:12px;font-weight:700}.backups-table td{color:#576574;border-bottom:1px solid #f0f0f0;padding:12px}.backups-table tr:hover{background:#f8f9fa}.backup-filename{color:#2c3e50;font-family:Courier New,Courier,monospace;font-size:12px}.password-validation{border-radius:4px;margin-top:5px;padding:5px 8px;font-size:12px;font-weight:600}.password-validation.valid{color:#155724;background:#d4edda;border:1px solid #c3e6cb}.password-validation.invalid{color:#721c24;background:#f8d7da;border:1px solid #f5c6cb}.work-order-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:15px;margin-bottom:25px;display:flex}.work-order-actions{gap:10px;display:flex}.edit-btn,.print-btn,.back-btn{color:#fff;cursor:pointer;background:#3498db;border:none;border-radius:6px;padding:8px 16px;font-weight:600;transition:background .2s}.edit-btn.active{background:#27ae60}.print-btn{background:#f39c12}.print-btn:hover{background:#e67e22}.back-btn{background:#95a5a6}.back-btn:hover{background:#7f8c8d}.work-order-container{background:#fff;border-radius:12px;max-width:1200px;margin:0 auto;padding:30px;box-shadow:0 2px 12px #0000000f}.work-order-header-section{border-bottom:2px solid #2c3e50;justify-content:space-between;align-items:flex-start;margin-bottom:30px;padding-bottom:20px;display:flex}.company-info h2{color:#2c3e50;margin-bottom:5px;font-size:24px}.company-info p{color:#576574;margin:3px 0;font-size:14px}.order-info{text-align:right}.order-number-input{text-align:center;border:2px solid #3498db;border-radius:6px;min-width:200px;padding:8px;font-size:18px;font-weight:700}.order-number{color:#2c3e50;margin-bottom:10px;font-size:18px;font-weight:700}.work-order-section{background:#fafafa;border:1px solid #e9ecef;border-radius:8px;margin-bottom:30px;padding:20px}.work-order-section h3{color:#2c3e50;border-bottom:2px solid #3498db;margin-bottom:15px;padding-bottom:5px;font-size:18px}.cost-section{grid-template-columns:1fr 1fr 1fr;align-items:end;gap:20px;display:grid}.total-cost{color:#fff;text-align:center;background:#3498db;border-radius:8px;padding:15px}.total-cost label{color:#fff;font-weight:600}.total-amount{margin-top:5px;font-size:24px;font-weight:700}.vin-display{background:#e8f4fd;border:1px solid #3498db;border-radius:4px;padding:8px;font-family:Courier New,Courier,monospace;font-size:14px}.work-description{white-space:pre-wrap;background:#fff;border:1px solid #dcdde1;border-radius:4px;min-height:60px;padding:10px;line-height:1.5}.signatures-section{margin-top:40px}.signatures{grid-template-columns:1fr 1fr;gap:40px;margin-top:20px;display:grid}.signature-block{text-align:center}.signature-block label{color:#2c3e50;margin-bottom:10px;font-weight:600;display:block}.signature-line{border-bottom:2px solid #2c3e50;height:40px;margin-bottom:5px}@media print{.work-order-header,.work-order-actions{display:none}.work-order-container{box-shadow:none;max-width:none;padding:20px}.work-order-section{break-inside:avoid;background:#fff;border:1px solid #ccc}.cost-section{grid-template-columns:1fr 1fr}.total-cost{color:#000;background:#f0f0f0;grid-column:1/-1}.signatures{grid-template-columns:1fr;gap:20px}}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-top:20px;display:grid}.stat-card{text-align:center;background:#fff;border:1px solid #e9ecef;border-radius:12px;padding:20px;transition:transform .2s}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 15px #0000001a}.stat-card h3{color:#7f8c8d;text-transform:uppercase;letter-spacing:1px;margin-bottom:10px;font-size:14px;font-weight:600}.stat-number{color:#2c3e50;font-size:32px;font-weight:900;line-height:1}@media (width<=768px){.content-layout{flex-direction:column}.sidebar{z-index:100;flex-direction:row;justify-content:space-around;width:100%;height:auto;padding:10px;position:sticky;top:0;box-shadow:0 2px 5px #0000001a}.sidebar a{text-align:center;padding:8px;font-size:12px}.form-container{box-shadow:none;border-radius:0;padding:20px}.main-content{padding:15px}.calendar-nav{margin-bottom:6px}.calendar-nav-title{font-size:14px}.calendar-nav-btn{padding:4px 8px;font-size:12px}.calendar-weekdays{gap:2px;margin-bottom:2px}.calendar-weekday{font-size:9px}.calendar-days-grid{gap:2px}.calendar-day-cell{border-radius:4px;min-height:38px;padding:4px 5px}.calendar-day-number{font-size:11px}.calendar-day-count{margin-top:2px;font-size:8px}.calendar-tuning-indicator{width:12px;height:12px;font-size:7px;top:2px;right:2px}.calendar-details{margin-top:12px;padding:10px}.calendar-details h2{margin-bottom:8px;font-size:14px}.calendar-vehicle-item{padding:8px}.calendar-vehicle-time{font-size:12px}.calendar-vehicle-main{font-size:13px}.calendar-tuning-badge{padding:1px 4px;font-size:7px}.admin-header{flex-direction:column;align-items:flex-start}.admin-tabs{justify-content:center;width:100%}.admin-tab{padding:8px 15px;font-size:14px}.admin-section{padding:15px}.section-header{flex-direction:column;align-items:flex-start}.users-table th,.users-table td{padding:8px;font-size:12px}.role-badge{padding:2px 6px;font-size:9px}.delete-btn{padding:4px 8px;font-size:11px}.stats-grid{grid-template-columns:repeat(2,1fr);gap:15px}.stat-card{padding:15px}.stat-number{font-size:24px}}@media (width<=480px){.form-row{flex-direction:column}.dashboard-header{flex-direction:column;align-items:flex-start;gap:15px}.add-btn{text-align:center;width:100%}.vehicle-grid{grid-template-columns:1fr}.calendar-weekday{font-size:8px}.calendar-day-cell{min-height:32px;padding:3px 4px}.calendar-day-number{font-size:10px}.calendar-day-count{font-size:7px}.calendar-tuning-indicator{width:10px;height:10px;font-size:6px;top:1px;right:1px}.calendar-vehicle-time{font-size:11px}.calendar-vehicle-main{font-size:12px}.calendar-vehicle-item{padding:6px}.calendar-tuning-badge{padding:1px 3px;font-size:7px}.admin-tab{padding:6px 12px;font-size:12px}.stats-grid{grid-template-columns:1fr;gap:10px}.stat-card{padding:12px}.stat-number{font-size:20px}.users-table th,.users-table td{padding:6px;font-size:11px}}