@keyframes alarmPulse{0%{box-shadow:0 0 #ef4444b3}70%{box-shadow:0 0 0 30px #ef444400}to{box-shadow:0 0 #ef444400}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes scanLaser{0%{top:0;opacity:0}10%{opacity:1}90%{opacity:1}to{top:100%;opacity:0}}.bg-pulse{animation:alarmPulse 1.5s infinite}@keyframes livePulse{0%{transform:scale(.95);box-shadow:0 0 #10b981b3}70%{transform:scale(1);box-shadow:0 0 0 6px #10b98100}to{transform:scale(.95);box-shadow:0 0 #10b98100}}.live-pulse{width:8px;height:8px;border-radius:50%;background:var(--green);animation:livePulse 2s infinite}:root{--brand-main: #2563eb;--brand-light: #eff6ff;--brand-dark: #1e40af;--brand-grad: linear-gradient(135deg, #2563eb, #1e40af);--bg-body: #f8fafc;--surface: #ffffff;--surface-glass: rgba(255, 255, 255, .82);--text-hi: #0f172a;--text-mid: #475569;--text-low: #94a3b8;--border: #e2e8f0;--border-light: #f1f5f9;--red: #ef4444;--red-light: #fef2f2;--amber: #f59e0b;--amber-light: #fffbeb;--green: #10b981;--green-light: #ecfdf5;--purple: #8b5cf6;--purple-light: #f5f3ff;--cyan: #06b6d4;--cyan-light: #ecfeff;--shadow-sm: 0 1px 2px 0 rgba(15, 23, 42, .05);--shadow-md: 0 4px 6px -1px rgba(15, 23, 42, .08), 0 2px 4px -1px rgba(15, 23, 42, .04);--shadow-lg: 0 14px 30px -6px rgba(15, 23, 42, .12), 0 6px 12px -4px rgba(15, 23, 42, .06);--shadow-brand: 0 10px 24px -6px rgba(37, 99, 235, .35);--radius-sm: 10px;--radius-md: 14px;--radius-lg: 18px;--radius-xl: 26px;--safe-bottom: env(safe-area-inset-bottom, 20px);--safe-top: env(safe-area-inset-top, 0px)}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body{height:100%;width:100%;overflow-x:hidden}#root{flex:1;width:100%;height:100%;display:flex}body{font-family:Poppins,sans-serif;background:var(--bg-body);color:var(--text-mid);height:100dvh;width:100vw;margin:0;overflow:hidden;display:flex;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:6px}::-webkit-scrollbar-thumb:hover{background:var(--text-low)}.font-serif{font-family:Poppins,sans-serif;letter-spacing:-.02em}.flex-center{display:flex;align-items:center;justify-content:center}.text-truncate{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hide-scrollbar::-webkit-scrollbar{display:none}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}#app-container{display:none;width:100%;max-width:100vw;height:100%;position:relative;flex-direction:row;overflow-x:hidden}#app-container.ready{display:flex}#sidebar{width:264px;height:100%;background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;z-index:50;flex-shrink:0}#main-content{flex:1;height:100%;display:flex;flex-direction:column;position:relative;min-width:0}#top-bar{height:calc(68px + var(--safe-top));padding-top:var(--safe-top);padding-left:28px;padding-right:28px;background:var(--surface-glass);backdrop-filter:blur(16px) saturate(140%);-webkit-backdrop-filter:blur(16px) saturate(140%);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;z-index:40;flex-shrink:0}#scrollable-area{flex:1;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;padding:28px 28px 120px;overscroll-behavior-y:contain}#ptr-indicator{display:flex;align-items:center;justify-content:center;gap:8px;height:0;overflow:hidden;background:transparent;color:var(--brand-main);font-size:12px;font-weight:600;transition:height .3s cubic-bezier(.4,0,.2,1)}#ptr-indicator.refreshing{height:60px}#ptr-icon{transition:transform .3s ease}#bottom-nav{display:none;position:absolute;bottom:0;left:0;width:100%;height:calc(66px + var(--safe-bottom));padding-bottom:var(--safe-bottom);background:var(--surface-glass);backdrop-filter:blur(22px) saturate(140%);-webkit-backdrop-filter:blur(22px) saturate(140%);border-top:1px solid var(--border);z-index:100;justify-content:space-around;align-items:center;box-shadow:0 -6px 24px #0f172a0f}.bnav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:var(--text-low);font-size:10px;font-weight:600;width:60px;height:100%;cursor:pointer;transition:color .2s}.bnav-item i{font-size:20px;transition:transform .25s cubic-bezier(.34,1.56,.64,1),color .2s}.bnav-item.active{color:var(--brand-main)}.bnav-item.active i{transform:scale(1.15) translateY(-1px)}.bnav-fab-wrapper{position:relative;width:60px;height:100%;display:flex;justify-content:center}.bnav-fab{position:absolute;top:-22px;width:56px;height:56px;border-radius:50%;background:var(--brand-grad);color:#fff;border:4px solid var(--bg-body);display:flex;align-items:center;justify-content:center;font-size:22px;box-shadow:var(--shadow-brand);cursor:pointer;transition:transform .2s}.bnav-fab:active{transform:scale(.92)}.grid-stack{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(340px,1fr))!important;gap:24px!important;width:100%}@media (max-width: 1024px){.mobile-horizontal-scroll.stats{grid-template-columns:repeat(2,1fr)!important}}@media (max-width: 768px){.desktop-only{display:none!important}.mobile-only{display:flex!important}#app-container{flex-direction:column}#sidebar{display:none}#bottom-nav{display:flex}#top-bar{padding-left:18px;padding-right:18px}#scrollable-area{padding:18px;padding-bottom:calc(90px + var(--safe-bottom))}.mobile-horizontal-scroll{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto;padding-bottom:12px;gap:12px;-webkit-overflow-scrolling:touch;width:100%}.mobile-horizontal-scroll:not(.stats)>*{flex:0 0 auto}.mobile-horizontal-scroll.stats{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;overflow:hidden!important}.mobile-horizontal-scroll.stats>*{flex:1 1 0;min-width:0;width:100%}.grid-stack{grid-template-columns:1fr!important}}@media (min-width: 769px){.mobile-only{display:none!important}}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden;max-width:100%;word-break:break-word;overflow-wrap:break-word}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 18px;border-radius:var(--radius-sm);font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;border:1px solid transparent;outline:none;font-family:inherit}.btn:active{transform:scale(.97)}.btn-primary{background:var(--brand-main);color:#fff;box-shadow:var(--shadow-sm)}.btn-primary:hover{background:var(--brand-dark);box-shadow:var(--shadow-md)}.btn-ghost{background:transparent;color:var(--text-mid);border-color:var(--border)}.btn-ghost:hover{background:var(--border-light);color:var(--text-hi)}.btn-danger{background:var(--red-light);color:var(--red);border-color:#ef444433}.btn-danger:hover{background:#ef44441f}.btn-sm{padding:7px 13px;font-size:12px}.btn-icon{width:38px;height:38px;padding:0;border-radius:50%}.input-group{margin-bottom:16px}.input-label{display:block;font-size:11px;font-weight:700;color:var(--text-low);text-transform:uppercase;letter-spacing:.05em;margin-bottom:7px}.input-field{width:100%;padding:12px 16px;font-size:16px;background:var(--bg-body);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-hi);transition:all .2s;outline:none;font-family:inherit}.input-field:focus{border-color:var(--brand-main);background:var(--surface);box-shadow:0 0 0 3px #2563eb1f}textarea.input-field{resize:vertical;min-height:80px}select.input-field{appearance:none;background-image:url('data:image/svg+xml;utf8,<svg fill="%2394a3b8" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M7 10l5 5 5-5z"/></svg>');background-repeat:no-repeat;background-position:right 12px center;padding-right:40px}.badge{display:inline-flex;align-items:center;gap:4px;padding:4px 9px;border-radius:999px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.badge-amber{background:var(--amber-light);color:#b45309}.badge-green{background:var(--green-light);color:#047857}.badge-brand{background:var(--brand-light);color:var(--brand-main)}.badge-red{background:var(--red-light);color:#b91c1c}.badge-purple{background:var(--purple-light);color:#6d28d9}.badge-cyan{background:var(--cyan-light);color:#0e7490}.modal-overlay{position:fixed;inset:0;z-index:200;background:#0f172a73;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .3s ease}.modal-overlay.open{opacity:1;pointer-events:auto}.modal-content{background:var(--surface);width:100%;max-width:600px;max-height:90vh;display:flex;flex-direction:column;box-shadow:var(--shadow-lg);border-radius:var(--radius-lg);transform:translateY(20px) scale(.96);transition:transform .35s cubic-bezier(.175,.885,.32,1)}.modal-overlay.open .modal-content{transform:translateY(0) scale(1)}.modal-header{padding:22px 26px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.modal-body{padding:26px;overflow-y:auto;flex:1;-webkit-overflow-scrolling:touch}.modal-footer{padding:16px 26px;border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:12px;flex-shrink:0;background:var(--surface)}.modal-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media (max-width: 768px){.modal-overlay{align-items:flex-end}.modal-content{border-radius:26px 26px 0 0;max-width:100%;max-height:90dvh;margin-top:auto;transform:translateY(100%)}.modal-overlay.open .modal-content{transform:translateY(0)}.modal-header{padding:18px 22px;position:relative}.modal-body{padding:22px}.modal-footer{padding:16px 22px;padding-bottom:calc(16px + var(--safe-bottom))}.modal-header:before{content:"";position:absolute;top:8px;left:50%;transform:translate(-50%);width:40px;height:4px;border-radius:4px;background:var(--border)}.modal-grid{grid-template-columns:1fr}}.timer-banner{background:var(--brand-grad);color:#fff;padding:22px 26px;display:flex;align-items:center;justify-content:space-between;margin-bottom:26px;gap:16px;border:none;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);transition:all .3s ease}.timer-banner.active{box-shadow:0 0 0 4px #2563eb4d,var(--shadow-lg);transform:translateY(-2px)}.timer-select-wrapper{position:relative;flex:1;max-width:360px}.timer-select{-webkit-appearance:none;appearance:none;width:100%;background:#0003;border:1px solid rgba(255,255,255,.4);color:#fff;padding:14px 40px 14px 16px;border-radius:var(--radius-md);font-size:15px;font-weight:600;outline:none;cursor:pointer;box-shadow:inset 0 2px 4px #0000001a;transition:all .2s}.timer-select:hover{background:#0000004d;border-color:#ffffffb3}.timer-select:focus{box-shadow:0 0 0 3px #ffffff4d;border-color:#fff}.timer-select optgroup{color:var(--text-mid);background:var(--bg-body);font-weight:800;font-style:normal;padding:8px 4px}.timer-select option{color:var(--text-hi);background:var(--surface);font-weight:500;padding:10px}.timer-btn{width:54px;height:54px;border-radius:50%;background:#fff;color:var(--brand-main);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:20px;box-shadow:0 4px 12px #0000002e;transition:all .2s;flex-shrink:0}.timer-btn:active{transform:scale(.92)}.timer-display{font-family:monospace;font-size:32px;font-weight:800;letter-spacing:2px;flex-shrink:0}@media (max-width: 768px){.timer-banner{flex-direction:column;align-items:stretch;gap:20px;padding:18px}.timer-banner-controls{display:flex;align-items:center;justify-content:space-between}.timer-select-wrapper{max-width:100%}.timer-display{font-size:28px}}.action-row{display:flex;align-items:flex-start;gap:12px;padding:12px 0;border-bottom:1px solid var(--border-light)}.action-row:last-child{border-bottom:none}.chk-box{width:22px;height:22px;border-radius:7px;border:2px solid var(--border);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;flex-shrink:0;margin-top:2px}.chk-box.done{background:var(--green);border-color:var(--green);color:#fff}.chk-box:not(.done):hover{border-color:var(--brand-main)}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:18px;display:flex;flex-direction:column;transition:transform .25s,box-shadow .25s}.stat-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}.stat-val{font-size:30px;font-family:Playfair Display,serif;font-weight:800;color:var(--text-hi);line-height:1;margin:10px 0 4px}.stat-lbl{font-size:11px;font-weight:600;color:var(--text-mid);text-transform:uppercase;letter-spacing:.05em}#login-screen{position:absolute;inset:0;z-index:1000;background:radial-gradient(ellipse at top,#eff6ff,var(--bg-body));display:flex;align-items:center;justify-content:center;padding:24px}.nav-item{display:flex;align-items:center;gap:12px;padding:12px 16px;margin:4px 12px;border-radius:var(--radius-sm);font-size:14px;font-weight:500;color:var(--text-mid);cursor:pointer;transition:all .2s;text-decoration:none;border:1px solid transparent}.nav-item:hover{background:var(--bg-body);color:var(--text-hi)}.nav-item.active{background:var(--brand-light);color:var(--brand-main);border-color:#2563eb1a;font-weight:600}.nav-item i{width:20px;text-align:center}.fade-in{animation:fadeInUp .4s ease both}#qr-reader{width:100vw!important;height:100vh!important}#qr-reader>div{width:100vw!important;height:100vh!important;overflow:hidden!important;position:absolute!important;top:0!important;left:0!important}#qr-reader video{width:100vw!important;height:100vh!important;object-fit:cover!important;position:absolute!important;top:0!important;left:0!important;z-index:2!important}#qr-reader canvas{display:none!important}