:root{font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--brand:#0d6d77;--brand-dark:#084d54;--brand-light:#edf7f8;--brand-mid:#0d6d771f;--bg:#f0f2f5;--surface:#fff;--border:#e2e6ea;--line-strong:#d0d8e0;--ink:#0f1923;--ink-2:#3d5166;--ink-3:#7a90a4;--ink-4:#b0c0cc;--success:#16a34a;--danger:#dc2626;--radius:8px;--radius-lg:12px;--shadow-sm:0 1px 2px #0000000f, 0 1px 3px #0000000d;--shadow:0 2px 8px #00000014, 0 1px 3px #0000000d;font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif}*,:before,:after{box-sizing:border-box}html,body{background:var(--bg);min-height:100vh;color:var(--ink);margin:0;padding:0;font-size:14px;line-height:1.55}h1,h2,h3,h4,p{margin-top:0}h2{margin-bottom:6px;font-size:1.2rem;font-weight:700}h3{margin-bottom:8px;font-size:.95rem;font-weight:600}a{color:var(--brand);text-decoration:none}a:hover{text-decoration:underline}button,input,select,textarea{font:inherit}button{cursor:pointer}.shell{width:100%;min-height:100vh}.panel.crew-layout{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);width:min(900px,100% - 48px);box-shadow:var(--shadow);margin:32px auto;padding:28px 32px}.admin-grid{min-height:100vh;padding:24px 28px}.admin-content{max-width:100%}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-bottom:0;padding:20px 22px}.card.auth-card{width:100%;max-width:380px;padding:32px 28px}.card.hero-card{padding:24px}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:20px 22px}.panel-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;display:flex}.section-label,.eyebrow{text-transform:uppercase;letter-spacing:.1em;color:var(--brand);margin:0 0 4px;font-size:.68rem;font-weight:800}.notice{border-radius:var(--radius);color:#1d4ed8;background:#f0f6ff;border:1px solid #bfd4f7;margin-bottom:16px;padding:10px 14px;font-size:.875rem}label{color:var(--ink-2);margin-top:14px;margin-bottom:4px;font-size:.8rem;font-weight:600;display:block}label:first-child{margin-top:0}input,select,textarea{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);width:100%;color:var(--ink);outline:none;margin-bottom:0;padding:8px 11px;font-size:.875rem;transition:border-color .15s,box-shadow .15s}input:focus,select:focus,textarea:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-mid)}button[type=submit],.secondary-action{border-radius:var(--radius);cursor:pointer;white-space:nowrap;justify-content:center;align-items:center;gap:6px;padding:8px 16px;font-size:.875rem;font-weight:600;transition:background .12s,opacity .12s;display:inline-flex}button[type=submit]{background:var(--brand);color:#fff;border:none}button[type=submit]:hover:not(:disabled){background:var(--brand-dark)}button[type=submit]:disabled{opacity:.5;cursor:not-allowed}.secondary-action{background:var(--surface);color:var(--ink-2);border:1px solid var(--border)}.secondary-action:hover{background:var(--brand-light);color:var(--brand);border-color:#a8d5d9}.action-row{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.grid{gap:16px;display:grid}.grid.two-columns{grid-template-columns:repeat(2,1fr)}.tab-row{background:var(--bg);border-radius:10px;gap:4px;margin-bottom:16px;padding:4px;display:inline-flex}.tab-row button{border-radius:var(--radius);color:var(--ink-2);background:0 0;border:none;padding:7px 16px;font-size:.875rem;font-weight:500;transition:background .12s,color .12s}.tab-row button:hover{color:var(--ink);background:#ffffffb3}.tab-row button.active{background:var(--surface);color:var(--brand);box-shadow:var(--shadow-sm);font-weight:700}.stats-row{flex-wrap:wrap;gap:20px;margin-top:12px;display:flex}.stats-row>div{flex-direction:column;gap:2px;display:flex}.stats-row strong{color:var(--brand);font-size:1.6rem;font-weight:800;line-height:1}.stats-row span{color:var(--ink-3);text-transform:uppercase;letter-spacing:.05em;font-size:.72rem;font-weight:600}.tag{background:var(--brand-light);color:var(--brand-dark);border-radius:99px;align-items:center;padding:3px 10px;font-size:.75rem;font-weight:600;display:inline-flex}.tag-stack{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.table-wrap{border-radius:var(--radius);border:1px solid var(--border);overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:520px;font-size:.875rem}thead{background:#f7f9fb}th{text-align:left;letter-spacing:.07em;text-transform:uppercase;color:var(--ink-3);border-bottom:1px solid var(--border);white-space:nowrap;padding:9px 13px;font-size:.7rem;font-weight:700}td{border-bottom:1px solid var(--border);vertical-align:middle;color:var(--ink);padding:10px 13px}tbody tr:last-child td{border-bottom:none}tbody tr:hover{background:#f7f9fb}.filter-row{flex-wrap:wrap;align-items:flex-end;gap:10px;margin-bottom:16px;display:flex}.filter-grid{grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:16px;display:grid}.summary-filter-row{flex-wrap:wrap;align-items:flex-end;gap:12px}.summary-date-range{flex:1;min-width:280px}.summary-date-fields{grid-template-columns:1fr 1fr;gap:10px;display:grid}.summary-date-item label{margin-top:0;margin-bottom:4px}.summary-date-item input{margin-bottom:0}.crew-list{flex-direction:column;gap:3px;max-height:300px;margin-top:8px;display:flex;overflow-y:auto}.crew-item{border-radius:var(--radius);background:var(--bg);text-align:left;cursor:pointer;border:1px solid #0000;justify-content:space-between;align-items:center;width:100%;padding:8px 12px;font-size:.875rem;font-weight:500;transition:all .1s;display:flex}.crew-item small{color:var(--ink-3);font-size:.75rem}.crew-item:hover{background:var(--brand-light);color:var(--brand-dark);border-color:#a8d5d9}.crew-item.active{background:var(--brand);color:#fff;border-color:var(--brand-dark);font-weight:700}.crew-item.active small{color:#ffffffb3}.checkbox-list{flex-direction:column;gap:3px;max-height:260px;margin-top:8px;display:flex;overflow-y:auto}.checkbox-item{border-radius:var(--radius);cursor:pointer;align-items:center;gap:8px;padding:6px 10px;font-size:.875rem;transition:background .1s;display:flex}.checkbox-item:hover{background:var(--brand-light)}.checkbox-item input[type=checkbox]{width:auto;margin:0}.hint{color:var(--ink-3);margin-top:4px;font-size:.8rem}.result-text{color:var(--success);margin-top:8px;font-size:.875rem;font-weight:700}.break-all{word-break:break-all}.empty-state{text-align:center;color:var(--ink-3);border-radius:var(--radius-lg);border:1px dashed var(--border);background:#f7f9fb;padding:32px 20px;font-size:.875rem}.qr-box{border-radius:var(--radius-lg);border:1px solid var(--border);background:#f7f9fb;flex-direction:column;align-items:center;gap:10px;margin-top:12px;padding:18px;display:flex}.toast-stack{z-index:1000;pointer-events:none;flex-direction:column;gap:8px;max-width:340px;display:flex;position:fixed;bottom:20px;right:20px}.toast{color:#fff;border-radius:var(--radius-lg);pointer-events:all;background:#1a2536;justify-content:space-between;align-items:flex-start;gap:10px;padding:11px 14px;font-size:.875rem;animation:.2s toastIn;display:flex;box-shadow:0 4px 16px #00000026}.toast.success{background:#15803d}.toast p{margin:0;font-weight:500}.toast button{color:#ffffffb3;cursor:pointer;background:0 0;border:none;padding:0;font-size:1.1rem;line-height:1}.toast button:hover{color:#fff}@keyframes toastIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.modal-overlay{z-index:500;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0006;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-box{background:var(--surface);border-radius:var(--radius-lg);flex-direction:column;width:min(520px,100%);max-height:90vh;display:flex;overflow-y:auto;box-shadow:0 16px 48px #0000002e}.modal-header{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.modal-header h2{margin:0;font-size:1rem}.modal-close{color:var(--ink-3);border-radius:var(--radius);cursor:pointer;background:0 0;border:none;padding:4px 6px;font-size:1.1rem;line-height:1;transition:background .12s,color .12s}.modal-close:hover{color:var(--danger);background:#fee2e2}.modal-body{flex:1;padding:20px}.modal-actions{border-top:1px solid var(--border);flex-shrink:0;justify-content:flex-end;gap:8px;padding:12px 20px;display:flex}.modal-actions button[type=submit]{background:var(--brand);color:#fff;border:none}.modal-actions button[type=submit]:hover{background:var(--brand-dark)}.modal-actions button[type=submit]:disabled{opacity:.5;cursor:not-allowed}.modal-actions .secondary-action{background:var(--bg);color:var(--ink-2)}.photo-preview-image{object-fit:contain;border-radius:var(--radius-lg);background:#f7f9fb;width:100%;max-height:68vh}.modal-body.photo-preview-body{flex-direction:column;align-items:center;gap:12px;display:flex}.modal-overlay>.modal-box:has(.photo-preview-image){width:min(860px,100% - 40px)}.table-wrap.detail-report-table table{min-width:900px}.detail-day-cell{white-space:nowrap;gap:2px;min-width:48px;font-size:.75rem;display:grid}.mobile-topbar-bar{background:var(--surface);border-bottom:1px solid var(--border);z-index:80;align-items:center;gap:12px;height:52px;padding:0 16px;display:none;position:sticky;top:0}@media (width<=768px){.app-sidebar{z-index:100;transition:transform .22s;transform:translate(-100%)}.app-sidebar.sidebar-open{transform:translate(0);box-shadow:4px 0 20px #0000001f}.mobile-overlay{display:block!important}.main-content-area{margin-left:0!important}.mobile-topbar-bar{display:flex}.admin-grid{padding:14px 16px}.panel.crew-layout{width:calc(100% - 24px);margin:12px;padding:18px 16px}.grid.two-columns{grid-template-columns:1fr}.filter-grid{grid-template-columns:1fr 1fr}.card{padding:14px 16px}table{min-width:480px}}