*,*:before,*:after{box-sizing:border-box}html,body,#root{height:auto;overflow:auto}body{margin:0;font-family:Inter,system-ui,-apple-system,sans-serif;background:#f8fafc;color:#1e293b;font-size:13px}.app-shell{display:flex;flex-direction:column;min-height:100vh}.app-header{display:flex;align-items:center;gap:16px;padding:12px 20px;background:#1e293b;color:#fff;flex-shrink:0;box-shadow:0 2px 8px #00000040;z-index:100}.app-header h1{margin:0;font-size:16px;font-weight:600;letter-spacing:.3px}.header-meta{margin-left:auto;display:flex;align-items:center;gap:12px;font-size:12px;color:#94a3b8}.badge-live{display:inline-flex;align-items:center;gap:5px;background:#064e3b;color:#6ee7b7;border-radius:99px;padding:3px 10px;font-size:11px;font-weight:500}.badge-live:before{content:"";width:7px;height:7px;border-radius:50%;background:#10b981;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.summary-bar{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:1px solid #E2E8F0;padding:6px 20px;flex-shrink:0;display:flex;flex-direction:row;align-items:center;gap:0;flex-wrap:wrap}.summary-section{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.summary-vdivider{width:1px;align-self:stretch;margin:4px 12px;background:linear-gradient(180deg,transparent,#CBD5E1 20%,#CBD5E1 80%,transparent)}.summary-cards{display:flex;gap:6px;flex-wrap:wrap}.summary-card{background:var(--card-bg);border:1px solid color-mix(in srgb,var(--card-color) 20%,transparent);border-radius:5px;padding:3px 8px;display:flex;flex-direction:row;align-items:center;gap:4px;min-width:unset;box-shadow:0 1px 2px #0000000a;transition:transform .15s,box-shadow .15s}.summary-card:hover{transform:translateY(-1px);box-shadow:0 4px 8px #00000014}.summary-card-value{font-size:15px;font-weight:700;color:var(--card-color);line-height:1}.summary-card-label{font-size:11px;font-weight:500;color:#64748b;letter-spacing:.3px}.summary-divider{height:1px;background:linear-gradient(90deg,transparent,#CBD5E1 20%,#CBD5E1 80%,transparent)}.summary-series-list{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.summary-series-chip{display:inline-flex;align-items:center;gap:6px;background:#fff;border:1px solid #E2E8F0;border-radius:6px;padding:2px 8px;font-size:12px;box-shadow:0 1px 2px #00000008;transition:border-color .15s,box-shadow .15s}.summary-series-chip:hover{border-color:#cbd5e1;box-shadow:0 2px 4px #0000000f}.summary-series-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0;box-shadow:0 0 0 2px #fffc}.summary-series-name{font-weight:600;color:#1e293b;min-width:42px}.summary-series-nums{display:flex;align-items:baseline;gap:2px;font-variant-numeric:tabular-nums}.sns-total{font-weight:600;color:#475569}.sns-booked{font-weight:600;color:#10b981}.sns-free{font-weight:600;color:#94a3b8}.sns-sep{color:#cbd5e1;font-size:10px}.summary-series-legend{font-size:10px;color:#94a3b8;font-style:italic;margin-left:4px}.summary-testtype-list{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.summary-testtype-title{font-size:11px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.4px;margin-right:4px}.summary-testtype-chip{display:inline-flex;align-items:center;gap:5px;background:#fff;border:1px solid #E2E8F0;border-radius:6px;padding:2px 8px;font-size:12px;box-shadow:0 1px 2px #00000008}.summary-testtype-name{font-weight:600;color:#1e293b}.summary-testtype-count{color:#475569;font-variant-numeric:tabular-nums}.summary-testtype-loc{display:flex;gap:4px;margin-left:2px}.loc-sz-tag{background:#dbeafe;color:#1d4ed8;font-size:10px;font-weight:600;padding:1px 5px;border-radius:4px}.loc-cc-tag{background:#fef9c3;color:#854d0e;font-size:10px;font-weight:600;padding:1px 5px;border-radius:4px}.toolbar{display:flex;align-items:center;gap:10px;padding:10px 20px;background:#fff;border-bottom:1px solid #E2E8F0;flex-shrink:0;flex-wrap:wrap}.toolbar-label{font-size:12px;color:#64748b;font-weight:500}.btn{cursor:pointer;border:none;border-radius:6px;padding:5px 12px;font-size:12px;font-family:inherit;font-weight:500;transition:background .15s,box-shadow .15s}.btn-primary{background:#3b82f6;color:#fff}.btn-primary:hover{background:#2563eb}.btn-ghost{background:#f1f5f9;color:#475569}.btn-ghost:hover{background:#e2e8f0}.btn-icon{padding:5px 8px;font-size:14px}.week-nav{display:flex;align-items:center;gap:6px;margin-left:auto}.week-label{font-size:12px;font-weight:600;color:#334155;min-width:160px;text-align:center}.table-scroll{overflow-x:auto;padding:0}.booking-table{border-collapse:separate;border-spacing:0;width:max-content;min-width:100%;background:#fff}.booking-table th,.booking-table td{border-right:1px solid #E2E8F0;border-bottom:1px solid #E2E8F0;white-space:nowrap}.booking-table thead th{position:sticky;top:0;background:#1e293b;color:#cbd5e1;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;padding:8px 10px;z-index:20}.col-sticky{position:sticky;background:inherit;z-index:10}.col-idx{left:0;min-width:36px;max-width:36px;text-align:center}.col-id{left:36px;min-width:128px;max-width:128px}.col-plate{left:164px;min-width:72px;max-width:72px;padding:4px;white-space:normal;text-align:center}.col-loc{left:236px;min-width:56px;max-width:56px;text-align:center}.col-usage{left:292px;min-width:200px;max-width:200px}.col-notes{left:492px;min-width:160px;max-width:160px}thead .col-sticky{z-index:30}.row-group-header td{padding:4px 10px;font-size:11px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;color:#fff;position:sticky;left:0}.row-vehicle{transition:background .1s}.row-vehicle:hover td{background:#f1f5f9!important}.cell-id{padding:6px 10px;font-size:12px;font-weight:600;color:#0f172a}.cell-loc{padding:4px 6px;text-align:center}.loc-badge{display:inline-block;padding:1px 6px;border-radius:99px;font-size:10px;font-weight:600}.loc-sz{background:#dbeafe;color:#1d4ed8}.loc-cc{background:#fef9c3;color:#854d0e}.loc-tj{background:#fce7f3;color:#9d174d}.cell-usage{padding:4px 10px;font-size:12px;color:#475569;max-width:200px;overflow:hidden;text-overflow:ellipsis}.cell-notes{padding:4px 10px;font-size:12px;color:#94a3b8;max-width:160px;overflow:hidden;text-overflow:ellipsis}.vehicle-id-row{display:flex;align-items:center;gap:4px}.vehicle-edit-btn{border:none;background:none;cursor:pointer;color:#cbd5e1;font-size:13px;padding:1px 3px;border-radius:3px;line-height:1;opacity:0;transition:opacity .15s,color .12s;flex-shrink:0}.row-vehicle:hover .vehicle-edit-btn{opacity:1}.vehicle-edit-btn:hover{color:#3b82f6;background:#eff6ff}.plate-badge{display:inline-flex;flex-direction:column;align-items:center;font-size:12px;padding:3px 5px;border-radius:5px;font-weight:600;line-height:1.3;gap:1px}.plate-date{font-size:11px;font-weight:600}.plate-hint{font-size:9px;opacity:.85}.plate-ok{background:#d1fae5;color:#065f46}.plate-soon{background:#fef3c7;color:#92400e}.plate-expired{background:#fee2e2;color:#991b1b;font-weight:600}.plate-none{background:#f1f5f9;color:#64748b}.col-date{min-width:72px;max-width:72px;text-align:center}.date-header{display:flex;flex-direction:column;align-items:center;gap:0;line-height:1.3}.date-weekday{font-size:9px;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px}.date-day{font-size:16px;font-weight:700;color:#fff;line-height:1.2}.date-month{font-size:9px;color:#94a3b8;font-weight:500}.col-date-weekend{background:#2d3748!important}.col-date-today{background:#1d4ed8!important}.cell-day{padding:3px 4px;cursor:pointer;min-height:42px;vertical-align:top;transition:background .1s,box-shadow .1s;position:relative}.cell-day:hover{background:#eff6ff!important;box-shadow:inset 0 0 0 2px #3b82f6}.cell-day-weekend{background:#fafaf5}.cell-day-today{background:#eff6ff}.cell-day-content{position:relative;z-index:1}.cell-day-add-hint{position:absolute;top:3px;right:3px;width:18px;height:18px;border-radius:4px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;font-size:13px;font-weight:600;display:flex;align-items:center;justify-content:center;opacity:0;transition:all .2s ease;pointer-events:none;line-height:1;box-shadow:0 2px 6px #3b82f64d;z-index:2}.cell-day:hover .cell-day-add-hint{opacity:.92;transform:scale(1.05)}.cell-day:hover .cell-day-add-hint{opacity:1}.booking-chip{display:flex;align-items:center;gap:3px;border-radius:4px;padding:2px 6px;margin-bottom:2px;font-size:11px;font-weight:500;cursor:pointer;overflow:hidden;max-width:100%;transition:filter .12s}.booking-chip:hover{filter:brightness(.9)}.chip-shift{font-size:9px;font-weight:700;padding:1px 3px;border-radius:3px;flex-shrink:0;line-height:1.2}.chip-shift-day{background:#ffffff8c}.chip-shift-night{background:#00000026}.chip-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shift-toggle{display:flex;gap:8px}.shift-btn{flex:1;border:1.5px solid #CBD5E1;border-radius:6px;padding:7px 0;font-size:13px;font-family:inherit;font-weight:500;cursor:pointer;background:#f8fafc;color:#64748b;transition:all .15s}.shift-btn:hover{border-color:#94a3b8;background:#f1f5f9}.shift-btn-active{border-color:#3b82f6;background:#eff6ff;color:#1d4ed8}.ebi-shift{display:inline-block;font-size:10px;font-weight:600;padding:1px 5px;border-radius:4px;margin-left:6px;vertical-align:middle}.ebi-shift-day{background:#fef9c3;color:#854d0e}.ebi-shift-night{background:#ede9fe;color:#4c1d95}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:200;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal{background:#fff;border-radius:12px;box-shadow:0 20px 60px #00000040;width:420px;max-width:95vw;overflow:hidden;animation:modal-in .15s ease-out}@keyframes modal-in{0%{transform:scale(.94);opacity:0}to{transform:scale(1);opacity:1}}.modal-header{padding:16px 20px 12px;border-bottom:1px solid #E2E8F0;display:flex;align-items:flex-start;gap:12px}.modal-title{margin:0;font-size:15px;font-weight:700;color:#0f172a;flex:1}.modal-subtitle{font-size:12px;color:#64748b;margin-top:2px}.modal-close{border:none;background:none;cursor:pointer;font-size:18px;color:#94a3b8;padding:0 4px;line-height:1}.modal-close:hover{color:#475569}.modal-body{padding:16px 20px;display:flex;flex-direction:column;gap:12px}.form-row{display:flex;flex-direction:column;gap:4px}.form-row label{font-size:11px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.4px}.form-row input,.form-row select,.form-row textarea{border:1px solid #CBD5E1;border-radius:6px;padding:8px 10px;font-size:13px;font-family:inherit;color:#1e293b;transition:border .15s,box-shadow .15s;outline:none;background:#fff;width:100%}.form-row input:focus,.form-row select:focus,.form-row textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626}.form-row textarea{resize:vertical;min-height:60px}.date-range-row{display:flex;gap:10px}.date-range-row .form-row{flex:1}.modal-footer{padding:12px 20px;border-top:1px solid #E2E8F0;display:flex;gap:8px;justify-content:flex-end}.btn-danger{background:#fee2e2;color:#b91c1c;margin-right:auto}.btn-danger:hover{background:#fecaca}.existing-bookings{margin-top:4px}.existing-booking-item{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:6px;background:#f8fafc;border:1px solid #E2E8F0;margin-bottom:6px;cursor:pointer;transition:background .1s}.existing-booking-item:hover{background:#eff6ff}.ebi-color{width:10px;height:10px;border-radius:50%;flex-shrink:0}.ebi-info{flex:1;min-width:0}.ebi-type{font-weight:600;font-size:12px}.ebi-meta{font-size:11px;color:#64748b;overflow:hidden;text-overflow:ellipsis}.ebi-dates{font-size:11px;color:#64748b;white-space:nowrap;text-align:right}.field-error{font-size:11px;color:#ef4444;margin-top:2px}.conflict-warning{background:#fef2f2;border:1px solid #FECACA;border-radius:6px;padding:8px 12px;font-size:12px;color:#b91c1c;line-height:1.5}.ebi-delete-btn{border:none;background:none;cursor:pointer;color:#cbd5e1;font-size:13px;padding:2px 4px;border-radius:4px;line-height:1;flex-shrink:0;transition:color .12s,background .12s}.ebi-delete-btn:hover{color:#b91c1c;background:#fee2e2}.notice-bar{background:#fef3c7;color:#92400e;border-bottom:1px solid #FDE68A;padding:8px 20px;font-size:12px;display:flex;align-items:center;gap:8px;flex-shrink:0}.table-scroll::-webkit-scrollbar{width:8px;height:8px}.table-scroll::-webkit-scrollbar-track{background:#f1f5f9}.table-scroll::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.table-scroll::-webkit-scrollbar-thumb:hover{background:#94a3b8}@media (max-width: 600px){.col-usage,.col-notes,.col-plate{display:none}.col-date{min-width:60px;max-width:60px}}