@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Outfit:wght@400;500;600;700;800&display=swap";:root{--primary:#0ea5e9;--primary-light:#38bdf8;--primary-dark:#0369a1;--header-grad-1:#0f172a;--header-grad-2:#1e3a8a;--header-grad-3:#0284c7;--secondary:#6366f1;--accent:#10b981;--warning:#f59e0b;--danger:#ef4444;--background:#f1f5f9;--surface:#fff;--text-main:#0f172a;--text-muted:#64748b;--border:#e2e8f0;--radius-sm:10px;--radius-md:16px;--radius-lg:24px;--radius-xl:32px;--radius-full:9999px;--shadow-sm:0 2px 4px #00000005;--shadow-md:0 8px 16px -4px #0f172a0d;--shadow-lg:0 20px 25px -5px #0f172a14, 0 8px 10px -6px #0f172a0a;--shadow-glow:0 0 20px #0ea5e966}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--background);color:var(--text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.5}h1,h2,h3,h4,.font-outfit{font-family:Outfit,sans-serif}.glass{-webkit-backdrop-filter:blur(20px);background:#ffffff26;border:1px solid #ffffff4d;box-shadow:0 8px 32px #0000000d}.glass-premium{-webkit-backdrop-filter:blur(40px)saturate(200%);background:#ffffffb3;border:1px solid #fff6;box-shadow:0 10px 40px -10px #0f172a1a,inset 0 0 0 1px #ffffff80}.glass-dark{-webkit-backdrop-filter:blur(24px);background:#0f172a66;border:1px solid #ffffff26;box-shadow:0 8px 32px #0003}.glass-card{-webkit-backdrop-filter:blur(20px);box-shadow:var(--shadow-lg);background:#ffffffd9;border:1px solid #fffc}@keyframes fadeIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-glow{0%{box-shadow:0 0 #0ea5e966}70%{box-shadow:0 0 0 15px #0ea5e900}to{box-shadow:0 0 #0ea5e900}}@keyframes pulse-radar{0%{opacity:.8;transform:scale(.95)}50%{opacity:.3;transform:scale(1.2)}to{opacity:.8;transform:scale(.95)}}@keyframes breathing-pulse{0%{opacity:.9;transform:scale(1);box-shadow:0 0 #0ea5e933}50%{opacity:1;filter:drop-shadow(0 4px 6px #0ea5e94d);transform:scale(1.03);box-shadow:0 0 0 6px #0ea5e900}to{opacity:.9;transform:scale(1);box-shadow:0 0 #0ea5e900}}@keyframes scanning-bar{0%{opacity:0;transform:translateY(-100%)}50%{opacity:.5}to{opacity:0;transform:translateY(400%)}}@keyframes logo-entrance{0%{opacity:0;filter:blur(10px);transform:scale(.8)translateY(20px)}to{opacity:1;filter:blur();transform:scale(1)translateY(0)}}@keyframes logo-pulse{0%{box-shadow:0 0 #0ea5e966}50%{box-shadow:0 0 40px 10px #0ea5e91a}to{box-shadow:0 0 #0ea5e966}}@keyframes splash-fade-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.05)}}@keyframes shimmer{0%{transform:translate(-150%)skew(-25deg)}to{transform:translate(150%)skew(-25deg)}}@keyframes glow-pulse{0%{box-shadow:0 0 5px #0ea5e933}50%{box-shadow:0 0 20px #0ea5e999}to{box-shadow:0 0 5px #0ea5e933}}.fade-in{animation:.5s cubic-bezier(.16,1,.3,1) forwards fadeIn}.mobile-container{background:var(--background);max-width:480px;min-height:100vh;margin:0 auto;position:relative;overflow-x:hidden;box-shadow:0 0 40px #0000000d}.card{background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);border:1px solid #fffc;padding:1.5rem;transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s}.card:active{transform:scale(.97)}.btn{border-radius:var(--radius-md);cursor:pointer;border:none;justify-content:center;align-items:center;gap:.5rem;padding:.875rem 1.5rem;font-family:Plus Jakarta Sans,sans-serif;font-size:.9375rem;font-weight:700;transition:all .3s cubic-bezier(.16,1,.3,1);display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--primary), var(--secondary));color:#fff;box-shadow:0 6px 20px #0ea5e94d}.btn-primary:active{transform:scale(.95);box-shadow:0 2px 10px #0ea5e966}.btn-primary:hover{box-shadow:0 8px 25px #0ea5e966}.btn-secondary{background:var(--surface);color:var(--primary-dark);box-shadow:var(--shadow-sm);border:1px solid #0ea5e933}.btn-secondary:active{background:var(--background);transform:scale(.97)}.badge{border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:.25rem;padding:.35rem .85rem;font-size:.75rem;font-weight:800;display:inline-flex}.badge-present{color:#047857;background:#10b9811a;border:1px solid #10b98133}.badge-late{color:#b45309;background:#f59e0b1a;border:1px solid #f59e0b33}.badge-absent{color:#b91c1c;background:#ef44441a;border:1px solid #ef444433}.badge-pending{color:#0369a1;background:#0ea5e91a;border:1px solid #0ea5e933}.icon-svg{stroke-width:2px;stroke:currentColor;fill:none;stroke-linecap:round;stroke-linejoin:round;width:24px;height:24px}