@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600&family=Caveat:wght@500;600;700&family=Playfair+Display:ital,wght@0,600;0,700;1,400&family=Kalam:wght@400;700&display=swap";:root{--bg-main:#0b0f19;--bg-gradient:radial-gradient(circle at 15% 15%, #6366f11f 0%, transparent 45%), radial-gradient(circle at 85% 85%, #10b98114 0%, transparent 50%), radial-gradient(circle at 50% 50%, #8b5cf60f 0%, transparent 60%);--panel-bg:#121826b8;--panel-border:#ffffff14;--panel-border-glow:#6366f14d;--panel-hover-bg:#1a2234d9;--popover-bg:#121826;--text-primary:#f3f4f6;--text-secondary:#9ca3af;--text-muted:#6b7280;--accent-primary:#6366f1;--accent-primary-hover:#4f46e5;--accent-success:#10b981;--accent-warning:#f59e0b;--accent-danger:#ef4444;--accent-purple:#8b5cf6;--accent-cyan:#06b6d4;--cat-work:#6366f1;--cat-health:#10b981;--cat-personal:#8b5cf6;--cat-maintenance:#f59e0b;--cat-social:#ec4899;--cat-finance:#06b6d4;--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--radius-xl:28px;--shadow-sm:0 4px 12px #00000026;--shadow-md:0 8px 24px #00000040;--shadow-glow:0 0 20px #6366f140;--font-main:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono:"JetBrains Mono", monospace;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-normal:.25s cubic-bezier(.4, 0, .2, 1);--chip-inactive-bg:#ffffff0d;--chip-inactive-border:#ffffff14;--subtle-card-bg:#0003;--logo-gradient:linear-gradient(90deg, #fff 0%, #a5b4fc 100%);--banner-heading:#fff}[data-theme=light]{--bg-main:#f8fafc;--bg-gradient:radial-gradient(circle at 10% 10%, #6366f10f 0%, transparent 40%), radial-gradient(circle at 90% 90%, #10b9810d 0%, transparent 40%);--panel-bg:#ffffffeb;--panel-border:#cbd5e1d9;--panel-border-glow:#6366f140;--panel-hover-bg:#f1f5f9;--popover-bg:#fff;--text-primary:#0f172a;--text-secondary:#334155;--text-muted:#64748b;--chip-inactive-bg:#0f172a0d;--chip-inactive-border:#0f172a14;--subtle-card-bg:#f1f5f9e6;--logo-gradient:linear-gradient(90deg, #1e1b4b 0%, #4338ca 100%);--banner-heading:#0f172a;--shadow-sm:0 2px 8px #0f172a0f;--shadow-md:0 8px 24px #0f172a14;--shadow-glow:0 0 20px #6366f11f}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-main);background-color:var(--bg-main);background-image:var(--bg-gradient);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-attachment:fixed;min-height:100vh;line-height:1.5;transition:background-color .4s,filter .4s;overflow-x:hidden}body.circadian-night{--bg-main:#060812;--bg-gradient:radial-gradient(circle at 50% 0%, #8b5cf614 0%, transparent 60%), radial-gradient(circle at 100% 100%, #f59e0b0a 0%, transparent 50%);--panel-bg:#0e121ed9;--panel-border:#8b5cf626;filter:contrast(.96)brightness(.93)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#9ca3af33;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#9ca3af66}.glass-panel{background:var(--panel-bg);-webkit-backdrop-filter:blur(16px);border:1px solid var(--panel-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:all var(--transition-normal)}.glass-panel:hover{border-color:#ffffff26}.glass-panel-glow{box-shadow:var(--shadow-glow);border-color:var(--panel-border-glow)}.popover-panel{-webkit-backdrop-filter:blur(24px);background:var(--popover-bg)!important;border:1px solid var(--panel-border)!important;box-shadow:0 20px 45px #0009, 0 0 0 1px var(--panel-border)!important}[data-theme=light] .popover-panel{box-shadow:0 20px 45px #0f172a1f, 0 0 0 1px var(--panel-border)!important}.btn{border-radius:var(--radius-sm);font-family:var(--font-main);cursor:pointer;transition:all var(--transition-fast);border:none;outline:none;justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-size:.9rem;font-weight:600;text-decoration:none;display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--accent-primary) 0%, var(--accent-purple) 100%);color:#fff;box-shadow:0 4px 14px #6366f159}.btn-primary:hover{opacity:.95;transform:translateY(-2px);box-shadow:0 6px 20px #6366f180}.btn-secondary{color:var(--text-primary);border:1px solid var(--panel-border);background:#ffffff0f}.btn-secondary:hover{background:#ffffff1f;border-color:#fff3}.btn-icon{border-radius:var(--radius-sm);color:var(--text-secondary);background:0 0;border:1px solid #0000;padding:8px}.btn-icon:hover{color:var(--text-primary);background:#ffffff14}.badge{text-transform:uppercase;letter-spacing:.04em;border-radius:9999px;align-items:center;gap:5px;padding:4px 10px;font-size:.75rem;font-weight:600;display:inline-flex}.badge-overdue{color:#fca5a5;background:#ef444426;border:1px solid #ef44444d}.badge-due-today{color:#fcd34d;background:#f59e0b26;border:1px solid #f59e0b4d}.badge-upcoming{color:#a5b4fc;background:#6366f126;border:1px solid #6366f14d}.badge-recently-done{color:#6ee7b7;background:#10b98126;border:1px solid #10b9814d}.badge-biweekly{color:#c084fc;background:#8b5cf626;border:1px solid #8b5cf64d}.priority-indicator{border-radius:50%;width:8px;height:8px;display:inline-block}.priority-high{background-color:var(--accent-danger);box-shadow:0 0 8px var(--accent-danger)}.priority-medium{background-color:var(--accent-warning)}.priority-low{background-color:var(--accent-success)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseGlow{0%,to{box-shadow:0 0 10px #6366f14d}50%{box-shadow:0 0 22px #6366f199}}.animate-fade-in{animation:.3s ease-out forwards fadeIn}.modal-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#000000b3;justify-content:center;align-items:center;padding:20px;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.modal-content{background:var(--bg-main);border:1px solid var(--panel-border-glow);border-radius:var(--radius-lg);width:100%;max-width:580px;max-height:90vh;padding:28px;overflow-y:auto;box-shadow:0 20px 40px #00000080}.form-group{margin-bottom:20px}.form-label{color:var(--text-secondary);margin-bottom:6px;font-size:.85rem;font-weight:600;display:block}.form-input,.form-select,.form-textarea{border-radius:var(--radius-sm);border:1px solid var(--panel-border);width:100%;color:var(--text-primary);font-family:var(--font-main);transition:border-color var(--transition-fast);background:#ffffff0d;outline:none;padding:12px 14px;font-size:.95rem}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--accent-primary);background:#ffffff14}.form-select option{color:#fff;background:#111827}.grid-2{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.grid-4{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}@media (width<=768px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}[data-theme=light] .glass-panel{box-shadow:0 1px 3px #0000000d,0 4px 12px #0f172a0a}[data-theme=light] .glass-panel:hover{border-color:#6366f159}[data-theme=light] .btn-secondary{color:var(--text-primary);background:#0f172a0d;border-color:#0f172a1f}[data-theme=light] .btn-secondary:hover{background:#0f172a17;border-color:#0f172a33}[data-theme=light] .btn-icon{color:var(--text-secondary)}[data-theme=light] .btn-icon:hover{color:var(--text-primary);background:#0f172a12}[data-theme=light] .badge-overdue{color:#b91c1c;background:#ef44441f;border:1px solid #ef44444d}[data-theme=light] .badge-due-today{color:#b45309;background:#f59e0b26;border:1px solid #f59e0b59}[data-theme=light] .badge-upcoming{color:#3730a3;background:#6366f11f;border:1px solid #6366f14d}[data-theme=light] .badge-recently-done{color:#047857;background:#10b98124;border:1px solid #10b98159}[data-theme=light] .badge-biweekly{color:#6d28d9;background:#8b5cf61f;border:1px solid #8b5cf64d}[data-theme=light] .modal-content{background:#fff;border:1px solid #6366f140;box-shadow:0 20px 50px #0f172a2e}[data-theme=light] .form-input,[data-theme=light] .form-select,[data-theme=light] .form-textarea{color:#0f172a;background:#fff;border-color:#cbd5e1}[data-theme=light] .form-input:focus,[data-theme=light] .form-select:focus,[data-theme=light] .form-textarea:focus{border-color:var(--accent-primary);background:#fff;box-shadow:0 0 0 3px #6366f126}[data-theme=light] .form-select option{color:#0f172a;background:#fff}html.widget-mode,body.widget-mode,#root.widget-mode{-webkit-user-select:none;user-select:none;background:0 0!important;overflow:hidden!important}.widget-drag-handle{-webkit-app-region:drag;cursor:grab}.widget-drag-handle:active{cursor:grabbing}.widget-interactive,.widget-drag-handle button,.widget-drag-handle a,.widget-drag-handle input{-webkit-app-region:no-drag}
