:root{--bg:#1a0008;--surface:#240010;--surface2:#2e0018;--border:#5a0025;--accent:#e8341a;--accent2:#ff6b4a;--text:#f5e8e4;--text-muted:#c09090;--text-dim:#7a4040;--green:#4fffb0;--red:#ff6060;--orange:#fa4;--sidebar-w:clamp(240px,17vw,320px);--header-h:clamp(48px,3.8vw,68px);--font-xs:clamp(10px,.65vw,12px);--font-sm:clamp(11px,.75vw,14px);--font-md:clamp(12px,.85vw,15px);--stat-num:clamp(22px,1.8vw,36px);--btn-h:clamp(30px,2.4vw,44px);--grid-gap:clamp(2px,.2vw,4px);--font-ui:"Space Grotesk",sans-serif;--font-mono:"Source Code Pro",monospace}.light{--bg:#f0ece8;--surface:#fff;--surface2:#f5f0ec;--border:#d0c0b8;--text:#1a0008;--text-muted:#6b4040;--text-dim:#a08080;--accent:#e8c800;--accent2:#ff6b35;--green:#00875a;--red:#c0002a;--orange:#c05a00}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body,html{background:var(--bg);color:var(--text);font-family:var(--font-mono);font-size:var(--font-md);min-height:100vh}a{color:inherit;text-decoration:none}button{cursor:pointer}button,input,select,textarea{font-family:inherit}::-webkit-scrollbar{height:4px;width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border)}.btn-primary{align-items:center;background:var(--accent);border:none;clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,8px 100%,0 calc(100% - 8px));color:#fff;cursor:pointer;display:inline-flex;font-family:var(--font-ui);font-size:var(--font-sm);font-weight:700;gap:6px;height:var(--btn-h);justify-content:center;letter-spacing:.05em;padding:0 clamp(12px,1vw,20px);text-transform:uppercase;transition:all .15s;white-space:nowrap}.btn-primary:hover{background:#ff4a2a}.btn-primary:active{transform:scale(.97)}.btn-primary:disabled{cursor:not-allowed;opacity:.4}.btn-secondary{align-items:center;background:transparent;border:1px solid var(--border);color:var(--text-muted);cursor:pointer;display:inline-flex;font-family:var(--font-mono);font-size:var(--font-sm);gap:6px;height:var(--btn-h);justify-content:center;padding:0 clamp(10px,.9vw,18px);transition:all .15s;white-space:nowrap}.btn-secondary:hover{border-color:var(--text-muted);color:var(--text)}.btn-secondary:active{transform:scale(.97)}.btn-sm{background:transparent;border:1px solid var(--border);color:var(--text-muted);cursor:pointer;font-family:var(--font-mono);font-size:var(--font-xs);letter-spacing:.05em;padding:clamp(3px,.25vw,5px) clamp(8px,.7vw,14px);transition:all .12s}.btn-sm:hover{border-color:var(--text-muted);color:var(--text)}.btn-sm:active{transform:scale(.94)}.btn-sm.success{border-color:#4fffb059;color:var(--green)}.btn-sm.success:hover{background:#4fffb012;border-color:var(--green)}.btn-sm.danger{border-color:#ff606059;color:var(--red)}.btn-sm.danger:hover{background:#ff606012;border-color:var(--red)}.btn-sm.warn{border-color:#ffaa4459;color:var(--orange)}.btn-sm.warn:hover{background:#ffaa4412;border-color:var(--orange)}.form-input{-webkit-appearance:none;background:var(--surface2);border:1px solid var(--border);color:var(--text);font-family:var(--font-mono);font-size:var(--font-sm);outline:none;padding:clamp(7px,.6vw,11px) clamp(10px,.9vw,16px);transition:border-color .15s;width:100%}.form-input:focus{border-color:var(--accent)}.form-input.error{border-color:var(--red)}.form-label{color:var(--text-muted);display:block;font-size:var(--font-xs);font-weight:600;letter-spacing:.12em;margin-bottom:5px;text-transform:uppercase}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000d9;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1000}.modal-box{background:var(--surface);border:1px solid var(--border);border-top:3px solid var(--accent);box-shadow:0 24px 80px #0009;display:flex;flex-direction:column;max-height:90vh;max-width:900px;min-width:460px;width:70vw}.modal-header{align-items:center;border-bottom:1px solid var(--border);display:flex;flex-shrink:0;justify-content:space-between;padding:clamp(12px,1vw,18px) clamp(16px,1.3vw,24px)}.modal-title{font-family:var(--font-ui);font-size:clamp(13px,1vw,16px);font-weight:800;letter-spacing:.06em;text-transform:uppercase}.modal-close{background:none;border:none;color:var(--text-muted);font-size:18px;line-height:1;padding:2px 6px;transition:color .15s}.modal-close:hover{color:var(--text)}.modal-body{flex:1;overflow-y:auto;padding:clamp(16px,1.3vw,24px)}.modal-footer{border-top:1px solid var(--border);display:flex;flex-shrink:0;gap:8px;justify-content:flex-end;padding:clamp(10px,.9vw,16px) clamp(16px,1.3vw,24px)}.status-badge{align-items:center;display:inline-flex;font-size:var(--font-xs);justify-content:center;letter-spacing:.08em;padding:clamp(2px,.2vw,4px) clamp(7px,.6vw,12px);text-transform:uppercase;white-space:nowrap}.status-badge.active{border:1px solid rgba(255,107,53,.4);color:var(--accent2)}.status-badge.returned{border:1px solid rgba(79,255,176,.4);color:var(--green)}.status-badge.overdue{background:#ff606012;border:1px solid rgba(255,96,96,.4);color:var(--red)}.person-pill{font-family:var(--font-ui);font-size:var(--font-sm);font-weight:600;gap:5px;padding:clamp(2px,.2vw,4px) clamp(6px,.5vw,10px)}.eq-tag,.person-pill{align-items:center;display:inline-flex}.eq-tag{background:#ffffff08;border-left:2px solid var(--border);color:var(--text-muted);font-size:var(--font-xs);gap:3px;padding:clamp(1px,.15vw,3px) clamp(5px,.4vw,9px)}.eq-tag.suite{border-color:currentColor}.loading-bar{background:var(--accent);height:2px;left:0;opacity:0;position:fixed;right:0;top:0;transition:opacity .3s;z-index:9999}.loading-bar.active{animation:lb 1.2s ease-in-out infinite;opacity:1}@keyframes lb{0%{transform:scaleX(0) translate(0);transform-origin:left}50%{transform:scaleX(.6);transform-origin:left}to{opacity:0;transform:scaleX(1);transform-origin:left}}.toast-wrap{align-items:flex-end;bottom:24px;display:flex;flex-direction:column;gap:8px;pointer-events:none;position:fixed;right:24px;z-index:9999}.toast{align-items:flex-start;background:var(--surface);border:1px solid var(--border);border-left:3px solid var(--accent);box-shadow:0 8px 32px #00000080;display:flex;gap:10px;max-width:380px;min-width:260px;padding:clamp(10px,.9vw,14px) clamp(14px,1.1vw,20px);pointer-events:all}.toast.success{border-left-color:var(--green)}.toast.error{border-left-color:var(--red)}.toast.warning{border-left-color:var(--orange)}.toast-title{font-family:var(--font-ui);font-size:var(--font-sm);font-weight:700}.toast-body{color:var(--text-muted);font-size:var(--font-xs);margin-top:2px}.toast-enter-active,.toast-leave-active{transition:all .2s}.toast-enter-from{opacity:0;transform:translateY(8px)}.toast-leave-to{opacity:0;transform:translate(16px)}.page-wrap{padding:clamp(16px,1.3vw,28px)}.page-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:clamp(14px,1.1vw,22px)}.page-title{font-family:var(--font-ui);font-size:clamp(16px,1.4vw,26px);font-weight:900;letter-spacing:-.3px}.data-table{border-collapse:collapse;font-size:var(--font-sm);width:100%}.data-table th{background:var(--surface2);border-bottom:2px solid var(--border);color:var(--text-muted);font-size:var(--font-xs);font-weight:700;letter-spacing:.12em;text-align:left;text-transform:uppercase;white-space:nowrap}.data-table td,.data-table th{padding:clamp(10px,.85vw,16px) clamp(12px,1vw,20px)}.data-table td{border-bottom:1px solid var(--border);vertical-align:middle}.data-table tr:hover td{background:#ffffff06!important}.data-table tr.returned td{opacity:.45}.date-cell{white-space:nowrap}.date-cell,.empty-row{color:var(--text-muted)}.empty-row{padding:clamp(30px,3vw,60px)!important;text-align:center}.field-row{margin-bottom:clamp(12px,1vw,18px)}.two-col{display:grid;gap:clamp(10px,.9vw,16px);grid-template-columns:1fr 1fr}.required{color:var(--accent)}.field-error{color:var(--red)}.field-error,.field-hint{font-size:var(--font-xs);margin-top:4px}.field-hint{color:var(--text-dim)}.glow-pulse{animation:sidebarGlow 1.8s ease forwards!important}@keyframes sidebarGlow{0%{box-shadow:0 0 #4fffb000}20%{box-shadow:0 0 0 6px #4fffb059,0 0 32px 4px #4fffb01f}to{box-shadow:0 0 #4fffb000}}.overdue-modal[data-v-da090826]{display:flex;flex-direction:column;max-height:82vh;max-width:95vw;width:560px}.overdue-modal-body[data-v-da090826]{display:flex;flex-direction:column;gap:16px;overflow-y:auto}.overdue-intro[data-v-da090826]{border-bottom:1px solid var(--border);color:var(--text-muted);font-family:var(--font-mono);font-size:11px;line-height:1.6;margin:0;padding-bottom:14px}.overdue-empty[data-v-da090826]{color:var(--green);font-family:var(--font-mono);font-size:13px;padding:28px 0;text-align:center}.overdue-booking-row[data-v-da090826]{background:#e8341a0a;border:1px solid rgba(232,52,26,.25);display:flex;flex-direction:column;gap:10px;padding:14px}.ob-meta[data-v-da090826]{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.ob-project[data-v-da090826]{color:var(--text);font-size:13px;font-weight:800}.ob-pname[data-v-da090826],.ob-project[data-v-da090826]{font-family:var(--font-mono)}.ob-pname[data-v-da090826]{color:var(--text-muted);font-size:12px}.ob-overdue-label[data-v-da090826]{background:#e8341a1f;border:1px solid rgba(232,52,26,.3);color:var(--accent);font-size:10px;font-weight:700;letter-spacing:.06em;padding:2px 7px}.ob-dates[data-v-da090826],.ob-overdue-label[data-v-da090826]{font-family:var(--font-mono)}.ob-dates[data-v-da090826]{color:var(--text-dim);font-size:11px;margin-left:auto}.ob-items[data-v-da090826]{display:flex;flex-direction:column;gap:4px}.ob-item[data-v-da090826]{align-items:center;background:var(--surface2);border:1px solid var(--border);display:flex;font-family:var(--font-mono);font-size:12px;justify-content:space-between;padding:5px 10px;transition:opacity .15s}.ob-item.returned[data-v-da090826]{opacity:.4}.ob-item-label[data-v-da090826]{color:var(--text)}.ob-item-status[data-v-da090826]{font-size:10px}.ob-item-status[data-v-da090826],.ob-return-btn[data-v-da090826]{color:var(--green);font-weight:700;letter-spacing:.05em}.ob-return-btn[data-v-da090826]{background:#34d39914;border:1px solid rgba(52,211,153,.35);cursor:pointer;font-family:var(--font-mono);font-size:11px;padding:9px;transition:all .15s;width:100%}.ob-return-btn[data-v-da090826]:hover:not(:disabled){background:#34d39929;border-color:var(--green)}.ob-return-btn[data-v-da090826]:disabled{cursor:default;opacity:.5}.overdue-card[data-v-a73b6771]{background:var(--surface);border:1px solid rgba(232,52,26,.5);bottom:20px;box-shadow:0 4px 24px #e8341a33,0 2px 8px #0009;display:flex;flex-direction:column;gap:10px;padding:14px 16px 12px;position:fixed;right:20px;width:290px;z-index:800}.overdue-card-header[data-v-a73b6771]{align-items:flex-start;display:flex;gap:8px}.overdue-card-icon[data-v-a73b6771]{flex-shrink:0;font-size:14px;margin-top:1px}.overdue-card-titles[data-v-a73b6771]{display:flex;flex:1;flex-direction:column;gap:3px}.overdue-card-title[data-v-a73b6771]{color:var(--text);font-family:var(--font-mono);font-size:11px;font-weight:800;letter-spacing:.03em;line-height:1.3}.overdue-card-sub[data-v-a73b6771]{color:var(--accent);font-family:var(--font-mono);font-size:10px;font-weight:600;letter-spacing:.04em}.overdue-close[data-v-a73b6771]{align-items:center;background:none;border:1px solid transparent;color:var(--text-dim);cursor:pointer;display:flex;flex-shrink:0;font-size:11px;height:20px;justify-content:center;transition:color .12s;width:20px}.overdue-close[data-v-a73b6771]:hover{color:var(--red)}.overdue-btns[data-v-a73b6771]{display:flex;gap:6px}.overdue-cta[data-v-a73b6771]{background:#e8341a1f;border:1px solid rgba(232,52,26,.4);color:var(--accent);cursor:pointer;flex:1;font-family:var(--font-mono);font-size:10px;font-weight:700;letter-spacing:.04em;padding:8px 4px;text-align:center;transition:all .15s;white-space:nowrap}.overdue-cta[data-v-a73b6771]:hover{background:#e8341a38;border-color:var(--accent)}.overdue-cta.secondary[data-v-a73b6771]{opacity:.65}.overdue-cta.secondary[data-v-a73b6771]:hover{opacity:1}.overdue-slide-enter-active[data-v-a73b6771],.overdue-slide-leave-active[data-v-a73b6771]{transition:transform .3s ease,opacity .3s ease}.overdue-slide-enter-from[data-v-a73b6771],.overdue-slide-leave-to[data-v-a73b6771]{opacity:0;transform:translateY(20px)}.app-root{background:#1a0008;min-height:100vh}.loading-screen{align-items:center;background:#1a0008;color:#f5e8e4;display:flex;flex-direction:column;font-family:Space Grotesk,system-ui,sans-serif;gap:18px;height:100vh;justify-content:center}.loading-logo{color:#f5e8e4;font-size:clamp(22px,2vw,36px);font-weight:800;letter-spacing:-.5px}.loading-logo em{color:#e8341a;font-style:normal}.loading-spinner{animation:spin .8s linear infinite;border:2px solid #5a0025;border-radius:50%;border-top-color:#e8341a;height:32px;width:32px}.loading-text{color:#c09090;font-family:Source Code Pro,monospace;font-size:12px;letter-spacing:.15em;text-transform:uppercase}@keyframes spin{to{transform:rotate(1turn)}}.update-banner{align-items:center;background:#e8341a;box-shadow:0 2px 16px #e8341a99;color:#fff;display:flex;font-family:Source Code Pro,monospace;font-size:12px;font-weight:600;gap:14px;justify-content:center;left:0;padding:10px 20px;position:fixed;right:0;top:0;z-index:9999}.update-btn{background:#fff;border:none;color:#e8341a;cursor:pointer;font-family:inherit;font-size:11px;font-weight:800;letter-spacing:.06em;padding:4px 14px;text-transform:uppercase;transition:opacity .15s}.update-btn:hover{opacity:.85}.update-dismiss{align-items:center;background:transparent;border:1px solid hsla(0,0%,100%,.5);color:#fff;cursor:pointer;display:flex;font-size:11px;height:22px;justify-content:center;opacity:.7;transition:opacity .15s;width:22px}.update-dismiss:hover{opacity:1}.update-slide-enter-active,.update-slide-leave-active{transition:transform .3s ease,opacity .3s ease}.update-slide-enter-from,.update-slide-leave-to{opacity:0;transform:translateY(-100%)}
