:root{--bg-dark: #0f172a;--bg-card: rgba(255, 255, 255, .03);--bg-card-border: rgba(255, 255, 255, .1);--bg-card-highlight: rgba(255, 255, 255, .05);--primary: #818cf8;--primary-glow: rgba(129, 140, 248, .6);--p-high: #ff2d55;--p-high-glow: rgba(255, 45, 85, .6);--p-med: #fbbf24;--p-med-glow: rgba(251, 191, 36, .6);--p-low: #34d399;--p-low-glow: rgba(52, 211, 153, .6);--text-main: #ffffff;--text-muted: #94a3b8;--glass-border: 1px solid rgba(255, 255, 255, .15);--backdrop-blur: blur(20px);font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:var(--text-main);background-color:var(--bg-dark)}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;background:radial-gradient(circle at 10% 10%,rgba(129,140,248,.15),transparent 40%),radial-gradient(circle at 90% 80%,rgba(255,45,85,.1),transparent 40%),#020617;background-attachment:fixed}#root{width:100%;max-width:480px;min-height:100vh;margin:0 auto;text-align:center;display:flex;flex-direction:column;position:relative}.glass-panel{background:linear-gradient(135deg,#ffffff1f,#ffffff08 40%,#ffffff03);backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border:1px solid rgba(255,255,255,.08);border-top:1px solid rgba(255,255,255,.35);border-left:1px solid rgba(255,255,255,.2);border-radius:20px;box-shadow:0 10px 40px -10px #0009,inset 0 0 0 1px #ffffff0d;position:relative;overflow:hidden;transition:all .3s cubic-bezier(.25,.8,.25,1)}.priority-high{box-shadow:inset 0 0 25px #ff2d5533,0 0 0 2px #ff2d5599,0 0 30px #ff2d5580}.priority-med{box-shadow:inset 0 0 25px #fbbf2433,0 0 0 2px #fbbf2499,0 0 30px #fbbf2480}.priority-low{box-shadow:inset 0 0 25px #34d39933,0 0 0 2px #34d39999,0 0 30px #34d39980}.past-due{border-color:#ef444499!important;box-shadow:inset 0 0 20px #ef44441a,0 0 0 2px #ef444466!important;background:linear-gradient(135deg,#ef44441a,#0000)!important}.past-due h3{color:#fca5a5!important}.badge{padding:.3rem .8rem;border-radius:9999px;font-size:.7rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 0 10px #0003}.badge-high{color:#ff2d55;border-color:#ff2d5580;background:#ff2d551a;box-shadow:0 0 10px #ff2d5533;text-shadow:0 0 5px rgba(255,45,85,.5)}.badge-med{color:#fbbf24;border-color:#fbbf2480;background:#fbbf241a;box-shadow:0 0 10px #fbbf2433;text-shadow:0 0 5px rgba(251,191,36,.5)}.badge-low{color:#34d399;border-color:#34d39980;background:#34d3991a;box-shadow:0 0 10px #34d39933;text-shadow:0 0 5px rgba(52,211,153,.5)}.text-gradient{background:linear-gradient(135deg,#fff,#a5b4fc);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-weight:700;letter-spacing:-.02em}.btn-primary{background:linear-gradient(135deg,var(--primary),#4f46e5);color:#fff;border:none;padding:.8rem 1.4rem;border-radius:14px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 15px #4f46e54d}.btn-primary:active{transform:scale(.98)}.app-container{display:flex;flex-direction:column;height:100vh;overflow:hidden}.content-area{flex:1;overflow-y:auto;padding:1rem;padding-bottom:80px}.navbar{position:fixed;bottom:0;left:0;right:0;height:70px;display:flex;justify-content:space-around;align-items:center;background:#0f172acc;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-top:var(--glass-border);z-index:50;padding-bottom:env(safe-area-inset-bottom)}.nav-item{display:flex;flex-direction:column;align-items:center;gap:4px;background:none;border:none;color:var(--text-muted);font-size:.75rem;cursor:pointer;transition:color .2s}.nav-item.active{color:var(--primary)}.nav-item svg{width:24px;height:24px}button,.nav-item,.glass-panel[style*="cursor: pointer"]{-webkit-tap-highlight-color:transparent}.content-area::-webkit-scrollbar{display:none}.content-area{-ms-overflow-style:none;scrollbar-width:none;scroll-behavior:smooth}@keyframes fadeInScale{0%{opacity:0;transform:scale(.98) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.animate-entrance{animation:fadeInScale .4s cubic-bezier(.25,.8,.25,1) forwards}