*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--red: #cc0000;--red-dark: #990000;--red-light: #fdecec;--bg: #f4f5f7;--surface: #ffffff;--border: #e6e8eb;--border-strong: #cdd3da;--text: #0f172a;--text-soft: #475569;--text-muted: #64748b;--text-faint: #94a3b8;--green: #2f855a;--green-light: #e3f3ea;--yellow: #92722a;--yellow-light: #fbf1d9;--gray: #64748b;--gray-light: #eef0f3;--blue: #3b5b8c;--blue-light: #eaf0fb;--danger: #c0392b;--radius: 8px;--radius-lg: 12px;--radius-pill: 999px;--shadow-sm: 0 1px 2px rgba(15, 23, 42, .04);--shadow-card: 0 1px 3px rgba(15, 23, 42, .06);--shadow-hover: 0 8px 24px rgba(15, 23, 42, .08);--font: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}html,body{height:100%;font-family:var(--font);font-size:16px;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased}.leaflet-container.map-capture path.leaflet-interactive{pointer-events:none!important}html[data-text-size=large],html[data-text-size=large] body{font-size:18.5px}#root{min-height:100vh;display:flex;flex-direction:column}a{color:var(--blue)}h1{font-size:1.5rem;font-weight:700;letter-spacing:-.02em;color:var(--text)}h2{font-size:1.25rem;font-weight:600;letter-spacing:-.01em;color:var(--text)}h3{font-size:1rem;font-weight:600;color:var(--text)}.container{width:100%;max-width:480px;margin:0 auto;padding:16px}.container-wide{width:100%;max-width:1120px;margin:0 auto;padding:24px 28px 48px}.header{background:var(--surface);color:var(--text);border-top:3px solid var(--red);border-bottom:1px solid var(--border);padding:0 24px;min-height:64px;display:flex;align-items:center;justify-content:space-between;gap:12px}.header-title{font-size:1.05rem;font-weight:700;letter-spacing:-.01em;color:var(--text);line-height:1.1}.header-subtitle{font-size:.72rem;color:var(--text-faint);font-weight:500}.brand{display:flex;align-items:center;gap:12px}.brand img{display:block;flex:none;border-radius:8px}.identity{border-radius:var(--radius-pill);transition:opacity .15s}.identity:hover{opacity:.85}.identity:hover .avatar{box-shadow:0 0 0 3px var(--red-light)}.avatar{transition:box-shadow .15s;width:34px;height:34px;border-radius:var(--radius-pill);background:var(--red-light);color:var(--red);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.8rem;flex:none}.icon-btn{display:inline-flex;align-items:center;gap:6px;background:var(--surface);border:1px solid var(--border);color:var(--text-soft);border-radius:var(--radius);padding:7px 12px;font-size:.8rem;font-weight:600;font-family:inherit;cursor:pointer;transition:background .15s,border-color .15s}.icon-btn:hover{background:#f8fafc;border-color:var(--border-strong)}.icon-btn svg{display:block}.icon-btn-accent{background:var(--red);border-color:var(--red);color:#fff}.icon-btn-accent:hover{background:var(--red-dark);border-color:var(--red-dark)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:20px;margin-bottom:16px}.card-clickable{cursor:pointer;transition:transform .12s ease,box-shadow .15s ease,border-color .15s ease}.card-clickable:hover{border-color:var(--border-strong);box-shadow:var(--shadow-hover);transform:translateY(-2px)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:9px 16px;border:1px solid transparent;border-radius:var(--radius);font-size:.95rem;font-weight:600;font-family:inherit;cursor:pointer;transition:background .15s,border-color .15s,opacity .15s,transform .1s;text-decoration:none}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--red);color:#fff}.btn-primary:hover:not(:disabled){background:var(--red-dark)}.btn-success{background:var(--green);color:#fff}.btn-success:hover:not(:disabled){opacity:.92}.btn-outline{background:var(--surface);border-color:var(--border);color:var(--text-soft)}.btn-outline:hover:not(:disabled){background:#f8fafc;border-color:var(--border-strong)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover:not(:disabled){opacity:.92}.btn-sm{padding:6px 12px;font-size:.85rem}.btn-full{width:100%}.btn-xl{padding:16px 24px;font-size:1.1rem;border-radius:var(--radius-lg)}.form-group{margin-bottom:16px}.form-label,.form-group label{display:block;font-size:.85rem;font-weight:600;color:var(--text-soft);margin-bottom:6px}.form-input{width:100%;padding:10px 14px;border:1px solid var(--border);border-radius:var(--radius);font-size:1rem;font-family:inherit;color:var(--text);background:var(--surface);transition:border-color .15s,box-shadow .15s}.form-input:focus{outline:none;border-color:var(--red);box-shadow:0 0 0 3px #cc00001a}.form-input.error{border-color:var(--danger)}.alert{padding:12px 16px;border-radius:var(--radius);margin-bottom:16px;font-size:.95rem;border:1px solid transparent}.alert-error{background:var(--red-light);color:#8a1f1f;border-color:#f3c9c9}.alert-success{background:var(--green-light);color:var(--green);border-color:#bfe3cd}.alert-info{background:var(--blue-light);color:var(--blue);border-color:#cfddf3}.alert-warning{background:var(--yellow-light);color:var(--yellow);border-color:#ecdcb0}.badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:var(--radius-pill);font-size:.78rem;font-weight:600}.badge-in{background:var(--green-light);color:var(--green)}.badge-out{background:var(--gray-light);color:var(--gray)}.badge-none{background:var(--yellow-light);color:var(--yellow)}.badge-active{background:var(--green-light);color:var(--green)}.badge-inactive{background:var(--gray-light);color:var(--gray)}.table-wrapper{overflow-x:auto;margin:-4px;padding:4px}table{width:100%;border-collapse:collapse;font-size:.9rem}thead th{text-align:left;padding:10px 12px;background:#f8fafc;border-bottom:1px solid var(--border);font-size:.72rem;font-weight:700;text-transform:uppercase;color:var(--text-muted);letter-spacing:.06em}tbody td{padding:10px 12px;border-bottom:1px solid var(--border);vertical-align:middle}tbody tr:last-child td{border-bottom:none}tbody tr:hover td{background:#f8fafc}.spinner{width:32px;height:32px;border:3px solid var(--border);border-top-color:var(--red);border-radius:50%;animation:spin .7s linear infinite;margin:24px auto}@keyframes spin{to{transform:rotate(360deg)}}.result-icon{font-size:4rem;text-align:center;margin-bottom:16px}.result-title{text-align:center;font-size:1.5rem;font-weight:700;margin-bottom:8px}.result-message{text-align:center;color:var(--text-muted);margin-bottom:24px}.text-muted{color:var(--text-muted)}.text-center{text-align:center}.mt-8{margin-top:8px}.mt-16{margin-top:16px}.mt-24{margin-top:24px}.mb-8{margin-bottom:8px}.mb-16{margin-bottom:16px}.flex{display:flex}.flex-col{flex-direction:column}.gap-8{gap:8px}.gap-12{gap:12px}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}#qr-reader{border:none!important}#qr-reader video{border-radius:var(--radius)}#qr-reader__scan_region{background:transparent!important}#qr-reader__dashboard_section_swaplink{color:var(--red)!important}.admin-nav{background:var(--surface);border-bottom:1px solid var(--border);padding:0 24px;display:flex;align-items:center;gap:24px}.admin-nav a{display:inline-flex;align-items:center;padding:14px 4px;color:var(--text-muted);text-decoration:none;font-size:.9rem;font-weight:500;border-bottom:2px solid transparent;margin-bottom:-1px;transition:color .15s,border-color .15s}.admin-nav a:hover,.admin-nav a.active{color:var(--red);border-bottom-color:var(--red)}@media (max-width: 600px){.container-wide{padding:16px 16px 32px}.header{padding:0 16px}.hide-mobile{display:none!important}thead th,tbody td{padding:8px;font-size:.8rem}}[data-theme=dark]{--bg: #0f1419;--surface: #1a2029;--border: #2b333f;--border-strong: #3a4452;--text: #e6edf3;--text-soft: #aeb9c7;--text-muted: #8b96a5;--text-faint: #6b7686;--red-light: #2a0f0f;--green-light: #11261b;--yellow-light: #2a2305;--blue-light: #0f1d33;--gray-light: #232b36;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow-card: 0 1px 3px rgba(0, 0, 0, .4);--shadow-hover: 0 8px 24px rgba(0, 0, 0, .5)}[data-theme=dark] body{background:var(--bg);color:var(--text)}[data-theme=dark] .header,[data-theme=dark] .admin-nav,[data-theme=dark] .card{background:var(--surface)}[data-theme=dark] .icon-btn,[data-theme=dark] .btn-outline,[data-theme=dark] .form-input{background:var(--surface);border-color:var(--border);color:var(--text-soft)}[data-theme=dark] .icon-btn:hover,[data-theme=dark] .btn-outline:hover:not(:disabled){background:#232b36;border-color:var(--border-strong)}[data-theme=dark] thead th,[data-theme=dark] tbody tr:hover td{background:#232b36}[data-theme=dark] .form-input:focus{border-color:var(--red);box-shadow:0 0 0 3px #cc000040}[data-theme=dark] select option{background:var(--surface);color:var(--text)}