@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Inter:wght@300;400;500;600&family=JetBrains+Mono:wght@400;500&display=swap";.navbar[data-v-2642b336]{position:sticky;top:0;z-index:100;background:#ffffffeb;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid rgba(0,0,0,.08);box-shadow:0 1px 4px #0000000a}.navbar-inner[data-v-2642b336]{max-width:1400px;margin:0 auto;padding:0 24px;height:60px;display:flex;align-items:center;gap:28px}.navbar-brand[data-v-2642b336]{display:flex;align-items:center;gap:9px;text-decoration:none;flex-shrink:0}.brand-icon[data-v-2642b336]{width:32px;height:32px;border-radius:8px;background:#06c;color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0066cc4d}.brand-name[data-v-2642b336]{font-family:Space Grotesk,sans-serif;font-weight:700;font-size:1rem;color:#0a0f1e}.navbar-links[data-v-2642b336]{display:flex;align-items:center;gap:2px;flex:1}.nav-link[data-v-2642b336]{display:flex;align-items:center;padding:6px 12px;border-radius:8px;font-size:.85rem;font-weight:500;color:#6b7280;text-decoration:none;transition:all .15s}.nav-link[data-v-2642b336]:hover{color:#0a0f1e;background:#0000000a}.nav-link.active[data-v-2642b336]{color:#06c;background:#0066cc14;font-weight:600}.navbar-right[data-v-2642b336]{display:flex;align-items:center;gap:10px;margin-left:auto}.user-pill[data-v-2642b336]{display:flex;align-items:center;gap:8px;padding:4px 12px 4px 4px;border-radius:20px;background:#f0f4ff;border:1px solid rgba(0,0,0,.08)}.user-avatar[data-v-2642b336]{width:26px;height:26px;border-radius:50%;background:linear-gradient(135deg,#6d28d9,#06c);display:flex;align-items:center;justify-content:center;font-size:.65rem;font-weight:700;color:#fff}.user-name[data-v-2642b336]{font-size:.8rem;font-weight:500;color:#374151}.mobile-only[data-v-2642b336]{display:none}.desktop-only[data-v-2642b336]{display:flex}.bottom-nav[data-v-2642b336]{position:fixed;bottom:0;left:0;right:0;z-index:100;background:#fffffff5;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-top:1px solid rgba(0,0,0,.08);display:flex;justify-content:space-around;align-items:center;padding:8px 4px calc(8px + env(safe-area-inset-bottom));box-shadow:0 -2px 16px #0000000f}.tab[data-v-2642b336]{display:flex;flex-direction:column;align-items:center;gap:3px;padding:4px 10px;color:#9ca3af;text-decoration:none;font-size:.68rem;font-weight:500;transition:color .15s;flex:1}.tab.active[data-v-2642b336]{color:#06c}.tab svg[data-v-2642b336]{transition:transform .15s}.tab.active svg[data-v-2642b336]{transform:scale(1.1)}.tab-center[data-v-2642b336]{position:relative}.tab-fab[data-v-2642b336]{width:50px;height:50px;border-radius:50%;background:#06c;color:#fff;display:flex;align-items:center;justify-content:center;margin-top:-22px;box-shadow:0 4px 16px #06c6;border:3px solid #fff}.tab-center span[data-v-2642b336]{margin-top:2px;color:#06c}@media (max-width: 820px){.mobile-only[data-v-2642b336]{display:flex}.desktop-only[data-v-2642b336]{display:none!important}.navbar-inner[data-v-2642b336]{padding:0 16px;height:56px}.logout-btn[data-v-2642b336]{display:none}}:root{--bg-void: #F0F4FF;--bg-base: #F8FAFF;--bg-card: #FFFFFF;--bg-glass: rgba(255,255,255,.92);--cyan: #0066CC;--cyan-dim: rgba(0,102,204,.08);--cyan-glow: rgba(0,102,204,.2);--violet: #6D28D9;--violet-dim: rgba(109,40,217,.08);--orange: #D4460A;--orange-dim: rgba(212,70,10,.08);--green: #047857;--green-dim: rgba(4,120,87,.08);--red: #C81E4A;--red-dim: rgba(200,30,74,.08);--text-primary: #0A0F1E;--text-secondary: #374151;--text-muted: #6B7280;--border: rgba(0,0,0,.08);--border-md: rgba(0,0,0,.14);--border-glow: rgba(0,102,204,.25);--shadow-sm: 0 1px 3px rgba(0,0,0,.08), 0 1px 2px rgba(0,0,0,.05);--shadow-md: 0 4px 16px rgba(0,0,0,.08), 0 1px 4px rgba(0,0,0,.04);--shadow-lg: 0 8px 32px rgba(0,0,0,.1), 0 2px 8px rgba(0,0,0,.05);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 18px;--radius-xl: 24px;--font-display: "Space Grotesk", sans-serif;--font-body: "Inter", sans-serif;--font-mono: "JetBrains Mono", monospace}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--bg-void);color:var(--text-primary);min-height:100vh;-webkit-font-smoothing:antialiased}#app{min-height:100vh;display:flex;flex-direction:column}.bento-grid{display:grid;gap:14px;width:100%}.bento-grid-4{grid-template-columns:repeat(4,1fr)}.bento-grid-3{grid-template-columns:repeat(3,1fr)}.bento-grid-2{grid-template-columns:repeat(2,1fr)}.col-span-2{grid-column:span 2}.col-span-3{grid-column:span 3}@media (max-width: 960px){.bento-grid-4,.bento-grid-3{grid-template-columns:repeat(2,1fr)}.col-span-3{grid-column:span 2}}@media (max-width: 600px){.bento-grid-4,.bento-grid-3,.bento-grid-2{grid-template-columns:1fr}.col-span-2,.col-span-3{grid-column:span 1}}.glass-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:22px;box-shadow:var(--shadow-sm);position:relative;overflow:hidden;transition:box-shadow .2s,border-color .2s}.glass-card:hover{box-shadow:var(--shadow-md)}.glass-card.glow-cyan{border-color:#06c3;box-shadow:var(--shadow-sm),0 0 0 1px #0066cc14}.glass-card.glow-violet{border-color:#6d28d933;box-shadow:var(--shadow-sm),0 0 0 1px #6d28d914}.glass-card.glow-green{border-color:#04785733;box-shadow:var(--shadow-sm),0 0 0 1px #04785714}.glass-card.glow-orange{border-color:#d4460a33;box-shadow:var(--shadow-sm),0 0 0 1px #d4460a14}.glass-card.glow-red{border-color:#c81e4a33;box-shadow:var(--shadow-sm),0 0 0 1px #c81e4a14}.glass-card.accent-cyan:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--cyan);border-radius:var(--radius-lg) var(--radius-lg) 0 0}.glass-card.accent-green:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--green);border-radius:var(--radius-lg) var(--radius-lg) 0 0}.glass-card.accent-violet:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--violet);border-radius:var(--radius-lg) var(--radius-lg) 0 0}.glass-card.accent-orange:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--orange);border-radius:var(--radius-lg) var(--radius-lg) 0 0}.glass-card.accent-red:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--red);border-radius:var(--radius-lg) var(--radius-lg) 0 0}.neon-cyan{color:var(--cyan)}.neon-violet{color:var(--violet)}.neon-green{color:var(--green)}.neon-orange{color:var(--orange)}.neon-red{color:var(--red)}h1,h2,h3,h4{font-family:var(--font-display);font-weight:700;color:var(--text-primary)}.display-xl{font-size:clamp(2rem,5vw,3.5rem);letter-spacing:-.03em;line-height:1.1}.display-lg{font-size:clamp(1.4rem,3vw,2rem);letter-spacing:-.02em;line-height:1.2}.display-md{font-size:1.25rem;font-weight:600;letter-spacing:-.01em}.label{font-size:.68rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted)}.mono{font-family:var(--font-mono)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.stat-card{display:flex;flex-direction:column;gap:6px}.stat-value{font-family:var(--font-display);font-size:2.6rem;font-weight:700;line-height:1;letter-spacing:-.03em}.stat-label{font-size:.68rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:9px 18px;border-radius:var(--radius-md);border:none;cursor:pointer;font-family:var(--font-body);font-size:.875rem;font-weight:500;transition:all .15s;text-decoration:none;white-space:nowrap}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-cyan{background:var(--cyan);color:#fff;box-shadow:0 2px 8px #0066cc4d}.btn-cyan:hover:not(:disabled){background:#0052a3;box-shadow:0 4px 12px #06c6;transform:translateY(-1px)}.btn-violet{background:var(--violet);color:#fff;box-shadow:0 2px 8px #6d28d94d}.btn-violet:hover:not(:disabled){background:#5b21b6;transform:translateY(-1px)}.btn-green{background:var(--green);color:#fff;box-shadow:0 2px 8px #0478574d}.btn-green:hover:not(:disabled){background:#065f46;transform:translateY(-1px)}.btn-red{background:var(--red);color:#fff;box-shadow:0 2px 8px #c81e4a33}.btn-red:hover:not(:disabled){background:#a8163d;transform:translateY(-1px)}.btn-orange{background:var(--orange);color:#fff}.btn-orange:hover:not(:disabled){transform:translateY(-1px)}.btn-ghost{background:transparent;color:var(--text-secondary);border:1px solid var(--border-md)}.btn-ghost:hover:not(:disabled){background:var(--bg-void);color:var(--text-primary);border-color:var(--border-md)}.btn-lg{padding:12px 24px;font-size:1rem;border-radius:var(--radius-lg)}.btn-sm{padding:6px 12px;font-size:.78rem;border-radius:var(--radius-sm)}.btn-full{width:100%}@keyframes pulse-btn{0%,to{box-shadow:0 2px 8px #0478574d}50%{box-shadow:0 4px 20px #04785780}}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.pulse-green{animation:pulse-btn 2s ease-in-out infinite}.fade-in{animation:fadeIn .35s ease-out}@media (prefers-reduced-motion: reduce){.pulse-green,.fade-in{animation:none}}.field{display:flex;flex-direction:column;gap:5px}.field label{font-size:.72rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted)}.field input,.field select,.field textarea{background:var(--bg-base);border:1px solid var(--border-md);border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--font-body);font-size:.875rem;padding:9px 12px;transition:border-color .15s,box-shadow .15s;outline:none;width:100%}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--cyan);box-shadow:0 0 0 3px #0066cc1a}.field input::placeholder{color:var(--text-muted)}select option{background:#fff;color:var(--text-primary)}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 9px;border-radius:20px;font-size:.68rem;font-weight:600;letter-spacing:.04em}.badge-cyan{background:var(--cyan-dim);color:var(--cyan);border:1px solid rgba(0,102,204,.15)}.badge-green{background:var(--green-dim);color:var(--green);border:1px solid rgba(4,120,87,.15)}.badge-orange{background:var(--orange-dim);color:var(--orange);border:1px solid rgba(212,70,10,.15)}.badge-red{background:var(--red-dim);color:var(--red);border:1px solid rgba(200,30,74,.15)}.badge-violet{background:var(--violet-dim);color:var(--violet);border:1px solid rgba(109,40,217,.15)}.badge-gray{background:#0000000a;color:var(--text-muted);border:1px solid var(--border)}.data-table{width:100%;border-collapse:collapse}.data-table th{text-align:left;padding:10px 14px;font-size:.67rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);border-bottom:1px solid var(--border);background:var(--bg-void)}.data-table td{padding:11px 14px;border-bottom:1px solid var(--border);font-size:.875rem;color:var(--text-secondary)}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover td{background:var(--bg-void);color:var(--text-primary)}.divider{height:1px;background:var(--border);margin:18px 0}.alert{padding:11px 14px;border-radius:var(--radius-md);font-size:.875rem;display:flex;align-items:center;gap:10px;border:1px solid}.alert-success{background:var(--green-dim);border-color:#04785733;color:var(--green)}.alert-error{background:var(--red-dim);border-color:#c81e4a33;color:var(--red)}.alert-warn{background:var(--orange-dim);border-color:#d4460a33;color:var(--orange)}.alert-info{background:var(--cyan-dim);border-color:#06c3;color:var(--cyan)}.progress-bar{height:5px;background:var(--border);border-radius:3px;overflow:hidden}.progress-fill{height:100%;border-radius:3px;transition:width .5s ease}.progress-fill.cyan{background:linear-gradient(90deg,var(--violet),var(--cyan))}.progress-fill.green{background:linear-gradient(90deg,var(--cyan),var(--green))}.progress-fill.orange{background:linear-gradient(90deg,var(--orange),var(--red))}@keyframes spin{to{transform:rotate(360deg)}}.spinner{width:18px;height:18px;border:2px solid rgba(0,102,204,.15);border-top-color:var(--cyan);border-radius:50%;animation:spin .7s linear infinite;display:inline-block}.main-content{flex:1;padding:24px;max-width:1400px;margin:0 auto;width:100%}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:var(--bg-void)}::-webkit-scrollbar-thumb{background:#06c3;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#0066cc59}@media (max-width: 820px){.main-content{padding:16px 14px calc(80px + env(safe-area-inset-bottom))}.page-header{flex-direction:column;align-items:stretch!important;gap:14px}.page-header .btn{width:100%;justify-content:center}.display-lg{font-size:1.5rem}.display-md{font-size:1.15rem}.bento-grid-4{grid-template-columns:1fr 1fr}.bento-grid-3,.bento-grid-2{grid-template-columns:1fr}.col-span-2,.col-span-3{grid-column:span 1}.glass-card{padding:18px}.stat-value{font-size:2rem}.clock-display{font-size:2.2rem}.clock-big{font-size:3rem!important}.checkin-layout{grid-template-columns:1fr!important}.data-table{display:block;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch}.field input,.field select,input,select{font-size:16px!important}}@media (max-width: 420px){.bento-grid-4{grid-template-columns:1fr}.stat-value{font-size:1.8rem}}@media (min-width: 821px){.bottom-nav{display:none!important}}