body{color:#e0e0e0;background:#121212;justify-content:center;margin:0;padding:20px;font-family:Segoe UI,sans-serif;display:flex}.card{background:#1e1e1e;border-radius:12px;width:100%;max-width:1100px;padding:2rem;box-shadow:0 10px 20px #0000004d}h2{color:#fff;margin-top:0;margin-bottom:20px}.dashboard{text-align:center;justify-content:space-between;gap:15px;margin-bottom:25px;display:flex}.stat{color:#ffffffe6;border-radius:10px;flex-direction:column;flex:1;padding:15px;font-size:.9rem;transition:transform .2s;display:flex;box-shadow:0 4px 10px #0003}.stat:hover{transform:translateY(-3px)}.stat strong{color:#fff;text-shadow:1px 1px 2px #0003;margin-top:8px;font-size:1.8rem}.stat-total{background:linear-gradient(135deg,#6c5ce7,#a29bfe)}.stat-done{background:linear-gradient(135deg,#00b894,#55efc4)}.stat-high{background:linear-gradient(135deg,#d63031,#ff7675)}.stat-medium{background:linear-gradient(135deg,#e17055,#fab1a0)}.stat-low{background:linear-gradient(135deg,#0984e3,#74b9ff)}.task-input-section{background:#252525;border:1px solid #333;border-radius:8px;margin-bottom:25px;padding:15px}.input-grid{grid-template-columns:1fr 150px;align-items:start;gap:15px;display:grid}.input-column{flex-direction:column;gap:10px;display:flex}.search-bar{box-sizing:border-box;width:100%;margin-bottom:20px}input,select,textarea{color:#fff;box-sizing:border-box;background:#1a1a1a;border:1px solid #444;border-radius:6px;padding:12px;font-family:inherit}input:focus,textarea:focus,select:focus{border-color:#00b894;outline:none}textarea{resize:vertical;min-height:80px}button{color:#fff;cursor:pointer;background:#00b894;border:none;border-radius:6px;height:100%;padding:12px;font-weight:700;transition:all .2s}button:hover{background:#01997b}.content-grid{grid-template-columns:1.2fr 1fr;align-items:start;gap:30px;display:grid}ul{margin:0;padding:0;list-style:none}li{cursor:grab;background:#252525;border:1px solid #333;border-radius:6px;grid-template-columns:30px 30px 1fr 80px 50px 50px;align-items:start;gap:10px;margin-bottom:8px;padding:15px;display:grid}.handle{color:#555;padding-top:2px;font-size:1.2rem}.dragging{opacity:.5;border:2px dashed #00b894}.drag-over{border-top:3px solid #00b894}.task-content{flex-direction:column;gap:4px;display:flex}.task-title{color:#fff;font-size:1.05rem;font-weight:600}.task-desc{color:#a0a0a0;white-space:pre-wrap;font-size:.85rem;line-height:1.4}.meta{color:#666;margin-top:6px;font-size:.75rem}.priority-badge{text-align:right;padding-top:2px}.priority-high{color:#ff7675;font-weight:700}.priority-medium{color:#fab1a0}.priority-low{color:#74b9ff}.edit-btn{cursor:pointer;color:#fff;background:#0984e3;border:none;border-radius:4px;height:auto;padding:6px 10px;font-size:.8rem;transition:all .2s}.edit-btn:hover{background:#076bb8}.del-btn{cursor:pointer;color:#fff;background:#d63031;border:none;border-radius:4px;height:auto;padding:6px 10px;font-size:.8rem;transition:all .2s}.del-btn:hover{background:#b02727}.done{opacity:.6;background:#1a1a1a}.done .task-title{color:#888;text-decoration:line-through}details{background:#252525;border:1px solid #333;border-radius:8px;padding:15px}summary{cursor:pointer;color:#55efc4;outline:none;justify-content:space-between;align-items:center;font-weight:700;list-style:none;display:flex}summary::-webkit-details-marker{display:none}#completed-list{margin-top:15px}.modal-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:1000;background:#000000bf;justify-content:center;align-items:center;display:none;position:fixed;inset:0}.modal-content{background:#1e1e1e;border:1px solid #333;border-radius:10px;width:100%;max-width:500px;padding:25px;box-shadow:0 10px 30px #00000080}.modal-content h3{color:#fff;margin-top:0;margin-bottom:15px}.modal-form{flex-direction:column;gap:15px;display:flex}.modal-actions{justify-content:flex-end;gap:10px;margin-top:10px;display:flex}.btn-secondary{background:0 0;border:1px solid #555}.btn-secondary:hover{background:#333}@media (width<=850px){.content-grid{grid-template-columns:1fr}.dashboard{flex-wrap:wrap}.stat{min-width:30%}.input-grid{grid-template-columns:1fr}}.controls-section{flex-wrap:wrap;gap:15px;margin-bottom:25px;display:flex}.controls-section .search-bar{flex:1;min-width:250px;margin-bottom:0}.filter-select{color:#fff;background:#1a1a1a;border:1px solid #444;border-radius:6px;min-width:150px;padding:12px}.category-tag{color:#dcdcdc;background:#3a3a3a;border:1px solid #555;border-radius:20px;margin-top:6px;padding:4px 10px;font-size:.75rem;font-weight:600;display:inline-block;box-shadow:0 2px 4px #0003}.title-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}