.app-layout{height:100vh;font-family:system-ui,-apple-system,BlinkMacSystemFont;display:flex}.sidebar{color:#fff;background:#111827;width:220px;padding:20px}.sidebar h2{margin-bottom:30px}.sidebar a{color:#fff;text-decoration:none}.sidebar .disabled{opacity:.6}.main{flex-direction:column;flex:1;display:flex}.topbar{border-bottom:1px solid #e5e7eb;align-items:center;height:60px;padding:0 20px;display:flex}.content{padding:20px}.hamburger{cursor:pointer;font-size:22px;display:none}@media (max-width:768px){.sidebar{z-index:1000;height:100vh;transition:left .25s;position:fixed;top:0;left:-240px}.sidebar.open{left:0}.main{margin-left:0}.hamburger{display:block}}.btn-danger{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:6px;margin-top:20px;padding:10px 16px}.btn-danger:hover{background:#dc2626}.sidebar a{border-radius:6px;padding:6px 8px}.sidebar a.active{background:#1f2937}.planner-page{max-width:900px;margin:auto;padding:20px}.daily-card{color:#fff;background:linear-gradient(135deg,#7b5cff,#5f9cff);border-radius:16px;margin-bottom:20px;padding:18px}.daily-card span{opacity:.9;margin-top:6px;display:block}.task-card-mobile{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffb3;border-radius:18px;margin-bottom:14px;display:flex;box-shadow:0 10px 30px #00000014}.task-status-bar{background:linear-gradient(#ff5f5f,#ff9f43);width:6px}.task-content{flex:1;padding:14px}.task-header{align-items:center;gap:12px;display:flex}.task-emoji-circle{background:#00000014;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.task-progress{background:#ddd;border-radius:6px;height:6px;margin-top:10px}.task-progress-fill{background:linear-gradient(90deg,#ff5f5f,#ff9f43);height:100%}.overdue{opacity:.7}.overdue-bar{background:red}.completed{opacity:.6;padding:14px}.floating-add{color:#fff;background:linear-gradient(135deg,#7b5cff,#5f9cff);border:none;border-radius:50%;width:58px;height:58px;font-size:32px;position:fixed;bottom:28px;right:28px}.warning-title{color:#ff3b3b;margin-bottom:8px}.warning{background:#ffdcdcd9}.warning-bar{background:linear-gradient(#ff3b3b,#ff8c8c)}.warning .task-title{color:#b00000;font-weight:700}@keyframes shake{0%{transform:translate(0)}25%{transform:translate(-3px)}50%{transform:translate(3px)}75%{transform:translate(-3px)}to{transform:translate(0)}}.shake{animation:.4s ease-in-out shake}.overdue-badge{color:#fff;background:#ff3b3b;border-radius:10px;margin-top:4px;padding:3px 8px;font-size:11px;display:inline-block}.completed{opacity:.6}.completed-actions{gap:8px;display:flex}.completed-actions button{cursor:pointer;background:0 0;border:none;font-size:16px}.edit-btn:hover{color:#2f80ed}.delete-btn:hover{color:#ff3b3b}.completed-empty{color:#888;margin-bottom:20px;font-size:14px}.modal-backdrop{z-index:1000;background:#0006;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:#fff;border-radius:14px;width:320px;padding:20px}.modal input{width:100%;margin-top:10px;padding:10px}.modal-actions{justify-content:flex-end;gap:10px;margin-top:16px;display:flex}.modal-actions .primary{color:#fff;background:#2f80ed;border:none;padding:8px 14px}.modal-actions .danger{color:#fff;background:#ff3b3b;border:none;padding:8px 14px}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;color:#fff;background-color:#0f172a;font-family:Segoe UI,-apple-system,BlinkMacSystemFont,Roboto,sans-serif;overflow-x:hidden}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#ffffff0d}::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#fff6}.app-layout{background:radial-gradient(circle at 10% 20%,#6a11cb26 0%,#0000 40%),radial-gradient(circle at 90% 80%,#10b9811a 0%,#0000 40%);height:100vh;display:flex}.sidebar{-webkit-backdrop-filter:blur(12px);color:#fff;z-index:50;background:#11182799;border-right:1px solid #ffffff1a;flex-direction:column;width:240px;padding:24px;transition:all .3s;display:flex}.sidebar h2{background:linear-gradient(90deg,#fff,#a5b4fc);-webkit-text-fill-color:transparent;letter-spacing:-.5px;-webkit-background-clip:text;margin-bottom:40px;font-size:1.5rem;font-weight:800}.sidebar nav{flex-direction:column;gap:8px;display:flex}.sidebar a{color:#94a3b8;border-radius:12px;align-items:center;gap:12px;padding:12px 16px;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.sidebar a:hover{color:#fff;background:#ffffff0d;transform:translate(4px)}.sidebar a.active{color:#c084fc;background:linear-gradient(90deg,#6a11cb33,#6a11cb0d);border-left:3px solid #c084fc}.main{flex-direction:column;flex:1;display:flex;position:relative;overflow:hidden}.topbar{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172a4d;border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;height:70px;padding:0 30px;display:flex}.content{flex:1;padding:30px;overflow-y:auto}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:.5s ease-out forwards fadeIn}.hamburger{cursor:pointer;color:#fff;font-size:24px;display:none}@media (max-width:768px){.sidebar{width:280px;height:100vh;position:fixed;top:0;left:-100%}.sidebar.open{left:0;box-shadow:0 0 50px #00000080}.hamburger{display:block}}.daily-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;background:linear-gradient(135deg,#6a11cbcc,#5f9cffcc);border:1px solid #ffffff1a;border-radius:20px;margin-bottom:24px;padding:24px;box-shadow:0 10px 30px #6a11cb33}