*{box-sizing:border-box;font-family:Inter,sans-serif}h1,h2,h3,h4,.font-heading,.gradient-text,.stat-value{font-family:Outfit,sans-serif}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{color:#f8fafc;background-color:#080c14;background-image:radial-gradient(at 0 0,#10b98114 0,#0000 50%),radial-gradient(at 100% 0,#06b6d414 0,#0000 50%),radial-gradient(at 50% 100%,#6366f10d 0,#0000 50%);background-attachment:fixed;margin:0;padding:0}.glass{-webkit-backdrop-filter:blur(16px);background:#0f172abf;border:1px solid #ffffff14;box-shadow:0 20px 50px #0006,inset 0 1px #ffffff1a}.glass-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#1e293b66;border:1px solid #ffffff0f}.gradient-text{background:linear-gradient(135deg,#fff 0%,#cbd5e1 50%,#94a3b8 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.gradient-emerald{background:linear-gradient(135deg,#34d399 0%,#10b981 50%,#059669 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.btn-primary{color:#fff;background:linear-gradient(135deg,#10b981 0%,#059669 100%);transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 20px #10b98159,inset 0 1px #fff3}.btn-primary:hover{filter:brightness(1.08);transform:translateY(-2px);box-shadow:0 8px 25px #10b9817a,inset 0 1px #ffffff4d}.btn-primary:active{transform:translateY(0)}.btn-secondary{color:#e2e8f0;background:#1e293bb3;border:1px solid #ffffff1f;transition:all .2s}.btn-secondary:hover{color:#fff;background:#334155e6;border-color:#38bdf866;transform:translateY(-1px)}.btn-danger{color:#fca5a5;background:#ef44441f;border:1px solid #ef444447;transition:all .2s}.btn-danger:hover{color:#fff;background:#ef444438;border-color:#ef444473;transform:translateY(-1px)}.input-field{color:#f8fafc;background:#0f172acc;border:1px solid #ffffff1a;transition:all .2s}.input-field:focus{background:#0f172af2;border-color:#10b981;outline:none;box-shadow:0 0 0 3px #10b98133}.input-field::placeholder{color:#64748b}.stat-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0f172aa6;border:1px solid #ffffff14;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.stat-card:before{content:"";opacity:0;background:linear-gradient(90deg,#0000,#10b98166,#0000);height:2px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.stat-card:hover{background:#1e293bbf;border-color:#10b98159;transform:translateY(-3px);box-shadow:0 12px 30px #0000004d}.stat-card:hover:before{opacity:1}.plan-row{background:#0f172a99;border:1px solid #ffffff14;transition:all .2s}.plan-row.is-done{background:#10b98114;border-color:#10b98173}.badge{color:#34d399;background:#10b98126;border:1px solid #10b98159}.nav-tab{color:#94a3b8;background:0 0;border:1px solid #0000;transition:all .25s cubic-bezier(.4,0,.2,1)}.nav-tab:hover{color:#f8fafc;background:#ffffff0d}.nav-tab.is-active{color:#fff;background:linear-gradient(135deg,#10b98133,#06b6d433);border-color:#10b98166;box-shadow:0 4px 15px #10b98126}.day-toggle{color:#94a3b8;background:#0f172acc;border:1px solid #ffffff1a;border-radius:.75rem;width:2.5rem;height:2.5rem;transition:all .2s}.day-toggle:hover{color:#fff;border-color:#10b98180}.day-toggle.is-active{color:#fff;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border-color:#34d399;box-shadow:0 4px 14px #10b98159}.progress-track{background:#0f172acc;border:1px solid #ffffff14;border-radius:999px;height:.5rem;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#10b981,#06b6d4);border-radius:999px;height:100%;transition:width .3s}.status-pill{color:#94a3b8;background:#0f172a99;border:1px solid #ffffff14}.status-pill.is-complete{color:#34d399;background:#10b9811a;border-color:#10b98173}.status-pill.is-partial{color:#fbbf24;background:#f59e0b1a;border-color:#f59e0b73}.status-pill.is-missed{color:#fca5a5;background:#ef44441a;border-color:#ef444473}.chip-btn{color:#cbd5e1;background:#1e293b99;border:1px solid #ffffff14;transition:all .2s}.chip-btn:hover{color:#34d399;background:#10b9812e;border-color:#10b98166;transform:translateY(-1px)}@keyframes pulse-ring{0%{transform:scale(.95);box-shadow:0 0 #10b98180}70%{transform:scale(1);box-shadow:0 0 0 8px #10b98100}to{transform:scale(.95);box-shadow:0 0 #10b98100}}.pulse{animation:2.2s infinite pulse-ring}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#10b9814d;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#10b98180}
