:root{--gold: #c9a227;--gold-dark: #a0801f;--bg: #fafaf7;--fg: #1a1a1a;--muted: #6b6b6b;--border: #d8d8d2;--card: #ffffff;--danger: #c0392b;--success: #27a667;--shadow: 0 1px 3px rgba(0,0,0,.08)}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;background:var(--bg);color:var(--fg);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:16px;-webkit-text-size-adjust:100%}.container{max-width:1200px;margin:0 auto;padding:16px;padding-bottom:env(safe-area-inset-bottom)}h1,h2,h3{margin:12px 0}h1{font-size:28px}h2{font-size:22px}h3{font-size:18px;margin-top:24px}.muted{color:var(--muted);font-size:14px}.center{text-align:center}.loading{padding:40px;text-align:center;color:var(--muted)}.nav{background:#fff;border-bottom:1px solid var(--border);padding:12px 16px;display:flex;align-items:center;gap:10px;padding-top:max(12px,env(safe-area-inset-top));flex-wrap:wrap}.nav-brand{flex:1;display:flex;align-items:center;text-decoration:none;cursor:pointer}.nav-brand img{height:44px;width:auto;display:block;transition:opacity .15s ease}.nav-brand:hover img{opacity:.85}.nav-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.nav-btn{display:inline-flex;align-items:center;padding:8px 14px;border:1.5px solid var(--gold);border-radius:8px;background:#fff;color:var(--gold-dark);font-size:14px;font-weight:600;font-family:inherit;text-decoration:none;cursor:pointer;transition:all .15s ease;line-height:1}.nav-btn:hover{background:var(--gold);color:#fff}.nav-links-inline{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.nav-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:1.5px solid var(--border);border-radius:8px;background:#fff;color:var(--muted);cursor:pointer;font-family:inherit;transition:all .15s ease}.nav-icon-btn:hover{border-color:var(--gold);color:var(--gold-dark)}.nav-icon-btn-logout:hover{border-color:var(--danger);background:var(--danger);color:#fff}.hamburger-btn{display:none}.drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:150;display:flex;justify-content:flex-end}.drawer{width:min(82vw,320px);height:100%;background:#fff;border-left:1px solid var(--border);display:flex;flex-direction:column;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);box-shadow:-4px 0 16px #0000001a;animation:drawer-slide .18s ease-out}@keyframes drawer-slide{0%{transform:translate(100%)}to{transform:translate(0)}}.drawer-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--border)}.drawer-title{font-weight:700;color:var(--gold-dark);letter-spacing:1px;text-transform:uppercase;font-size:14px}.drawer-links{flex:1;display:flex;flex-direction:column;padding:8px 0;overflow-y:auto}.drawer-link{display:block;padding:14px 20px;color:var(--fg);text-decoration:none;font-size:16px;font-weight:500;border-left:3px solid transparent}.drawer-link:hover,.drawer-link:active{background:#f5f5ef;border-left-color:var(--gold);color:var(--gold-dark)}.card{background:var(--card);border:1px solid var(--border);border-radius:10px;padding:16px;box-shadow:var(--shadow);margin-bottom:16px}.login-page{display:flex;justify-content:center;padding-top:40px}.login-card{width:100%;max-width:360px}.login-logo{display:block;margin:4px auto 8px;height:80px;width:auto}.login-subtitle{text-align:center;margin-top:0;margin-bottom:16px}.login-card h1{text-align:center;color:var(--gold);letter-spacing:4px;margin:0}label{display:block;margin-bottom:12px;font-size:14px;color:var(--muted)}label>input,label>select,label>textarea{display:block;width:100%;margin-top:4px;padding:10px 12px;font-size:16px;border:1px solid var(--border);border-radius:8px;background:#fff;color:var(--fg)}label>input:focus,label>select:focus,label>textarea:focus{outline:none;border-color:var(--gold)}button,.btn-primary{font-family:inherit;font-size:16px;cursor:pointer}.btn-primary{background:var(--gold);color:#fff;border:none;padding:12px 16px;border-radius:8px;font-weight:600;width:100%}.btn-primary:hover:not(:disabled){background:var(--gold-dark)}.btn-primary:disabled{opacity:.6;cursor:wait}.btn-link{background:none;border:none;color:var(--gold-dark);padding:4px 6px;cursor:pointer;font-size:14px;text-decoration:underline}.btn-link.danger{color:var(--danger)}.error{background:#fdecea;color:var(--danger);border:1px solid #f5b8b1;padding:8px 12px;border-radius:6px;margin:12px 0}.success{background:#e6f7ed;color:var(--success);border:1px solid #b6e3c8;padding:8px 12px;border-radius:6px;margin:12px 0}.shift-form{max-width:560px;margin:0 auto}.form-header{display:block;border:2px solid var(--gold);color:var(--gold-dark);background:#fff;border-radius:10px;padding:12px 16px;text-align:center;font-size:18px;font-weight:700;letter-spacing:.5px;margin:0 0 18px;text-transform:uppercase}.field-label{color:var(--muted);font-size:14px;margin-bottom:6px}.shift-toggle{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:16px}.shift-toggle-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:14px 8px;border:2px solid var(--border);border-radius:10px;background:#fff;color:var(--muted);cursor:pointer;transition:all .15s ease;font-family:inherit}.shift-toggle-btn .icon{font-size:26px;line-height:1}.shift-toggle-btn .label{font-size:16px;font-weight:600}.shift-toggle-btn .hint{font-size:12px;color:var(--muted)}.shift-toggle-btn:hover{border-color:var(--gold)}.shift-toggle-btn.day.active{background:linear-gradient(135deg,#ffd966,#c9a227);border-color:var(--gold-dark);color:#fff}.shift-toggle-btn.night.active{background:linear-gradient(135deg,#3a4a6b,#1a233d);border-color:#1a233d;color:#fff}.shift-toggle-btn.active .hint{color:#ffffffd9}.hidden-file{position:absolute;left:-9999px;opacity:0}.photo-button{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:20px 12px;border:2px dashed var(--border);border-radius:10px;background:#fafaf3;color:var(--gold-dark);font-size:16px;font-weight:600;cursor:pointer;margin-bottom:16px;font-family:inherit;transition:all .15s ease}.photo-button:hover{border-color:var(--gold);background:#fff}.photo-button .camera-icon{display:inline-flex;align-items:center;color:var(--gold)}.photo-preview{margin:0 0 16px;border:2px solid var(--border);border-radius:10px;padding:8px;background:#f5f5ef}.photo-preview img{max-width:100%;max-height:320px;display:block;margin:0 auto 8px;border-radius:6px}.photo-retake{display:block;width:100%;padding:10px;border:1px solid var(--border);border-radius:8px;background:#fff;color:var(--gold-dark);font-size:14px;cursor:pointer;font-family:inherit}.photo-retake:hover{border-color:var(--gold)}.filters{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:16px;padding:12px;background:#fff;border:1px solid var(--border);border-radius:10px}.filters label{display:inline-flex;align-items:center;gap:8px;margin:0;font-size:13px;color:var(--muted);white-space:nowrap}.filters input,.filters select{display:inline-block;width:auto;margin-top:0;padding:8px 10px;font-size:14px;line-height:1.2;border:1px solid var(--border);border-radius:6px;background:#fff;color:var(--fg);font-family:inherit;box-sizing:border-box;vertical-align:middle}.filters input[type=date]{min-width:140px}.filters input[type=number]{min-width:100px}.filters select{min-width:160px}.filters input[type=date]::-webkit-datetime-edit,.filters input[type=time]::-webkit-datetime-edit{padding:0;display:inline-flex;align-items:center}.filters input[type=date]::-webkit-datetime-edit-fields-wrapper,.filters input[type=time]::-webkit-datetime-edit-fields-wrapper{display:inline-flex;align-items:center}.filters button{padding:8px 14px;background:#fff;border:1px solid var(--border);border-radius:6px;font-size:14px;line-height:1.2;font-family:inherit;cursor:pointer;color:var(--fg);box-sizing:border-box;vertical-align:middle}.filters button:hover{border-color:var(--gold);color:var(--gold-dark)}.filters button.btn-primary{background:var(--gold);color:#fff;border-color:var(--gold)}.filters button.btn-primary:hover:not(:disabled){background:var(--gold-dark);border-color:var(--gold-dark);color:#fff}.filters .checkbox-label{font-size:13px}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:1px solid var(--border);border-radius:6px;background:#fff;color:var(--gold-dark);cursor:pointer;transition:all .15s ease;margin:0 2px}.icon-btn:hover{border-color:var(--gold);background:#fffbe8}.icon-btn.danger{color:var(--danger)}.icon-btn.danger:hover{border-color:var(--danger);background:var(--danger);color:#fff}.icon-btn.off{color:#999;background:#f5f5f5}.icon-btn.off:hover{border-color:var(--gold);background:#fffbe8;color:var(--gold-dark)}.actions-cell{white-space:nowrap}.cash-cell{color:#1e6f3a;font-variant-numeric:tabular-nums}.card-cell{color:#1c4587;font-variant-numeric:tabular-nums}.cell-btn{display:inline-flex;align-items:center;justify-content:center;height:32px;padding:0 10px;border:1px solid var(--border);border-radius:6px;background:#fff;color:var(--gold-dark);cursor:pointer;font-size:13px;font-weight:500;transition:all .15s ease;margin:0 2px;text-decoration:none;white-space:nowrap}.cell-btn:hover{border-color:var(--gold);background:#fffbe8}.inline-form{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.inline-form input,.inline-form select{padding:10px 12px;font-size:16px;border:1px solid var(--border);border-radius:8px;background:#fff}.inline-form .btn-primary{width:auto}.table-wrap{overflow-x:auto}.data-table{width:100%;border-collapse:collapse;background:#fff;font-size:14px}.data-table th,.data-table td{padding:8px 10px;border-bottom:1px solid var(--border);text-align:left}.data-table th{background:#f5f5ef;font-weight:600;position:sticky;top:0}.data-table tr.inactive{color:var(--muted);background:#fafaf3}.modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:100;padding:20px}.modal img{max-width:95vw;max-height:90vh;border-radius:6px}.edit-card{max-width:500px;width:100%;max-height:90vh;overflow-y:auto}.modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:12px}.modal-actions button{padding:10px 16px;border:1px solid var(--border);background:#fff;border-radius:8px}.modal-actions .btn-primary{width:auto;border:none}.signature-pad-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#fff;z-index:200;display:flex;flex-direction:column;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}.signature-pad-bar{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--border);background:#fff;flex-shrink:0}.sig-title{font-weight:600;color:var(--fg);font-size:16px}.sig-btn{padding:8px 14px;border:1.5px solid var(--border);border-radius:8px;background:#fff;color:var(--gold-dark);font-family:inherit;font-size:14px;font-weight:600;cursor:pointer}.sig-btn:disabled{opacity:.4}.signature-canvas{flex:1;width:100%;background:#fff;touch-action:none;cursor:crosshair}.signature-pad-footer{padding:12px 16px;border-top:1px solid var(--border);background:#fff;flex-shrink:0}.sig-save{width:100%}.stats-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-bottom:20px}.stat{background:#fff;border:1px solid var(--border);border-radius:10px;padding:14px 16px;display:flex;flex-direction:column;gap:4px;text-align:left}.stat .muted{font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}.stat .big{font-size:22px;font-weight:700;color:var(--gold-dark);line-height:1.2}.stat.highlight{background:var(--gold);border-color:var(--gold)}.stat.highlight .muted{color:#ffffffd9}.stat.highlight .big{color:#fff}.stats-section{background:#fff;border:1px solid var(--border);border-radius:10px;padding:14px 16px;margin-bottom:16px}.stats-section-title{margin:0 0 10px;font-size:14px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);font-weight:700}.stats-section .data-table{border:0}.stats-section .data-table th{background:transparent;border-bottom:2px solid var(--border)}.stats-section .data-table td.num,.stats-section .data-table th.num{text-align:right;font-variant-numeric:tabular-nums}@media (max-width: 640px){.nav{padding:10px 12px;gap:8px}.nav-brand img{height:38px}.nav-btn{padding:7px 11px;font-size:13px}.nav-links-inline{display:none}.hamburger-btn{display:inline-flex}h2{font-size:20px}.data-table{font-size:13px}.data-table th,.data-table td{padding:6px 8px}}.field-hint{display:block;margin-top:4px;font-size:12px;color:var(--gold-dark)}.rides-page{display:flex;flex-direction:column;gap:16px;max-width:520px;margin:0 auto}.rides-total{background:linear-gradient(135deg,#fff8d8,#fdedb1);border:1.5px solid var(--gold);border-radius:12px;padding:18px 16px;text-align:center;box-shadow:0 2px 6px #c9a22726}.rides-total-label{font-size:13px;text-transform:uppercase;letter-spacing:.05em;color:var(--gold-dark);margin-bottom:4px}.rides-total-value{font-size:38px;font-weight:700;color:var(--gold-dark);line-height:1.1}.rides-total-hint{font-size:13px;color:#888;margin-top:4px}.payment-toggle{display:grid;grid-template-columns:1fr 1fr;gap:8px;background:#f5f5ef;padding:6px;border-radius:10px;border:1px solid var(--border)}.payment-btn{width:100%;min-width:0;height:44px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:7px;padding:0;font-size:15px;font-weight:600;color:#666;cursor:pointer;transition:background-color .15s ease,color .15s ease;-webkit-tap-highlight-color:transparent;box-sizing:border-box}.payment-btn.cash.active{background:#d4edda;color:#1e6f3a}.payment-btn.card.active{background:#d6e4ff;color:#1c4587}.rides-total-split{margin-top:6px;font-size:13px;color:#555}.rides-total-split .split-cash{color:#1e6f3a;font-weight:600}.rides-total-split .split-card{color:#1c4587;font-weight:600}.rides-total-split .split-sep{margin:0 6px;color:#999}.rides-preset-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.rides-preset-grid.three{grid-template-columns:1fr 1fr 1fr;gap:8px}.rides-preset-btn{background:#fff;border:2px solid var(--gold);border-radius:12px;padding:18px 8px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:6px;transition:all .15s ease;-webkit-tap-highlight-color:transparent}.rides-preset-btn:hover:not(:disabled),.rides-preset-btn:active:not(:disabled){background:var(--gold);color:#fff}.rides-preset-btn:disabled{opacity:.5;cursor:wait}.rides-preset-btn.selected{background:var(--gold);color:#fff;box-shadow:0 0 0 3px #d4af374d}.rides-preset-btn.selected .rides-preset-label{color:#fff}.rides-preset-label{font-size:20px;font-weight:700;color:inherit}.rides-preset-btn:not(:hover):not(:active) .rides-preset-label{color:var(--gold-dark)}.rides-preset-amount{font-size:16px;font-weight:600;color:inherit;opacity:.85}.rides-builder{background:#fff;border:1px solid var(--border);border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:12px}.rides-builder-label{font-size:13px;text-transform:uppercase;letter-spacing:.05em;color:#666}.rides-builder-amount{text-align:center;font-size:32px;font-weight:700;color:#333;padding:8px 0;background:#faf9f4;border-radius:8px}.rides-step-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.rides-step-btn{background:#fff;border:1.5px solid var(--border);border-radius:8px;padding:14px 0;font-size:18px;font-weight:600;cursor:pointer;transition:all .12s ease;-webkit-tap-highlight-color:transparent}.rides-step-btn.plus{color:var(--gold-dark);border-color:var(--gold)}.rides-step-btn.plus:active,.rides-step-btn.plus:hover{background:var(--gold);color:#fff}.rides-step-btn.minus{color:#888}.rides-step-btn.minus:active,.rides-step-btn.minus:hover{background:#f0f0ea;color:#333}.rides-builder-actions{display:grid;grid-template-columns:1fr 2fr;gap:8px}.rides-clear-btn{background:#fff;border:1.5px solid var(--border);border-radius:8px;padding:12px 0;font-size:14px;cursor:pointer;color:#666}.rides-clear-btn:disabled{opacity:.4;cursor:not-allowed}.rides-add-btn{background:var(--gold);color:#fff;border:none;border-radius:8px;padding:12px 0;font-size:15px;font-weight:600;cursor:pointer}.rides-add-btn:disabled{opacity:.4;cursor:not-allowed}.rides-add-btn:hover:not(:disabled){background:var(--gold-dark)}.form-row{display:flex;gap:12px;flex-wrap:wrap}.form-row>label{display:block}.checkbox-label,.radio-label{display:inline-flex;align-items:center;gap:6px;font-size:14px;cursor:pointer}.checkbox-label input[type=checkbox],.radio-label input[type=radio]{width:16px;height:16px}.amount-cell{display:inline-block}.amount-input{width:90px;padding:4px 6px;font-size:14px;border:1px solid var(--border);border-radius:4px;text-align:right}.badge{display:inline-block;padding:2px 8px;background:var(--gold);color:#fff;border-radius:10px;font-size:12px;font-weight:600}.data-table tr.billed{background:#f7f5e8}.company-form,.settings-form{background:#fff;border:1px solid var(--border);border-radius:8px;padding:16px;margin-bottom:16px;display:flex;flex-direction:column;gap:12px}.settings-form .btn-primary{align-self:flex-start}.vat-breakdown{background:#faf9f4;border:1px solid var(--border);border-radius:8px;padding:10px 14px;margin:8px 0;display:flex;flex-direction:column;gap:4px}.vat-breakdown>div{display:flex;justify-content:space-between;font-size:14px}.vat-breakdown>div:last-child{border-top:1px solid var(--border);padding-top:6px;margin-top:4px;font-size:16px}.rides-flash{position:fixed;top:80px;left:50%;transform:translate(-50%);background:var(--gold-dark);color:#fff;padding:10px 18px;border-radius:24px;font-size:14px;font-weight:600;box-shadow:0 4px 12px #0003;z-index:1000;animation:rides-flash-in .2s ease}@keyframes rides-flash-in{0%{opacity:0;transform:translate(-50%,-10px)}to{opacity:1;transform:translate(-50%)}}.rides-list-wrap{background:#fff;border:1px solid var(--border);border-radius:12px;padding:12px 12px 0}.rides-list-title{font-size:13px;text-transform:uppercase;letter-spacing:.05em;color:#666;padding:4px 4px 8px;border-bottom:1px solid var(--border)}.rides-list{list-style:none;margin:0;padding:0}.rides-list-item{display:grid;grid-template-columns:50px 1fr auto auto auto;align-items:center;gap:8px;padding:8px 4px;border-bottom:1px solid #f0eee5}.rides-list-pay{font-size:11px;padding:2px 6px;border-radius:4px;font-weight:600;text-transform:lowercase}.rides-list-pay.cash{background:#e8f5ee;color:#1e6f3a}.rides-list-pay.card{background:#e6efff;color:#1c4587}.rides-list-item:last-child{border-bottom:none}.rides-list-time{font-size:12px;color:#999;font-variant-numeric:tabular-nums}.rides-list-type{font-size:14px;color:#444}.rides-list-amount{font-size:15px;font-weight:600;color:var(--gold-dark);font-variant-numeric:tabular-nums}.rides-list-footer{display:flex;justify-content:space-between;padding:10px 4px;border-top:2px solid var(--gold);margin-top:4px;font-size:15px}.rides-list-footer strong{color:var(--gold-dark);font-size:17px}.rides-footnote{font-size:12px;text-align:center;margin:0}