*{box-sizing:border-box;margin:0;padding:0}body{color:#fff;background:#0f172a;font-family:Arial,Helvetica,sans-serif}.app{min-height:100vh;padding:40px}.container{max-width:1100px;margin:0 auto}.nav{z-index:999;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f172aeb;justify-content:space-between;align-items:center;margin-bottom:40px;padding:12px 0;display:flex;position:sticky;top:0}.nav-logo{color:#fff;font-size:1.4rem;font-weight:700;text-decoration:none}.nav-icons{align-items:center;gap:10px;display:flex}.nav-icon{color:#fff;cursor:pointer;background:#1e293b;border:1px solid #334155;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;text-decoration:none;display:flex}.mobile-menu{background:#1e293b;border:1px solid #334155;border-radius:16px;flex-direction:column;gap:15px;margin-bottom:20px;padding:20px;display:flex}.mobile-menu a{color:#fff;text-decoration:none}.title{text-align:center;margin-bottom:10px;font-size:3rem}.subtitle{text-align:center;color:#94a3b8;margin-bottom:40px}.section-title{margin-bottom:20px;font-size:1.5rem}.form{gap:10px;margin-bottom:40px;display:flex}.input{color:#fff;background:#1e293b;border:1px solid #334155;border-radius:10px;flex:1;padding:14px}.button{color:#fff;cursor:pointer;background:#14b8a6;border:none;border-radius:10px;padding:14px 24px;font-weight:700}.button:hover{background:#0d9488}.delete-button,.menu-close{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:8px;margin-top:10px;padding:8px 12px;font-weight:700}.delete-button:hover,.menu-close:hover{background:#dc2626}.page-card{background:#1e293b;border:1px solid #334155;border-radius:16px;padding:30px}.assignment-grid,.pricing-grid,.stats-grid{gap:20px;display:grid}.assignment-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.pricing-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:40px}.assignment-card,.pricing-card,.stat-card{background:#1e293b;border:1px solid #334155;border-radius:16px;padding:25px}.assignment-card{cursor:pointer}.assignment-card:hover{border-color:#14b8a6;transition:all .2s;transform:translateY(-2px)}.assignment-card h3{margin-bottom:15px}.assignment-card p{color:#cbd5e1;margin-bottom:10px}.assignment-card.due-soon{border-color:#f59e0b}.assignment-card.overdue{border-color:#ef4444}.assignment-card.selected-assignment{outline-offset:-2px;outline:2px solid #fff}.stat-card h3{color:#94a3b8;margin-bottom:10px}.stat-card p{font-size:2rem;font-weight:700}.pricing-card.pro{border-color:#14b8a6}.price{margin:15px 0;font-size:2rem;font-weight:700}.pricing-description{color:#94a3b8;margin-bottom:20px}.pricing-card ul{margin-bottom:25px;list-style:none}.pricing-card li{color:#cbd5e1;margin-bottom:10px}.calendar-controls{flex-wrap:wrap;align-items:center;gap:15px;margin-bottom:20px;display:flex}.calendar-grid{grid-template-columns:repeat(7,1fr);gap:6px;display:grid}.calendar-header{text-align:center;color:#94a3b8;padding:8px;font-weight:700}.calendar-day{cursor:pointer;background:#0f172a;border:1px solid #334155;border-radius:12px;min-height:70px;padding:8px}.calendar-day.today{outline-offset:-2px;outline:2px solid #fff}.calendar-day.selected-day{outline-offset:-2px;outline:2px solid #14b8a6}.calendar-date{margin-bottom:6px;font-weight:700}.calendar-dot-row{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.calendar-dot{border-radius:999px;width:10px;height:10px;display:inline-block}.calendar-dot.calendar-normal{background:#14b8a6}.calendar-dot.calendar-due-soon{background:#f59e0b}.calendar-dot.calendar-overdue{background:#ef4444}.calendar-more{color:#94a3b8;font-size:.7rem}.selected-day-panel{background:#0f172a;border:1px solid #334155;border-radius:16px;margin-top:30px;padding:25px}.selected-day-list{gap:12px;margin-top:15px;display:grid}.selected-day-assignment{cursor:pointer;color:#fff;border-radius:12px;padding:15px}.selected-day-assignment p{margin-top:6px}.selected-day-assignment.calendar-normal{background:#0f766e}.selected-day-assignment.calendar-due-soon{background:#b45309}.selected-day-assignment.calendar-overdue{background:#b91c1c}input[type=date]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#fff}input[type=date]::-webkit-calendar-picker-indicator{filter:invert()}.progress-bar{background:#0f172a;border:1px solid #334155;border-radius:999px;width:100%;height:12px;margin-top:10px;margin-bottom:14px;overflow:hidden}.progress-fill{background:#14b8a6;border-radius:999px;height:100%;transition:width .3s}.task-input-row{gap:10px;margin-top:10px;display:flex}@media (width<=768px){.app{padding:16px}.container{padding:0}.nav{flex-direction:row;justify-content:space-between;align-items:center;margin-bottom:25px;padding:10px 0}.nav-logo{font-size:1.1rem}.nav-icons{margin-left:auto}.nav-icon{width:36px;height:36px}.title{font-size:2.2rem}.subtitle{font-size:1rem}.form{flex-direction:column}.input,.button{width:100%}.plan-toggle{flex-direction:column;align-items:center;gap:10px;display:flex}.plan-toggle .button{width:220px}.stats-grid,.assignment-grid,.pricing-grid{grid-template-columns:1fr}.calendar-controls{flex-direction:column;align-items:stretch}.calendar-controls .button{width:100%}.calendar-grid{grid-template-columns:repeat(7,1fr);gap:5px}.calendar-header{padding:5px;font-size:.7rem}.calendar-day{min-height:48px;padding:5px}.calendar-date{margin-bottom:4px;font-size:.75rem}.calendar-dot{width:7px;height:7px}.selected-day-panel{padding:18px}textarea{font-size:16px}input[type=date]{min-height:48px;font-size:16px}.task-input-row{flex-direction:column}}