@import "https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap";:root{--sky:#dff7ff;--sky2:#b9e8ff;--blue:#38a9ff;--blue-dark:#1884ff;--green:#78d75d;--glass:#ffffffb8;--shadow:0 12px 35px #5ab4ff38;--radius:22px}*{box-sizing:border-box;margin:0;padding:0;font-family:Poppins,sans-serif}body{color:#1f2937;background:linear-gradient(#dff7ff 0%,#c7efff 45%,#ecfbff 100%);min-height:100vh}.app{min-height:100vh;display:flex}.sidebar{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);width:260px;box-shadow:var(--shadow);background:linear-gradient(#fffffff2,#ffffffbf);border:1px solid #fffc;border-radius:30px;margin:15px;padding:25px}.sidebar h2{color:var(--blue-dark);margin-bottom:30px;font-size:30px}.sidebar ul{list-style:none}.sidebar li{border-radius:18px;margin-bottom:12px;transition:all .25s}.sidebar li:hover{transform:translate(5px)}.sidebar a{color:#1f2937;border-radius:18px;padding:14px 18px;font-weight:500;text-decoration:none;transition:all .25s;display:block}.sidebar a:hover{background:#38a9ff26}.sidebar a.active{color:#fff;background:linear-gradient(#74d6ff,#2fa8ff);box-shadow:0 8px 20px #2fa8ff59}.content{flex:1;padding:35px}.cards{gap:20px;margin-top:25px;display:flex}.card{border-radius:var(--radius);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);box-shadow:var(--shadow);background:linear-gradient(#ffffffeb,#ffffffb8);border:1px solid #ffffffbf;flex:1;padding:25px;transition:all .25s}.card:hover{transform:translateY(-5px)}button{color:#fff;cursor:pointer;background:linear-gradient(#72d8ff,#2ca8ff);border:none;border-radius:18px;padding:12px 20px;font-weight:600;transition:all .25s}button:hover{transform:translateY(-2px);box-shadow:0 10px 25px #2ca8ff59}.sidebar{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(#ffffffeb,#ffffffb8);border:1px solid #ffffffd9;border-radius:30px;flex-direction:column;width:270px;margin:18px;padding:28px 22px;display:flex;box-shadow:0 15px 45px #49a7ff38}.sidebar h2{text-align:center;color:#1586ff;letter-spacing:.5px;margin-bottom:35px;font-size:32px;font-weight:700}.sidebar ul{flex-direction:column;gap:10px;list-style:none;display:flex}.sidebar li{border-radius:18px;overflow:hidden}.sidebar a{color:#20496b;align-items:center;gap:14px;padding:15px 18px;font-size:16px;font-weight:500;text-decoration:none;transition:all .25s;display:flex}.sidebar a:hover{background:#4cb7ff2e;transform:translate(6px)}.sidebar a.active{color:#fff;background:linear-gradient(#74d8ff,#2ca8ff);font-weight:600;box-shadow:0 10px 25px #2ca8ff59}.sidebar a.active:hover{transform:none}.sidebar-header{align-items:center;gap:15px;margin-bottom:35px;display:flex}.logo-circle{background:radial-gradient(circle at top,#fff,#7fd8ff);border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;font-size:28px;display:flex;box-shadow:0 0 25px #50b4ff73}.sidebar-header h2{color:#1d8fff;margin:0;font-size:30px}.sidebar-header p{color:#4e7ea5;margin-top:4px;font-size:13px}.sidebar a span{justify-content:center;width:26px;font-size:18px;display:flex}.sidebar-footer{text-align:center;margin-top:auto;padding-top:25px}.sidebar-footer p{color:#5e7b95;font-size:13px}.footer-glow{background:linear-gradient(90deg,#0000,#58c8ff,#0000);border-radius:999px;width:70px;height:4px;margin:0 auto 12px}.greeting{margin-bottom:30px}.greeting h1{color:#168bff;font-size:2.5rem}.greeting p{color:#5c7893;margin-top:8px}.quick-actions{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:20px;margin-bottom:35px;display:grid}.cards{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;display:grid}.dashboard-grid{grid-template-columns:1fr 1fr;gap:25px;margin-top:30px;display:grid}@media (width<=900px){.dashboard-grid{grid-template-columns:1fr}}.greeting-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(#fffffff0,#ffffffbd);border:1px solid #ffffffd9;border-radius:28px;margin-bottom:30px;padding:30px;box-shadow:0 12px 35px #46afff2e}.greeting-card h1{color:#168bff;margin-bottom:10px;font-size:2.6rem;font-weight:700}.greeting-text{color:#456b89;margin-bottom:15px;font-size:18px}.greeting-date{color:#35739d;background:#78d2ff2e;border-radius:999px;padding:8px 16px;font-size:14px;font-weight:500;display:inline-block}.quick-actions{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin:30px 0;display:grid}.quick-card{all:unset;box-sizing:border-box;cursor:pointer;text-align:left;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);color:#16324f;background:linear-gradient(#fffffff2,#ffffffb8);border:1px solid #ffffffd9;border-radius:28px;width:100%;padding:28px;transition:all .3s;display:block;box-shadow:0 12px 30px #28aaff26}.quick-card:hover{transform:translateY(-8px)scale(1.02);box-shadow:0 20px 40px #28aaff47}.quick-icon{background:radial-gradient(circle,#fff,#8adfff);border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:20px;font-size:30px;display:flex;box-shadow:0 0 18px #4dc1ff59}.quick-card h3{color:#168bff;margin:0 0 10px;font-size:22px;font-weight:700}.quick-card p{color:#5c7893;margin:0;font-size:15px;line-height:1.6}.stat-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(#fffffff2,#ffffffbf);border:1px solid #ffffffd9;border-radius:26px;padding:24px;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 14px 35px #42aaff2e}.stat-card:hover{transform:translateY(-8px);box-shadow:0 20px 45px #42aaff4d}.stat-top{justify-content:space-between;align-items:center;display:flex}.stat-icon{background:radial-gradient(circle,#fff,#89dcff);border-radius:50%;justify-content:center;align-items:center;width:62px;height:62px;font-size:30px;display:flex;box-shadow:0 0 22px #59c6ff59}.stat-card h3{color:#4f7290;margin-top:18px;font-size:15px;font-weight:500}.stat-card h2{color:#1a89ff;margin-top:8px;font-size:34px;font-weight:700}.stat-glow{background:radial-gradient(#78dcff4d,#0000 70%);border-radius:50%;width:180px;height:180px;position:absolute;bottom:-70px;right:-70px}.today-tasks{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(#fffffff2,#ffffffbf);border:1px solid #ffffffd9;border-radius:28px;padding:28px;transition:all .3s;box-shadow:0 15px 35px #32aaff2e}.today-tasks:hover{transform:translateY(-5px);box-shadow:0 22px 45px #32aaff40}.today-card-header{justify-content:space-between;align-items:flex-start;margin-bottom:24px;display:flex}.today-card-header h2{color:#168bff;margin:0;font-size:24px}.task-count{color:#168bff;background:linear-gradient(#fff,#d9f5ff);border:1px solid #78dcff73;border-radius:999px;padding:8px 14px;font-size:13px;font-weight:600}.today-task-list{flex-direction:column;gap:16px;display:flex}.today-task-item{background:linear-gradient(#ffffffeb,#ecf8ffcc);border:1px solid #b4e6ff8c;border-radius:20px;align-items:center;gap:14px;padding:18px 20px;transition:all .25s;display:flex}.today-task-item:hover{transform:translateY(-3px);box-shadow:0 10px 22px #3cb4ff2e}.today-task-check{flex-shrink:0;font-size:22px}.today-task-name{color:#16324f;font-size:16px;font-weight:500}.completed{opacity:.72}.completed .today-task-name{color:#7b95ab;text-decoration:line-through}.today-empty{flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:55px 0;display:flex}.today-empty h3{color:#168bff;margin:0}.today-empty p{color:#6d89a0;margin:0}.view-all{cursor:pointer;color:#fff;background:linear-gradient(#52b8ff,#168bff);border:none;border-radius:18px;width:100%;margin-top:24px;padding:14px;font-size:15px;font-weight:600;transition:all .25s}.view-all:hover{transform:translateY(-2px);box-shadow:0 12px 24px #168bff59}.recent-notes{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(#fffffff2,#ffffffbf);border:1px solid #ffffffd9;border-radius:28px;padding:28px;transition:all .3s;box-shadow:0 15px 35px #32aaff2e}.recent-notes:hover{transform:translateY(-5px);box-shadow:0 22px 45px #32aaff40}.card-header{justify-content:space-between;align-items:center;margin-bottom:22px;display:flex}.card-header h2{color:#168bff;font-size:24px}.card-header span{color:#168bff;background:linear-gradient(#fff,#d9f5ff);border:1px solid #78dcff73;border-radius:999px;padding:8px 14px;font-size:13px;font-weight:600}.notes-list{flex-direction:column;gap:16px;display:flex}.note-item{cursor:pointer;background:linear-gradient(#ffffffeb,#ebf8ffc7);border:1px solid #b4e6ff8c;border-radius:20px;padding:18px;transition:all .25s}.note-item:hover{transform:translateY(-5px);box-shadow:0 12px 24px #46b4ff33}.note-item h4{color:#188cff;margin:0 0 10px;font-size:17px}.note-item p{color:#4d728e;margin:0;font-size:14px;line-height:1.6}.empty{text-align:center;color:#6f8aa1;padding:50px 0;font-size:15px}.card-subtitle{color:#6d89a0;margin-top:6px;font-size:14px}.note-count{justify-content:center;align-items:center;display:flex}.note-top{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.habit-progress{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(#fffffff2,#ffffffbf);border:1px solid #ffffffd9;border-radius:28px;padding:28px;transition:all .3s;box-shadow:0 15px 35px #32aaff2e}.habit-progress:hover{transform:translateY(-5px);box-shadow:0 22px 45px #32aaff40}.card-subtitle{color:#6d89a0;margin-top:6px;margin-bottom:22px;font-size:14px}.habit-list{flex-direction:column;gap:18px;display:flex}.habit-row{background:linear-gradient(#ffffffeb,#ecfaffcc);border:1px solid #b4e6ff8c;border-radius:20px;padding:18px;transition:all .25s}.habit-row:hover{transform:translateY(-3px);box-shadow:0 10px 22px #3cb4ff2e}.habit-top{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.habit-name{color:#16324f;font-size:16px;font-weight:600}.habit-streak{color:#18a74f;font-weight:600}.progress{background:#dcecf9;border-radius:999px;height:12px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#52d86d,#8ef0b8);border-radius:999px;height:100%;transition:width .5s;box-shadow:0 0 12px #52d86d59}.empty{flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:55px 0;display:flex}.empty-icon{background:radial-gradient(circle,#fff,#bdf8d5);border-radius:50%;justify-content:center;align-items:center;width:70px;height:70px;font-size:34px;display:flex;box-shadow:0 0 18px #52d86d4d}.empty h3{color:#18a74f;margin:0}.empty p{color:#6d89a0;margin:0}.calendar-preview{background:#fff;border-radius:20px;padding:25px;box-shadow:0 10px 30px #00000014}.calendar-box{flex-direction:column;justify-content:center;align-items:center;padding:30px 0;display:flex}.calendar-box h3{margin-bottom:20px}.today-circle{color:#fff;background:#3b82f6;border-radius:50%;justify-content:center;align-items:center;width:90px;height:90px;margin-bottom:15px;font-size:36px;font-weight:700;display:flex}.open-calendar{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:12px;width:100%;padding:12px;transition:all .25s}.open-calendar:hover{background:#2563eb}.focus-widget{background:#fff;border-radius:20px;padding:25px;box-shadow:0 10px 30px #00000014}.focus-time{text-align:center;padding:35px 0}.focus-time h1{color:#3b82f6;margin:0;font-size:50px}.focus-time p{color:#777}.focus-btn{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:12px;width:100%;padding:14px}.task-item{background:#1f2937;border-radius:15px;justify-content:space-between;align-items:center;margin:15px 0;padding:18px;transition:all .3s;display:flex}.task-item:hover{transform:translateY(-4px)}.done{opacity:.5;text-decoration:line-through}.priority{border-radius:20px;padding:6px 12px;font-size:14px;font-weight:700}.high{background:#dc2626}.medium{background:#f59e0b}.low{background:#10b981}.critical{background:#7c3aed}.add-task{gap:12px;margin:25px 0;display:flex}.add-task input{border:none;border-radius:12px;flex:1;padding:14px;font-size:16px}.add-task button{cursor:pointer;color:#fff;background:#2563eb;border:none;border-radius:12px;padding:14px 22px;font-weight:700;transition:all .3s}.add-task button:hover{background:#1d4ed8}.delete-btn{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:10px;padding:8px 12px;transition:all .3s}.delete-btn:hover{background:#dc2626;transform:scale(1.05)}.priority{color:#fff;border-radius:20px;padding:4px 10px;font-size:12px;font-weight:700}select{border:none;border-radius:8px;margin:0 10px;padding:10px}.task-item{background:#1f2937;border-radius:12px;align-items:center;gap:12px;margin-top:12px;padding:15px;display:flex}.task-info{flex-direction:column;flex:1;display:flex}.done{color:gray;text-decoration:line-through}.priority{color:#fff;border-radius:20px;width:fit-content;margin-top:6px;padding:4px 10px;font-size:12px;font-weight:700}.priority.high{background:#ef4444}.priority.medium{background:#f59e0b}.priority.low{background:#22c55e}.due-date{color:#9ca3af;margin-top:6px;font-size:13px}.notebook{width:1200px;max-width:95%;margin:40px auto}.notebook-header{justify-content:center;margin-bottom:25px;display:flex}.title-input{text-align:center;color:#5a3718;background:0 0;border:none;outline:none;width:450px;font-size:32px;font-weight:700}.book{perspective:2500px;background:linear-gradient(135deg,#7b4c23,#5c3415);border-radius:18px;justify-content:center;align-items:stretch;padding:35px;display:flex;box-shadow:0 20px 50px #00000059}.spine{background:linear-gradient(90deg,#2d1608,#6b4726,#c49b66,#6b4726,#2d1608);border-radius:6px;width:30px;box-shadow:inset 0 0 15px #00000073}.notebook-page{background:#fff;width:500px;height:720px;position:relative;overflow:hidden;box-shadow:0 8px 25px #0000002e}.left{transform:rotate(-1deg)}.right{transform:rotate(1deg)}.page-number{color:#777;z-index:20;font-family:Georgia,serif;font-size:18px;position:absolute;top:18px}.left .page-number{left:22px}.right .page-number{right:22px}.paper{resize:none;box-sizing:border-box;color:#17408b;background:linear-gradient(90deg,#0000 58px,#ff6161 58px 61px,#0000 61px),repeating-linear-gradient(#fff 0 50px,#b8d8ff 51px);border:none;outline:none;width:100%;height:100%;padding:55px 65px;font-family:Caveat,cursive;font-size:28px;line-height:52px}.page-controls{justify-content:center;align-items:center;gap:40px;margin-top:30px;display:flex}.page-controls button{color:#fff;cursor:pointer;background:#6b4726;border:none;border-radius:10px;padding:12px 26px;font-size:17px;transition:all .25s}.page-controls button:hover{background:#4b2f18}.page-controls button:disabled{opacity:.5;cursor:not-allowed}.book{perspective:2200px}.notebook-page{transform-style:preserve-3d;transition:transform .5s,box-shadow .5s}.book.flipping .right{transform-origin:0;animation:.5s flipRight}.book.flipping .left{opacity:.95}@keyframes flipRight{0%{transform:rotateY(0)}50%{transform:rotateY(-95deg)}to{transform:rotateY(0)}}.flip-page{pointer-events:none;z-index:20;width:500px;height:720px;transform-style:preserve-3d;backface-visibility:hidden;background:#fff;position:absolute;top:35px;overflow:hidden;box-shadow:0 15px 35px #0000004d}.flip-page.right{transform-origin:0;right:35px}.flip-page.left{transform-origin:100%;left:35px}.flip-page.active.right{animation:.6s forwards flipNext}.flip-page.active.left{animation:.6s forwards flipPrevious}@keyframes flipNext{0%{transform:rotateY(0)}to{opacity:0;transform:rotateY(-180deg)}}@keyframes flipPrevious{0%{opacity:0;transform:rotateY(180deg)}to{opacity:1;transform:rotateY(0)}}.spine{z-index:5;background:linear-gradient(90deg,#2a1305,#5d3316,#a07145,#5d3316,#2a1305);width:26px;height:720px;position:relative}.spine-shadow{position:absolute;inset:0;box-shadow:inset 0 0 25px #00000080}.habit-input{gap:10px;margin:25px 0;display:flex}.habit-input input{border-radius:10px;flex:1;padding:12px}.habit-input button{cursor:pointer;border:none;border-radius:10px;padding:12px 20px}.habit-card{background:#1f2937;border-radius:12px;margin-top:15px;padding:20px}.habit-card h3{margin-bottom:8px}.habit-header{align-items:center;gap:12px;display:flex}.delete-habit{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:8px;margin-top:12px;padding:8px 14px}.delete-habit:hover{background:#dc2626}.focus-page{flex-direction:column;gap:30px;display:flex}.focus-heading{margin:0;font-size:38px}.focus-layout{grid-template-columns:2fr 1fr;gap:25px;display:grid}.focus-main,.focus-side,.focus-bottom{flex-direction:column;gap:25px;display:flex}.focus-bottom{grid-template-columns:1fr 1fr;display:grid}.focus-timer,.goal-progress,.focus-stats,.ambient-sounds,.focus-quote,.session-history{background:#fff;border-radius:20px;padding:25px;box-shadow:0 8px 24px #00000014}.timer-display{text-align:center;margin:30px 0;font-size:72px;font-weight:700;color:#2563eb!important}.timer-controls,.preset-buttons{flex-wrap:wrap;justify-content:center;gap:15px;display:flex}.timer-controls button,.preset-buttons button{cursor:pointer;border:none;border-radius:12px;padding:12px 22px}.progress-bar{background:#e5e7eb;border-radius:50px;width:100%;height:18px;margin:15px 0;overflow:hidden}.progress-fill{background:#2563eb;width:0%;height:100%;transition:all .3s}.stats-grid{grid-template-columns:repeat(3,1fr);gap:15px;display:grid}.stat-box{text-align:center;background:#f5f7fb;border-radius:14px;padding:18px}.sound-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.sound-grid button{cursor:pointer;border:none;border-radius:12px;padding:15px}.focus-quote p{font-size:18px;font-style:italic}.session-history{min-height:180px}.focus-timer h2,.goal-progress h2,.focus-stats h2,.ambient-sounds h2,.focus-quote h2,.session-history h2{color:#1f2937;margin-bottom:18px}.focus-timer p,.goal-progress p,.focus-stats p,.ambient-sounds p,.focus-quote p,.session-history p{color:#4b5563}.stat-box h3{color:#374151;margin-bottom:8px}.stat-box p{color:#2563eb;font-size:22px;font-weight:700}.sound-grid button{color:#1f2937;background:#f5f7fb;font-weight:600;transition:all .25s}.sound-grid button:hover{color:#fff;background:#2563eb}.timer-controls button,.preset-buttons button{color:#fff;background:#2563eb;font-weight:600}.timer-controls button:hover,.preset-buttons button:hover{background:#1d4ed8}.progress-bar{background:#dbeafe}.progress-fill{background:linear-gradient(90deg,#2563eb,#60a5fa)}.focus-toast{z-index:9999;background:#fff;border:1px solid #dbeafe;border-radius:18px;align-items:center;gap:16px;width:320px;padding:18px;animation:.45s toastSlide;display:flex;position:fixed;top:30px;right:30px;box-shadow:0 18px 45px #2563eb2e}.toast-icon{color:#fff;background:#2563eb;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;font-size:26px;display:flex}.focus-toast h3{color:#111827;margin:0}.focus-toast p{color:#6b7280;margin-top:6px}@keyframes toastSlide{0%{opacity:0;transform:translate(100px)}to{opacity:1;transform:translate(0)}}.history-list{flex-direction:column;gap:12px;margin-top:15px;display:flex}.history-item{background:#f5f7fb;border-radius:12px;justify-content:space-between;align-items:center;padding:12px 15px;display:flex}.history-item strong{color:#2563eb}.history-item span{color:#6b7280;font-size:14px}.active-sound{transform:scale(1.05);color:#fff!important;background:#2563eb!important}.sound-grid button{transition:all .25s}.calendar-header{justify-content:space-between;align-items:center;margin-bottom:30px;display:flex}.calendar-title{flex-direction:column;align-items:center;display:flex}.calendar-title h1{margin:0;font-size:34px}.calendar-title span{color:#777;font-size:17px}.calendar-nav-btn{cursor:pointer;background:#f5f7fb;border:none;border-radius:14px;width:50px;height:50px;font-size:22px;transition:all .2s}.calendar-nav-btn:hover{background:#e8eefc}.calendar-grid{background:#fff;border-radius:20px;padding:20px}.weekdays{text-align:center;grid-template-columns:repeat(7,1fr);margin-bottom:18px;display:grid}.weekday{color:#2563eb;text-transform:uppercase;letter-spacing:1px;padding:14px 0;font-size:15px;font-weight:700}.days{grid-template-columns:repeat(7,minmax(0,1fr));gap:12px;display:grid}.calendar-empty{min-height:110px}.calendar-day{color:#1f2937;box-sizing:border-box;cursor:pointer;background:#f5f7fb;border:1px solid #d1d5db;border-radius:15px;flex-direction:column;justify-content:flex-start;align-items:flex-start;width:100%;min-height:110px;padding:10px;transition:all .25s;display:flex}.calendar-day:hover{transform:translateY(-2px);box-shadow:0 6px 18px #00000014}.day-number{margin-bottom:8px;font-size:18px;font-weight:700}.today{color:#fff;background:#2563eb}.other-month{color:#9ca3af;opacity:.7;background:#eef2f7}.other-month:hover{opacity:1}.event-list{flex-direction:column;gap:5px;width:100%;display:flex}.event-item{align-items:center;gap:6px;font-size:12px;display:flex;overflow:hidden}.event-dot{background:#3b82f6;border-radius:50%;flex-shrink:0;width:8px;height:8px}.event-title{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.modal-overlay{z-index:1000;background:#00000073;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.event-modal{background:#fff;border-radius:20px;flex-direction:column;gap:15px;width:420px;padding:25px;display:flex}.event-modal input,.event-modal textarea{border:1px solid #ccc;border-radius:10px;padding:12px}.modal-buttons{justify-content:flex-end;gap:12px;margin-top:20px;display:flex}.event-modal button{cursor:pointer;border:none;border-radius:10px;padding:12px 18px}.delete-btn{color:#fff;background:#ef4444}.delete-btn:hover{background:#dc2626}.weekdays{grid-template-columns:repeat(7,1fr);margin-bottom:18px;display:grid}.weekday{letter-spacing:1px;text-transform:uppercase;justify-content:center;align-items:center;height:40px;font-size:15px;font-weight:700;display:flex;color:#2563eb!important}.calendar-day{color:#1f2937!important}.calendar-day .day-number{font-size:18px;font-weight:700;color:#1f2937!important}.today{background:#2563eb;color:#fff!important}.today .day-number{color:#fff!important}.other-month{opacity:.7;background:#eef2f7;color:#9ca3af!important}.other-month .day-number{color:#9ca3af!important}.event-title{color:inherit}.event-dot{background:#3b82f6}.content{padding:40px}.settings-page{flex-direction:column;gap:30px;display:flex}.settings-heading{color:#1f2937;margin:0;font-size:38px;font-weight:700}.settings-card{background:#fff;border-radius:20px;flex-direction:column;gap:16px;padding:25px;display:flex;box-shadow:0 8px 24px #00000014}.settings-card h2{color:#1f2937;margin:0 0 8px;font-size:24px}.settings-card label{color:#4b5563;font-size:15px;font-weight:600}.settings-card input[type=text],.settings-card input[type=number]{box-sizing:border-box;border:1px solid #d1d5db;border-radius:12px;outline:none;width:100%;padding:12px 15px;font-size:16px;transition:all .25s}.settings-card input[type=text]:focus,.settings-card input[type=number]:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb26}.settings-card input[type=checkbox]{cursor:pointer;margin-right:10px;transform:scale(1.15)}.settings-card button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:12px;padding:12px 18px;font-size:15px;font-weight:600;transition:all .25s}.settings-card button:hover{background:#1d4ed8;transform:translateY(-2px)}.settings-card .danger{background:#ef4444}.settings-card .danger:hover{background:#dc2626}.settings-card p{color:#6b7280;margin:0;line-height:1.6}.settings-card button+button{margin-top:10px}@media (width<=768px){.content{padding:20px}.settings-heading{font-size:30px}.settings-card{padding:20px}}:root{--sky:#dff7ff;--sky-light:#f5fdff;--blue:#5bc7ff;--blue-dark:#2196f3;--green:#74d15d;--glass:#ffffffb8;--glass-dark:#ffffffe6;--text:#16324f;--shadow:0 12px 35px #008cff2e;--shadow-hover:0 18px 40px #008cff47;--radius:22px}.glass-card{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:var(--radius);box-shadow:var(--shadow);background:linear-gradient(#fffffff2,#ffffffb8);border:1px solid #fffc}.aero-btn{cursor:pointer;color:#fff;background:linear-gradient(#7edcff,#2ca8ff);border:none;border-radius:18px;padding:12px 22px;font-weight:600;transition:all .25s}.aero-btn:hover{box-shadow:var(--shadow-hover);transform:translateY(-3px)}.aero-input{background:#ffffffe0;border:1px solid #fffc;border-radius:16px;outline:none;padding:12px;transition:all .25s}.aero-input:focus{border-color:var(--blue);box-shadow:0 0 15px #2ca8ff40}.aero-badge{color:#fff;background:linear-gradient(#9fe98d,#74d15d);border-radius:999px;padding:6px 12px;font-size:13px;display:inline-block}