:root{--md-primary: #006D7F;--md-primary-hover: #005766;--md-primary-pressed: #004753;--md-primary-tint: #E6F1F3;--md-accent: #F2995A;--md-accent-hover: #E9853E;--md-accent-tint: #FDEFE2;--md-surface: #FFFFFF;--md-bg: #F5F7FA;--md-bg-subtle: #FAFBFC;--md-sidebar: #FFFFFF;--md-border: #E1E5EA;--md-border-strong: #C8CFD8;--md-divider: #EEF1F4;--md-text: #1B1B1B;--md-text-secondary: #5F6B7A;--md-text-tertiary: #8A95A4;--md-text-on-primary: #FFFFFF;--md-success: #107C41;--md-success-bg: #DFF6E4;--md-warning: #B86E00;--md-warning-bg: #FFF4CE;--md-danger: #C4314B;--md-danger-bg: #FDE7E9;--md-info: #0F6CBD;--md-info-bg: #E5F1FB;--md-shadow-1: 0 1px 2px rgba(15, 23, 42, .04), 0 1px 1px rgba(15, 23, 42, .06);--md-shadow-2: 0 2px 4px rgba(15, 23, 42, .06), 0 4px 8px rgba(15, 23, 42, .04);--md-shadow-3: 0 8px 16px rgba(15, 23, 42, .08), 0 4px 24px rgba(15, 23, 42, .04);--md-shadow-modal: 0 12px 32px rgba(15, 23, 42, .18);--md-radius-sm: 4px;--md-radius: 6px;--md-radius-md: 8px;--md-radius-lg: 12px;--md-radius-pill: 999px;--md-space-2: 4px;--md-space-4: 8px;--md-space-6: 12px;--md-space-8: 16px;--md-space-12: 24px;--md-space-16: 32px;--md-space-20: 40px;--md-font: "Segoe UI", "Inter", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif;--md-font-mono: "SF Mono", "Cascadia Mono", Consolas, monospace;--md-sidebar-w: 248px;--md-sidebar-w-collapsed: 56px;--md-topbar-h: 56px}@media print{body *{visibility:hidden}.printable,.printable *{visibility:visible}.printable{position:absolute;left:0;top:0}.visitor-badge{box-shadow:none!important;border:1px solid #000!important}}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%}body{font-family:var(--md-font);font-size:14px;line-height:1.5;color:var(--md-text);background:var(--md-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--md-primary);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,h4{margin:0;font-weight:600;color:var(--md-text);letter-spacing:-.01em}h1{font-size:24px}h2{font-size:20px}h3{font-size:16px}.app-shell{display:grid;grid-template-columns:var(--md-sidebar-w) 1fr;grid-template-rows:var(--md-topbar-h) 1fr;min-height:100vh}.app-shell.collapsed{grid-template-columns:var(--md-sidebar-w-collapsed) 1fr}.topbar{grid-column:1 / 3;grid-row:1;background:var(--md-surface);border-bottom:1px solid var(--md-border);display:flex;align-items:center;padding:0 var(--md-space-12);gap:var(--md-space-8);position:sticky;top:0;z-index:30}.topbar .brand{display:flex;align-items:center;gap:var(--md-space-8);font-weight:600;font-size:15px;color:var(--md-primary)}.topbar .brand img{height:28px;width:auto}.topbar .spacer{flex:1}.topbar .user-chip{display:flex;align-items:center;gap:var(--md-space-6);padding:4px 10px;border-radius:var(--md-radius-pill);background:var(--md-bg);font-size:13px}.topbar .user-chip .avatar{width:28px;height:28px;border-radius:50%;background:var(--md-primary);color:#fff;display:grid;place-items:center;font-weight:600;font-size:12px}.sidebar{grid-row:2;background:var(--md-sidebar);border-right:1px solid var(--md-border);padding:var(--md-space-8) var(--md-space-4);display:flex;flex-direction:column;gap:2px;overflow-y:auto}.sidebar a{display:flex;align-items:center;gap:var(--md-space-8);padding:8px 12px;border-radius:var(--md-radius);color:var(--md-text);font-weight:500;font-size:13px;transition:background .12s}.sidebar a:hover{background:var(--md-bg);text-decoration:none}.sidebar a.active{background:var(--md-primary-tint);color:var(--md-primary)}.sidebar a .icon{width:18px;text-align:center;flex-shrink:0}.sidebar .section-label{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--md-text-tertiary);padding:12px 12px 4px;font-weight:600}.app-shell.collapsed .sidebar a .label,.app-shell.collapsed .section-label{display:none}.main{grid-row:2;padding:var(--md-space-12);overflow-x:hidden;max-width:100%}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--md-space-12);flex-wrap:wrap;gap:var(--md-space-8)}.page-header h1{font-size:22px}.page-header .subtitle{color:var(--md-text-secondary);font-size:13px;margin-top:2px}.card{background:var(--md-surface);border:1px solid var(--md-border);border-radius:var(--md-radius-md);box-shadow:var(--md-shadow-1)}.card .card-head{padding:var(--md-space-12) var(--md-space-12) var(--md-space-8);display:flex;align-items:center;justify-content:space-between;gap:var(--md-space-8);flex-wrap:wrap}.card .card-head h3{font-size:14px}.card .card-body{padding:var(--md-space-12)}.card .card-body.tight{padding:var(--md-space-8)}.grid{display:grid;gap:var(--md-space-12)}.grid.cols-2{grid-template-columns:repeat(2,1fr)}.grid.cols-3{grid-template-columns:repeat(3,1fr)}.grid.cols-4{grid-template-columns:repeat(4,1fr)}@media (max-width: 1024px){.grid.cols-3,.grid.cols-4{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.grid.cols-2,.grid.cols-3,.grid.cols-4{grid-template-columns:1fr}}.stat{background:var(--md-surface);border:1px solid var(--md-border);border-radius:var(--md-radius-md);padding:var(--md-space-12);display:flex;flex-direction:column;gap:4px;box-shadow:var(--md-shadow-1)}.stat .label{font-size:12px;color:var(--md-text-secondary);font-weight:500}.stat .value{font-size:28px;font-weight:700;color:var(--md-text);letter-spacing:-.02em}.stat .delta{font-size:12px;color:var(--md-success)}.stat.accent .value{color:var(--md-primary)}.stat.warn .value{color:var(--md-accent)}.command-bar{display:flex;align-items:center;gap:var(--md-space-6);padding:8px 0 var(--md-space-12);flex-wrap:wrap}.command-bar .left{display:flex;align-items:center;gap:var(--md-space-6);flex-wrap:wrap}.command-bar .right{margin-left:auto;display:flex;align-items:center;gap:var(--md-space-6);flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 14px;border-radius:var(--md-radius);border:1px solid var(--md-border);background:var(--md-surface);color:var(--md-text);font:inherit;font-weight:500;font-size:13px;cursor:pointer;transition:background .12s,border-color .12s,color .12s;min-height:32px}.btn:hover{background:var(--md-bg)}.btn.primary{background:var(--md-primary);color:var(--md-text-on-primary);border-color:var(--md-primary)}.btn.primary:hover{background:var(--md-primary-hover);border-color:var(--md-primary-hover)}.btn.accent{background:var(--md-accent);color:#fff;border-color:var(--md-accent)}.btn.accent:hover{background:var(--md-accent-hover);border-color:var(--md-accent-hover)}.btn.danger{color:var(--md-danger);border-color:var(--md-danger)}.btn.danger:hover{background:var(--md-danger-bg)}.btn.subtle{border-color:transparent}.btn.icon{padding:6px;min-width:32px}.btn:disabled{opacity:.5;cursor:not-allowed}.field{display:flex;flex-direction:column;gap:4px;margin-bottom:var(--md-space-8)}.field label{font-size:12px;font-weight:500;color:var(--md-text-secondary)}.field .hint{font-size:11px;color:var(--md-text-tertiary)}.input,.select,.textarea{width:100%;padding:8px 10px;border:1px solid var(--md-border);border-radius:var(--md-radius);background:var(--md-surface);font:inherit;color:var(--md-text);transition:border-color .12s,box-shadow .12s;min-height:34px}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--md-primary);box-shadow:0 0 0 2px var(--md-primary-tint)}.textarea{resize:vertical;min-height:80px}.search{position:relative;min-width:240px}.search .input{padding-left:30px}.search:before{content:"🔍";position:absolute;left:9px;top:50%;transform:translateY(-50%);font-size:12px;opacity:.5}.grid-table{width:100%;border-collapse:collapse;font-size:13px}.grid-table thead th{text-align:left;padding:10px 12px;background:var(--md-bg-subtle);border-bottom:1px solid var(--md-border);font-weight:600;color:var(--md-text-secondary);font-size:12px;text-transform:uppercase;letter-spacing:.03em;white-space:nowrap;position:sticky;top:0}.grid-table tbody td{padding:12px;border-bottom:1px solid var(--md-divider);vertical-align:middle}.grid-table tbody tr:hover{background:var(--md-bg-subtle)}.grid-table .actions{display:flex;gap:4px;flex-wrap:wrap}.grid-table-wrap{overflow-x:auto;border-radius:var(--md-radius-md);border:1px solid var(--md-border);background:var(--md-surface)}.badge{display:inline-flex;align-items:center;gap:4px;padding:2px 10px;border-radius:var(--md-radius-pill);font-size:11px;font-weight:600;text-transform:capitalize}.badge.pending{background:var(--md-warning-bg);color:var(--md-warning)}.badge.approved{background:var(--md-info-bg);color:var(--md-info)}.badge.declined{background:var(--md-danger-bg);color:var(--md-danger)}.badge.checked_in{background:var(--md-success-bg);color:var(--md-success)}.badge.checked_out{background:#eef1f4;color:var(--md-text-secondary)}.badge.cancelled{background:var(--md-danger-bg);color:var(--md-danger)}.badge.expired{background:#eef1f4;color:var(--md-text-tertiary)}.empty{padding:var(--md-space-16);text-align:center;color:var(--md-text-secondary)}.empty .icon{font-size:32px;margin-bottom:8px;opacity:.5}.empty .title{font-weight:600;color:var(--md-text);margin-bottom:4px}.skel{background:linear-gradient(90deg,#eef1f4 25%,#f5f7fa,#eef1f4 75%);background-size:200% 100%;border-radius:var(--md-radius);animation:skel 1.4s ease-in-out infinite;height:14px}@keyframes skel{0%{background-position:200% 0}to{background-position:-200% 0}}#toast-root{position:fixed;right:16px;top:72px;display:flex;flex-direction:column;gap:8px;z-index:100}.toast{background:var(--md-surface);border:1px solid var(--md-border);border-left:3px solid var(--md-primary);box-shadow:var(--md-shadow-3);border-radius:var(--md-radius-md);padding:12px 16px;min-width:280px;max-width:360px;font-size:13px;animation:toast-in .18s ease-out}.toast.success{border-left-color:var(--md-success)}.toast.error{border-left-color:var(--md-danger)}.toast.warning{border-left-color:var(--md-accent)}.toast .title{font-weight:600;margin-bottom:2px}@keyframes toast-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.modal-backdrop{position:fixed;inset:0;background:#0f172a59;display:grid;place-items:center;z-index:90;padding:16px}.modal{background:var(--md-surface);border-radius:var(--md-radius-lg);box-shadow:var(--md-shadow-modal);max-width:520px;width:100%;max-height:calc(100vh - 32px);display:flex;flex-direction:column;overflow:hidden}.modal.lg{max-width:720px}.modal .modal-head{padding:16px 20px;border-bottom:1px solid var(--md-divider);display:flex;align-items:center;justify-content:space-between}.modal .modal-head h2{font-size:16px}.modal .modal-body{padding:20px;overflow-y:auto}.modal .modal-foot{padding:12px 20px;border-top:1px solid var(--md-divider);display:flex;gap:8px;justify-content:flex-end;background:var(--md-bg-subtle)}.login-page{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.login-page .hero{background:linear-gradient(135deg,var(--md-primary) 0%,var(--md-primary-pressed) 100%);color:#fff;padding:48px;display:flex;flex-direction:column;justify-content:space-between}.login-page .hero h1{color:#fff;font-size:32px;line-height:1.2;margin-top:24px}.login-page .hero p{opacity:.85;max-width:420px;line-height:1.6}.login-page .hero img{height:40px;filter:brightness(0) invert(1);width:auto;align-self:flex-start}.login-page .hero .footer{font-size:12px;opacity:.7}.login-page .form-side{display:grid;place-items:center;padding:32px;background:var(--md-surface)}.login-card{width:100%;max-width:380px}.login-card h2{font-size:22px;margin-bottom:4px}.login-card .subtitle{color:var(--md-text-secondary);margin-bottom:24px;font-size:13px}@media (max-width: 880px){.login-page{grid-template-columns:1fr}.login-page .hero{padding:32px}.login-page .hero h1{font-size:24px}}.checkin-page{min-height:100vh;background:var(--md-bg);display:grid;place-items:center;padding:24px}.checkin-card{background:var(--md-surface);border-radius:var(--md-radius-lg);box-shadow:var(--md-shadow-3);padding:32px;max-width:440px;width:100%;text-align:center;border:1px solid var(--md-border)}.checkin-card .logo{height:32px;margin-bottom:16px}.checkin-card .status-icon{font-size:48px;margin:8px 0 16px}.checkin-card.success .status-icon{color:var(--md-success)}.checkin-card.error .status-icon{color:var(--md-danger)}.checkin-card h2{font-size:20px;margin-bottom:8px}.checkin-card .meta{background:var(--md-bg);border-radius:var(--md-radius);padding:12px;margin-top:16px;text-align:left;font-size:13px}.checkin-card .meta .row{display:flex;justify-content:space-between;padding:4px 0}.checkin-card .meta .row .k{color:var(--md-text-secondary)}.qr-display{text-align:center}.qr-display img{width:240px;height:240px;border:1px solid var(--md-border);border-radius:var(--md-radius-md);padding:8px;background:#fff}.qr-display .url{font-family:var(--md-font-mono);font-size:11px;color:var(--md-text-secondary);margin-top:12px;word-break:break-all;padding:8px;background:var(--md-bg);border-radius:var(--md-radius)}.visitor-badge{width:320px;padding:20px;border:1px solid var(--md-border);border-radius:var(--md-radius-md);background:#fff}.visitor-badge .header{display:flex;align-items:center;gap:10px;padding-bottom:10px;border-bottom:2px solid var(--md-primary)}.visitor-badge .header img{height:28px}.visitor-badge .label{color:var(--md-primary);font-weight:700;font-size:11px;letter-spacing:.1em;text-transform:uppercase}.visitor-badge .name{font-size:22px;font-weight:700;margin:12px 0 4px}.visitor-badge .meta-row{display:flex;justify-content:space-between;font-size:12px;padding:4px 0;color:var(--md-text-secondary)}.visitor-badge .meta-row .v{color:var(--md-text);font-weight:500}.visitor-badge .qr{margin-top:12px;text-align:center}.visitor-badge .qr img{width:160px;height:160px}@media (max-width: 768px){.app-shell{grid-template-columns:1fr}.sidebar{position:fixed;inset:var(--md-topbar-h) auto 0 0;width:240px;transform:translate(-100%);transition:transform .2s;z-index:40;box-shadow:var(--md-shadow-3)}.app-shell.menu-open .sidebar{transform:translate(0)}.topbar .brand .label{display:none}}.muted{color:var(--md-text-secondary)}.row-flex{display:flex;align-items:center;gap:var(--md-space-6);flex-wrap:wrap}.text-sm{font-size:12px}.mt-8{margin-top:var(--md-space-8)}.mt-12{margin-top:var(--md-space-12)}.mb-8{margin-bottom:var(--md-space-8)}.log-row{display:grid;grid-template-columns:160px 1fr 200px;gap:12px;padding:8px 12px;border-bottom:1px solid var(--md-divider);font-size:12px;align-items:center}.log-row .when{color:var(--md-text-secondary);font-family:var(--md-font-mono);font-size:11px}.log-row .actor{color:var(--md-text-secondary)}.log-row code{background:var(--md-bg);padding:2px 6px;border-radius:4px;font-size:11px}.trend{display:flex;align-items:flex-end;gap:6px;height:120px;padding:8px 0}.trend .bar{flex:1;background:linear-gradient(180deg,var(--md-primary) 0%,var(--md-primary-hover) 100%);border-radius:4px 4px 0 0;min-height:4px;position:relative}.trend .bar:hover:after{content:attr(data-v);position:absolute;bottom:100%;left:50%;transform:translate(-50%);background:var(--md-text);color:#fff;padding:2px 6px;border-radius:4px;font-size:10px;white-space:nowrap;margin-bottom:4px}.trend-labels{display:flex;gap:6px;font-size:10px;color:var(--md-text-tertiary)}.trend-labels span{flex:1;text-align:center}