:root{--font-sans:"Plus Jakarta Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", monospace;--font-display:"Plus Jakarta Sans", system-ui, sans-serif;--bg-app:#f8fafc;--bg-surface:#fff;--bg-surface-subtle:#f1f5f9;--bg-surface-elevated:#fff;--bg-electric-tint:#eff6ff;--text-main:#0f172a;--text-secondary:#334155;--text-muted:#64748b;--text-light:#94a3b8;--border-light:#e2e8f0;--border-medium:#cbd5e1;--border-focus:#2563eb;--border-electric:#bfdbfe;--blue-primary:#1d4ed8;--blue-hover:#1e40af;--blue-deep:#0f172a;--cyan-accent:#0284c7;--emerald-success:#059669;--emerald-bg:#ecfdf5;--amber-warning:#d97706;--amber-bg:#fffbeb;--rose-danger:#dc2626;--rose-bg:#fef2f2;--shadow-xs:0 1px 2px #0f172a0d;--shadow-sm:0 1px 3px #0f172a14, 0 1px 2px #0f172a0a;--shadow-md:0 4px 6px -1px #0f172a14, 0 2px 4px -2px #0f172a0a;--shadow-lg:0 12px 24px -4px #0f172a14, 0 4px 8px -2px #0f172a08;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:20px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-app);color:var(--text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;line-height:1.5;position:relative;overflow-x:hidden}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.ambient-electric-bg{pointer-events:none;z-index:0;opacity:.55;background-color:#f8fafc;background-image:radial-gradient(#cbd5e1 .75px,#0000 .75px);background-size:24px 24px;position:fixed;inset:0}.app-wrapper{z-index:1;max-width:1120px;margin:0 auto;padding:1rem 1rem 4rem;position:relative}@media (width>=640px){.app-wrapper{padding:2rem 1.5rem 5rem}}@media (width>=1024px){.app-wrapper{padding:2.75rem 2rem 6rem}}.brand-title-electric{font-family:var(--font-display);letter-spacing:-.025em;color:#0f172a;font-size:1.35rem;font-weight:800;line-height:1.25;display:inline-block}.brand-badge-strata{font-family:var(--font-sans);letter-spacing:.04em;text-transform:uppercase;color:#334155;background-color:#f1f5f9;border:1px solid #cbd5e1;border-radius:999px;align-items:center;gap:.35rem;padding:.2rem .65rem;font-size:.72rem;font-weight:700;display:inline-flex}.btn-3d-galaxy{font-family:var(--font-sans);color:#fff;background-color:var(--blue-primary);border-radius:var(--radius-md);cursor:pointer;-webkit-user-select:none;user-select:none;border:1px solid #ffffff26;justify-content:center;align-items:center;gap:.6rem;padding:.85rem 1.75rem;font-size:1rem;font-weight:600;text-decoration:none;transition:background-color .15s,transform .1s,box-shadow .15s;display:inline-flex;position:relative;box-shadow:0 1px 2px #0000000d,0 2px 4px #1d4ed833}.btn-3d-galaxy:hover:not(:disabled){background-color:var(--blue-hover);transform:translateY(-1px);box-shadow:0 4px 12px #1d4ed840}.btn-3d-galaxy:active:not(:disabled){transform:translateY(0);box-shadow:0 1px 2px #0000001a}.btn-3d-galaxy:disabled{color:#94a3b8;box-shadow:none;cursor:not-allowed;background-color:#e2e8f0;border-color:#cbd5e1;transform:none}.btn-3d-secondary{font-family:var(--font-sans);color:var(--text-secondary);border:1px solid var(--border-medium);border-radius:var(--radius-md);box-shadow:var(--shadow-xs);cursor:pointer;-webkit-user-select:none;user-select:none;background-color:#fff;justify-content:center;align-items:center;gap:.5rem;padding:.6rem 1.15rem;font-size:.88rem;font-weight:600;transition:background-color .15s,border-color .15s,color .15s;display:inline-flex;position:relative}.btn-3d-secondary:hover{color:var(--text-main);background-color:#f8fafc;border-color:#94a3b8}.btn-3d-secondary:active{background-color:#f1f5f9}.btn-3d-danger{font-family:var(--font-sans);color:#fff;background-color:var(--rose-danger);border-radius:var(--radius-md);box-shadow:var(--shadow-xs);cursor:pointer;border:1px solid #0000001a;justify-content:center;align-items:center;gap:.5rem;padding:.6rem 1.15rem;font-size:.88rem;font-weight:600;transition:background-color .15s,transform .1s;display:inline-flex}.btn-3d-danger:hover{background-color:#b91c1c}.btn-3d-danger:active{transform:translateY(0)}.glass-card{border:1px solid var(--border-light);border-radius:var(--radius-lg);background-color:#fff;padding:1.25rem;position:relative;box-shadow:0 1px 3px #0f172a0d,0 1px 2px #0f172a08}@media (width>=640px){.glass-card{border-radius:var(--radius-xl);padding:1.75rem}}@media (width>=1024px){.glass-card{padding:2.25rem}}.lightning-divider{justify-content:center;align-items:center;height:24px;margin:2rem 0;display:flex;position:relative}.lightning-line{background-color:var(--border-light);height:1px;position:absolute;left:0;right:0}.lightning-spark{display:none}@keyframes sparkTraverse{0%{opacity:0;left:-150px}20%{opacity:.9}80%{opacity:.9}to{opacity:0;left:100%}}.electric-path{stroke-dasharray:8 12;animation:1.8s linear infinite electricFlow}@keyframes electricFlow{to{stroke-dashoffset:-40px}}.electric-pulse-glow{animation:3s ease-in-out infinite pulseGlow}@keyframes pulseGlow{0%,to{opacity:.6;transform:scale(1)}50%{opacity:.95;transform:scale(1.04)}}.meter-disc-spin{transform-origin:50%;animation:8s linear infinite discSpin}@keyframes discSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.form-group{flex-direction:column;gap:.45rem;display:flex}.form-label{color:var(--text-main);justify-content:space-between;align-items:center;font-size:.9rem;font-weight:600;display:flex}.form-label .helper{color:var(--text-muted);font-size:.78rem;font-weight:400}.input-container{align-items:center;display:flex;position:relative}.input-container .input-icon{color:var(--cyan-accent);pointer-events:none;align-items:center;display:flex;position:absolute;left:.85rem}.input-container .input-suffix{color:var(--text-muted);pointer-events:none;font-size:.82rem;font-weight:600;position:absolute;right:.85rem}.form-input{width:100%;min-height:48px;font-family:var(--font-sans);color:var(--text-main);border:1.5px solid var(--border-light);border-radius:var(--radius-md);background-color:#fff;outline:none;padding:.75rem 1rem .75rem 2.6rem;font-size:1.05rem;font-weight:600;transition:border-color .15s,box-shadow .15s}.form-input.no-icon{padding-left:1rem}.form-input:focus{border-color:var(--cyan-accent);box-shadow:0 0 0 3.5px #0284c726}.form-input.input-error{border-color:var(--rose-danger);background-color:#fffafb}.form-input.input-error:focus{box-shadow:0 0 0 3.5px #e11d4826}.field-error-msg{color:var(--rose-danger);align-items:center;gap:.35rem;margin-top:.25rem;font-size:.82rem;font-weight:500;display:flex}.custom-picker-btn{transition:border-color .18s,box-shadow .18s,background-color .18s}.custom-picker-btn:hover{background-color:#fafcff;border-color:#7dd3fc}.custom-picker-btn.picker-open{border-color:var(--cyan-accent)}.custom-popover-anim{transform-origin:top;animation:.22s cubic-bezier(.16,1,.3,1) forwards popoverSlideUp}@keyframes popoverSlideUp{0%{opacity:0;transform:translateY(8px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.calendar-nav-btn{border:1px solid var(--border-light);width:30px;height:30px;color:var(--text-secondary);cursor:pointer;background:#f8fafc;border-radius:8px;justify-content:center;align-items:center;transition:all .15s;display:flex}.calendar-nav-btn:hover{color:var(--blue-primary);background:#e2e8f0;border-color:#cbd5e1}.custom-popover-backdrop{display:none}@media (width<=640px){.custom-popover-backdrop{-webkit-backdrop-filter:blur(4px);z-index:1199;background-color:#0c192c7a;display:block;position:fixed;inset:0}.custom-popover-mobile-modal{max-width:320px;z-index:1200!important;width:calc(100vw - 32px)!important;animation:.22s cubic-bezier(.16,1,.3,1) forwards mobileModalPop!important;position:fixed!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;box-shadow:0 20px 48px #0f172a47!important}}@keyframes mobileModalPop{0%{opacity:0;transform:translate(-50%,-46%)scale(.96)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}.desktop-history-table{display:none}.mobile-history-cards{flex-direction:column;gap:.85rem;display:flex}@media (width>=640px){.desktop-history-table{display:block}.mobile-history-cards{display:none}}.history-card-item{border-radius:var(--radius-md);border:1.5px solid var(--border-light);box-shadow:var(--shadow-sm);background-color:#fff;padding:1rem;transition:transform .15s,box-shadow .15s,border-color .15s}.history-card-item:hover{border-color:var(--border-electric);box-shadow:var(--shadow-md)}.metric-cards-grid{grid-template-columns:1fr;gap:1rem;margin-bottom:1.75rem;display:grid}@media (width>=640px){.metric-cards-grid{grid-template-columns:repeat(3,1fr);gap:1.25rem}}.date-time-grid{grid-template-columns:1fr 130px;gap:.6rem;display:grid}@media (width<=480px){.date-time-grid{grid-template-columns:1fr 115px}}@media (width<=360px){.date-time-grid{grid-template-columns:1fr}}.segmented-controls-scroll{-webkit-overflow-scrolling:touch;scrollbar-width:none;max-width:100%;display:inline-flex;overflow-x:auto}.segmented-controls-scroll::-webkit-scrollbar{display:none}.responsive-table-wrapper{-webkit-overflow-scrolling:touch;border-radius:var(--radius-md);border:1.5px solid var(--border-light);background-color:#fff;overflow-x:auto}.responsive-modal-dialog{border-radius:var(--radius-xl);width:100%;max-width:720px;max-height:90vh;box-shadow:var(--shadow-lg);border:1px solid var(--border-light);background-color:#fff;padding:1.75rem;position:relative;overflow-y:auto}@media (width<=640px){.responsive-modal-dialog{border-radius:var(--radius-lg);max-height:92vh;padding:1.25rem 1rem}}@media (width<=768px){.form-input,.custom-picker-btn{font-size:16px!important}}body.reduced-motion *,body.reduced-motion :before,body.reduced-motion :after{transition:none!important;animation:none!important}@media (prefers-reduced-motion:reduce){.lightning-spark,.electric-path,.electric-pulse-glow,.meter-disc-spin{animation:none!important}.btn-3d-galaxy,.btn-3d-secondary,.btn-3d-danger{transition:none!important}}