:root{color:#202a32;background:#edf1f4;font-family:Meiryo UI,Yu Gothic UI,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;letter-spacing:0}*{box-sizing:border-box}html,body,#root{width:100%;min-height:100%;margin:0}body{min-width:0;overflow-x:hidden;font-size:13px;line-height:1.45}button,input,select,textarea{font:inherit}button{border:0;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.6}.rental-app{min-height:100vh}.app-topbar{min-height:52px;display:flex;align-items:center;gap:18px;padding:0 16px;color:#fff;background:#21313b;border-bottom:1px solid #14232d}.brand-mark{min-width:220px;display:flex;align-items:center;gap:9px}.brand-mark>div{display:grid;gap:1px}.brand-mark strong{font-size:15px}.brand-mark span{color:#c6d2d9;font-size:11px;font-weight:700}.app-nav{display:flex;flex:1 1 auto;align-items:center;justify-content:center;gap:6px;min-width:0}.app-nav button{min-height:32px;display:inline-flex;align-items:center;gap:6px;padding:0 10px;color:#dce7ea;background:transparent;border-radius:6px;font-weight:800;white-space:nowrap}.app-nav button:hover,.app-nav button.active{color:#fff;background:#ffffff21}.account-box{min-width:230px;display:grid;grid-template-columns:18px minmax(0,1fr) 32px;gap:8px;align-items:center;color:#fff}.account-box strong,.account-box span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-box strong{font-size:12px}.account-box span{color:#c6d2d9;font-size:11px;font-weight:700}.topbar-action{width:30px;height:30px;color:#fff;background:#ffffff1a;border-color:#ffffff2e}.app-error{margin:10px 14px 0;padding:9px 11px;color:#8a1620;background:#fff0f0;border:1px solid #ffc6c6;border-radius:7px;font-weight:800}.app-error.inline{margin:0}.auth-shell{display:grid;place-items:center;min-height:100vh;padding:24px;background:#edf1f4}.auth-panel{width:min(100%,460px);display:grid;gap:14px;padding:26px;background:#fff;border:1px solid #d4dde5;border-radius:8px;box-shadow:0 16px 38px #22303a17}.auth-panel svg{color:#0f766e}.auth-panel h1{margin:0;font-size:22px}.auth-panel p{margin:0;color:#536875}.auth-link{width:max-content}.toolbar{display:grid;grid-template-columns:minmax(260px,1fr) 170px 170px auto;gap:10px;align-items:end;padding:12px 14px;background:#f8fafb;border-bottom:1px solid #d4dde5}.toolbar label,.field{display:grid;gap:4px}.toolbar label span,.field span{color:#5b6e7d;font-size:12px;font-weight:800}.search-field{min-height:34px;display:grid;grid-template-columns:20px minmax(0,1fr);gap:6px;align-items:center;padding:0 9px;background:#fff;border:1px solid #cbd6dd;border-radius:7px}.search-field svg{color:#607683}input,select,textarea{width:100%;min-width:0;color:#1e2b34;background:#fff;border:1px solid #c8d3dc;border-radius:6px;outline:none}input,select{height:34px;padding:0 8px}textarea{min-height:86px;padding:8px;resize:vertical}.search-field input{height:32px;padding:0;border:0}input:focus,select:focus,textarea:focus{border-color:#188a7c;box-shadow:0 0 0 3px #188a7c24}.primary,.secondary,.mini-command,.doc-button{min-height:34px;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:0 11px;border-radius:6px;font-weight:800;text-decoration:none;white-space:nowrap}.primary{color:#fff;background:#0f766e}.primary:hover{background:#0c625d}.secondary,.doc-button{color:#253946;background:#fff;border:1px solid #cbd6dd}.secondary:hover,.doc-button:hover{background:#f3f7f8}.board-layout,.split-layout,.single-grid,.documents-layout{display:grid;gap:12px;width:100%;max-width:1760px;margin:0 auto;padding:12px}.board-layout{grid-template-columns:minmax(0,1fr) minmax(300px,360px);align-items:start}.split-layout{grid-template-columns:minmax(430px,.95fr) minmax(560px,1.35fr);align-items:start}.single-grid{grid-template-columns:minmax(0,1fr) 320px;align-items:start}.documents-layout{grid-template-columns:minmax(0,1fr) minmax(320px,400px);align-items:start}.users-layout{width:100%;max-width:1760px;margin:0 auto;padding:12px}.users-panel{min-height:480px}.user-invite-bar{display:grid;grid-template-columns:minmax(220px,1fr) 160px auto;gap:10px;align-items:end;padding:12px;border-bottom:1px solid #e3e9ef}.inline-feedback{margin:10px 12px 0;padding:8px 10px;color:#0f5d55;background:#e8f6f3;border:1px solid #bfe3dc;border-radius:7px;font-weight:800}.users-table-wrap table{min-width:980px}.compact-check{min-height:28px}.invite-cell,.user-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.invite-cell a{color:#0f766e;font-weight:900;text-decoration:none}.secondary.mini{min-height:28px;padding:0 8px}.main-stack,.side-stack{display:grid;gap:12px;min-width:0}.metrics-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.metric,.panel{min-width:0;background:#fff;border:1px solid #d4dde5;border-radius:8px;box-shadow:0 8px 20px #22303a0f}.metric{display:flex;align-items:center;gap:10px;min-height:78px;padding:14px}.metric>span{width:34px;height:34px;display:grid;place-items:center;color:#0f766e;background:#e8f6f3;border:1px solid #bfe3dc;border-radius:8px}.metric small{display:block;color:#60727f;font-size:12px;font-weight:800}.metric strong{color:#1e2b34;font-size:22px;line-height:1.2}.panel{overflow:hidden}.panel.compact{padding-bottom:8px}.panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;min-height:54px;padding:12px;border-bottom:1px solid #e3e9ef}.panel-head h1,.panel-head h2{margin:0;color:#1e2b34;line-height:1.25}.panel-head h1{font-size:18px}.panel-head h2{font-size:14px}.eyebrow{margin:0 0 2px;color:#627684;font-size:11px;font-weight:900}.sticky-head{position:sticky;top:0;z-index:5;background:#fff}.timeline-grid{display:grid;min-width:1120px;overflow:auto}.timeline-header,.timeline-vehicle,.timeline-cell{min-height:50px;padding:8px;border-right:1px solid #e3e9ef;border-bottom:1px solid #e3e9ef}.timeline-header{color:#516675;background:#f5f8fa;font-size:12px;font-weight:900;text-align:center}.vehicle-head{text-align:left}.timeline-vehicle{display:grid;gap:3px;background:#fbfcfd}.timeline-vehicle strong{color:#1e2b34}.timeline-vehicle span{color:#637887;font-size:12px}.timeline-cell{display:grid;align-content:start;gap:5px;color:inherit;background:#fff;text-align:left}.timeline-cell:hover{background:#f7fbfb}.available-dot{color:#7a8c97;font-size:12px;font-weight:800}.booking-chip{display:block;min-height:25px;overflow:hidden;padding:4px 7px;color:#26333c;background:#eef3f6;border-left:4px solid #8a9ba7;border-radius:5px;font-size:12px;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.booking-chip.rental,.badge.rental{border-color:#0f766e;background:#e8f6f3}.booking-chip.inspection,.badge.inspection{border-color:#2563eb;background:#eaf1ff}.booking-chip.accident,.badge.accident{border-color:#dc2626;background:#fff0f0}.booking-chip.bodywork,.badge.bodywork{border-color:#9333ea;background:#f5efff}.booking-chip.sales,.badge.sales{border-color:#ca8a04;background:#fff8df}.booking-chip.maintenance,.booking-chip.fleet-maintenance,.badge.maintenance,.badge.fleet-maintenance{border-color:#ea580c;background:#fff3e8}.booking-chip.selected{outline:2px solid #0f766e;outline-offset:1px}.summary-list,.alert-list,.vehicle-list,.document-list{display:grid;gap:8px;padding:10px 12px 12px}.summary-row,.alert-row,.document-row{min-width:0;display:grid;gap:4px;padding:9px;background:#f9fbfc;border:1px solid #e3e9ef;border-radius:7px}.summary-row{grid-template-columns:minmax(0,1fr) auto}.summary-row span,.alert-row span,.document-row span{color:#60727f;font-size:12px}.summary-row strong{color:#0f766e}.summary-row em{grid-column:1 / -1;color:#6a7b87;font-size:12px;font-style:normal;font-weight:800}.empty-text{margin:4px 0;color:#657783;font-weight:700}.alert-row{grid-template-columns:20px minmax(0,1fr);align-items:center}.alert-row svg{color:#b45309}.table-wrap{width:100%;max-width:100%;overflow:auto}table{width:100%;min-width:720px;border-collapse:collapse}th,td{padding:8px;text-align:left;border-bottom:1px solid #e3e9ef;white-space:nowrap}th{color:#526877;background:#f5f8fa;font-size:12px;font-weight:900}td strong,td span{display:block}td span{color:#617481;font-size:12px}tr.active td{background:#edf9f7}.badge,.status-badge,.vehicle-status{display:inline-flex;align-items:center;min-height:24px;padding:0 8px;border:1px solid #cbd6dd;border-radius:999px;color:#33414a;font-size:12px;font-style:normal;font-weight:900}.badge{border-left-width:4px}.status-badge.in-use,.vehicle-status.in-use{color:#0f5d55;background:#e8f6f3;border-color:#bfe3dc}.status-badge.reserved,.vehicle-status.reserved{color:#1d4f91;background:#eaf1ff;border-color:#bfd4ff}.status-badge.returned,.status-badge.checked,.vehicle-status.available{color:#166534;background:#ecfdf3;border-color:#bbebc9}.status-badge.overdue{color:#991b1b;background:#fff0f0;border-color:#ffc6c6}.vehicle-status.maintenance{color:#92400e;background:#fff7ed;border-color:#fed7aa}.icon-action{width:30px;height:30px;display:inline-grid;place-items:center;color:#33414a;background:#fff;border:1px solid #cbd6dd;border-radius:6px}.icon-action:hover{background:#f3f7f8}.icon-action.danger{color:#b4232e}.editor-panel{max-height:calc(100vh - 88px);overflow:auto}.editor-section{display:grid;gap:10px;padding:12px;border-bottom:1px solid #e3e9ef}.editor-section h2{display:inline-flex;align-items:center;gap:6px;margin:0;color:#243541;font-size:14px}.form-grid{display:grid;gap:9px}.form-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.form-grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.compact-grid{max-width:520px}.read-only{min-height:34px;display:flex;align-items:center;padding:0 8px;color:#21313b;background:#f5f8fa;border:1px solid #cbd6dd;border-radius:6px}.check-line{min-height:34px;display:inline-flex;align-items:center;gap:7px;color:#253946;font-weight:800}.check-line input{width:16px;height:16px}.payment-check,.vehicle-check{align-self:end;padding-bottom:2px}.inline-actions,.fee-actions,.document-buttons{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.fee-table table{min-width:820px}.fee-actions{justify-content:space-between}.totals{display:flex;align-items:center;gap:12px;color:#536875;font-weight:800}.totals strong{color:#0f766e;font-size:15px}.vehicle-item{display:grid;grid-template-columns:22px minmax(0,1fr) auto auto;gap:9px;align-items:center;width:100%;padding:10px;color:inherit;background:#fff;border:1px solid #e0e7ed;border-radius:7px;text-align:left}.vehicle-item:hover,.vehicle-item.active{background:#f1faf8;border-color:#bfe3dc}.vehicle-item strong,.vehicle-item span{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vehicle-item span{color:#617481;font-size:12px}.mini-command{min-height:28px;padding:0 8px;color:#0f5d55;background:#e8f6f3;border:1px solid #bfe3dc}.settings-panel{display:grid;gap:10px;padding-bottom:12px}.settings-panel .field{padding:0 12px}.document-settings{display:grid;grid-template-columns:180px minmax(220px,1fr) auto auto;gap:10px;align-items:end;padding:12px;border-bottom:1px solid #e3e9ef}.document-row{grid-template-columns:minmax(0,1fr) auto;align-items:center}.document-row strong,.document-row span{display:block}.doc-button{min-height:30px}.doc-button.printed{color:#0f5d55;background:#e8f6f3;border-color:#bfe3dc}@media(max-width:1180px){.app-topbar,.app-nav{flex-wrap:wrap}.app-topbar{padding:10px 12px}.brand-mark{min-width:0}.toolbar,.board-layout,.split-layout,.single-grid,.documents-layout,.user-invite-bar{grid-template-columns:1fr}.metrics-grid,.form-grid.four,.form-grid.three,.document-settings{grid-template-columns:repeat(2,minmax(0,1fr))}.editor-panel{max-height:none}}@media(max-width:720px){.toolbar,.metrics-grid,.form-grid.two,.form-grid.three,.form-grid.four,.document-settings{grid-template-columns:1fr}.app-nav{justify-content:flex-start;overflow-x:auto}.app-nav button{flex:0 0 auto}.vehicle-item,.document-row{grid-template-columns:minmax(0,1fr)}.vehicle-item svg{display:none}.timeline-grid{min-width:900px}}