.task{animation:fadeIn .4s;background:#fff;border-radius:8px;box-shadow:0 1px 4px #3c50b40f;margin-bottom:10px;padding:10px 10px 8px;position:relative;transition:box-shadow .15s,transform .15s}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.task:hover{box-shadow:0 4px 16px #3c50b41a;transform:translateY(-1px) scale(1.01)}.task-header{gap:8px;justify-content:space-between}.delete-btn,.task-header{align-items:center;display:flex}.delete-btn{background:#f3f4f6;border:none;border-radius:50%;box-shadow:0 1px 2px #3c50b408;color:#e53935;cursor:pointer;font-size:1.1rem;justify-content:center;line-height:1;min-height:32px;min-width:32px;padding:2px 10px;transition:background .15s,color .15s,transform .15s}.delete-btn:hover{background:#fee2e2;color:#b91c1c;transform:scale(1.08) rotate(-8deg)}.task-desc{color:#444;font-size:.97rem;line-height:1.5;margin-top:4px}.dark-mode .task{background:#232946;box-shadow:0 1px 4px #1e223621}.dark-mode .task-header strong{color:#e0e7ff}.dark-mode .task-desc{color:#a5b4fc}.dark-mode .delete-btn{background:#353a5c;color:#fca5a5}.dark-mode .delete-btn:hover{background:#7f1d1d;color:#fff}.matrix-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;margin-top:18px}@media (max-width:700px){.matrix-grid{gap:12px;grid-template-columns:1fr;grid-template-rows:repeat(4,1fr);margin-top:10px}}.matrix-quadrant{background:#f8fafc;border:1.5px solid #e0e7ff;border-radius:10px;box-shadow:0 1px 4px #3c50b40a;display:flex;flex-direction:column;min-height:120px;padding:12px 8px 10px;position:relative;transition:box-shadow .2s,border .2s}.matrix-quadrant:hover{border:2.5px solid #a5b4fc;box-shadow:0 6px 24px #3c50b421}.matrix-quadrant h2{align-items:center;color:#3b4890;display:flex;font-size:1rem;font-weight:600;gap:6px;margin:0 0 8px}.matrix-quadrant:first-child h2:before{content:"⏰"}.matrix-quadrant:nth-child(2) h2:before{content:"⚡"}.matrix-quadrant:nth-child(3) h2:before{content:"⭐"}.matrix-quadrant:nth-child(4) h2:before{content:"🌱"}.empty{color:#b0b6c6;font-style:italic;margin-top:8px}.dark-mode .matrix-quadrant{background:#232946;border:1.5px solid #353a5c;box-shadow:0 1px 4px #1e223621}.dark-mode .matrix-quadrant h2{color:#e0e7ff}.dark-mode .empty{color:#6b7280}.task-form{align-items:stretch;background:#f5f7fa;border-radius:8px;box-shadow:0 1px 4px #3c50b40a;display:flex;flex-direction:column;gap:0;margin-bottom:14px;padding:10px 6px 6px}.task-form-row{align-items:center;display:flex;gap:8px;margin-bottom:6px}.task-form-row:last-child{margin-bottom:0}.task-form input[type=text]{background:#fff;border:1px solid #cfd8dc;border-radius:5px;box-shadow:0 1px 2px #3c50b405;flex:1 1 120px;font-size:.98rem;padding:7px 10px;transition:border .2s,box-shadow .2s}.task-form input[type=text]:focus{border:1px solid #a5b4fc;box-shadow:0 2px 6px #3c50b40f;outline:none}.task-form textarea{background:#fff;border:1px solid #cfd8dc;border-radius:5px;box-shadow:0 1px 2px #3c50b405;flex:1 1 100%;font-size:.98rem;min-height:28px;padding:7px 10px;resize:vertical;transition:border .2s,box-shadow .2s}.task-form textarea:focus{border:1px solid #a5b4fc;box-shadow:0 2px 6px #3c50b40f;outline:none}.task-form label{align-items:center;color:#3b4890;display:flex;font-size:.97rem;font-weight:500;gap:2px;margin-right:6px;-webkit-user-select:none;user-select:none}.desc-toggle-btn{background:none;border:none;color:#6366f1;cursor:pointer;font-size:.98rem;font-weight:500;padding:0 0 0 2px;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;transition:color .18s}.desc-toggle-btn:hover{color:#4338ca;text-decoration:underline}.task-form button[type=submit]{background:#6366f1;border:none;border-radius:5px;box-shadow:0 1px 4px #3c50b414;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;letter-spacing:.2px;padding:8px 16px;transition:background .2s,box-shadow .2s;width:100%}.task-form button[type=submit]:hover{background:#4338ca}@media (max-width:600px){.task-form{padding:8px 2px 4px}.task-form-row{align-items:stretch;flex-direction:column;gap:6px}.task-form input[type=text],.task-form textarea{font-size:.97rem;padding:6px 8px}}.dark-mode .task-form{background:#232946;box-shadow:0 1px 4px #1e223621}.dark-mode .task-form input[type=text],.dark-mode .task-form textarea{background:#181c2a;border:1px solid #353a5c;color:#e0e7ff}.dark-mode .task-form input[type=text]:focus,.dark-mode .task-form textarea:focus{border:1px solid #6366f1;box-shadow:0 2px 6px #6366f117}.dark-mode .desc-toggle-btn,.dark-mode .task-form label{color:#a5b4fc}.dark-mode .desc-toggle-btn:hover{color:#6366f1}.dark-mode .task-form button[type=submit]{background:#232946;color:#e0e7ff}.dark-mode .task-form button[type=submit]:hover{background:#353a5c}body{min-height:100vh}.navbar{align-items:center;background:#fffffffa;border-bottom:1px solid #e0e7ff;box-sizing:border-box;display:flex;height:56px;justify-content:space-between;left:0;padding:0 18px;position:fixed;top:0;width:100vw;z-index:100}.navbar-title{color:#3b4890;font-size:1.25rem;font-weight:700;letter-spacing:.5px}.navbar-controls{align-items:center;display:flex;gap:10px}@media (max-width:600px){.navbar{height:48px;padding:0 8px}.navbar-title{font-size:1.05rem}}.App{background:none;border-radius:0;box-shadow:none;display:flex;flex-direction:column;margin:0 auto;max-width:950px;min-height:100vh;padding:0 0 18px}.main-content{display:flex;flex:1 1 auto;flex-direction:column;min-height:calc(100vh - 56px);padding:72px 8px 0}@media (max-width:600px){.main-content{padding:56px 2px 0}}.app-header,h1{display:none}.dark-mode .navbar{background:#1e2236fa;border-bottom:1px solid #353a5c}.dark-mode .navbar-title{color:#e0e7ff}.dark-mode{background:linear-gradient(135deg,#232946,#181c2a)!important}.dark-mode .App{background:#1e2236f7;box-shadow:0 8px 32px #1e22362e,0 1.5px 8px #0000001a}.dark-mode .app-header h1,.dark-mode h1{color:#f4f4fa;text-shadow:0 2px 8px #1e22362e}.dark-toggle{background:#f4f4fa;border:none;border-radius:6px;box-shadow:0 1px 4px #3c50b414;color:#232946;cursor:pointer;font-size:1rem;font-weight:600;letter-spacing:.2px;margin-left:0;padding:8px 16px;transition:background .2s,color .2s,box-shadow .2s}.dark-toggle:hover{background:#e0e7ff;color:#3b4890}.dark-mode .dark-toggle{background:#232946;box-shadow:0 1px 4px #1e223621;color:#e0e7ff}.dark-mode .dark-toggle:hover{background:#353a5c;color:#a5b4fc}body{background:linear-gradient(135deg,#e0e7ff,#f0f4f8);font-family:Inter,Segoe UI,Arial,sans-serif;margin:0}button,input,textarea{font-family:inherit;outline:none}.dark-mode body{background:linear-gradient(135deg,#232946,#181c2a)!important}.dark-mode input,.dark-mode textarea{background:#181c2a;color:#e0e7ff}.dark-mode button{color:#e0e7ff}
/*# sourceMappingURL=main.51591290.css.map*/