.task-input[data-v-6ee06cc9]{background:linear-gradient(135deg,#ffe6f0 0%,#f0e6ff 100%);border-radius:15px;margin-bottom:20px;padding:20px;box-shadow:0 4px 15px #9b59b633}.task-input h3[data-v-6ee06cc9]{color:#8e44ad;margin-bottom:15px}.input-group[data-v-6ee06cc9]{gap:10px;display:flex}input[data-v-6ee06cc9],select[data-v-6ee06cc9],button[data-v-6ee06cc9]{border:1px solid #d4a5e0;border-radius:8px;padding:12px;font-size:16px}input[data-v-6ee06cc9]{border:1px solid #d4a5e0;outline:none;flex:2}input[data-v-6ee06cc9]:focus{border-color:#9b59b6;box-shadow:0 0 5px #9b59b64d}button[data-v-6ee06cc9]{color:#fff;cursor:pointer;background:linear-gradient(135deg,#9b59b6 0%,#8e44ad 100%);border:none;transition:transform .2s}button[data-v-6ee06cc9]:hover{background:linear-gradient(135deg,#8e44ad 0%,#7d3c98 100%);transform:scale(1.02)}select[data-v-6ee06cc9]{cursor:pointer;background:#fff}.task-list[data-v-efc39568]{background:#fff;border-radius:15px;padding:25px;box-shadow:0 4px 15px #9b59b626}.task-list h3[data-v-efc39568]{color:#8e44ad;margin-bottom:15px}.filters[data-v-efc39568]{gap:10px;margin-bottom:20px;display:flex}.filters button[data-v-efc39568]{cursor:pointer;color:#6c3483;background:#f0e6ff;border:none;border-radius:20px;padding:8px 16px;font-weight:500;transition:all .3s}.filters button.active[data-v-efc39568]{color:#fff;background:linear-gradient(135deg,#9b59b6 0%,#8e44ad 100%)}.filters button[data-v-efc39568]:hover{transform:translateY(-2px)}.task[data-v-efc39568]{border-bottom:1px solid #f0e6ff;align-items:center;gap:12px;padding:12px;transition:background .2s;display:flex}.task[data-v-efc39568]:hover{background:#fff5f9}.task.completed .task-title[data-v-efc39568]{color:#d4a5e0;text-decoration:line-through}.priority[data-v-efc39568]{border-radius:20px;padding:4px 10px;font-size:12px;font-weight:500}.priority.high[data-v-efc39568]{color:#8e44ad;background:#ff9ff3}.priority.medium[data-v-efc39568]{color:#6c3483;background:#d4a5e0}.priority.low[data-v-efc39568]{color:#9b59b6;background:#f0e6ff}.delete[data-v-efc39568]{color:#fff;cursor:pointer;background:#ff6b81;border:none;border-radius:20px;margin-left:auto;padding:5px 12px;transition:transform .2s}.delete[data-v-efc39568]:hover{background:#ff4757;transform:scale(1.05)}.clear-btn[data-v-efc39568]{color:#fff;cursor:pointer;background:linear-gradient(135deg,#a29bfe 0%,#9b59b6 100%);border:none;border-radius:25px;margin-top:20px;padding:10px 20px;transition:all .3s}.clear-btn[data-v-efc39568]:hover{transform:translateY(-2px);box-shadow:0 4px 10px #9b59b64d}.task-stats[data-v-2fa44a76]{background:linear-gradient(135deg,#f8f0ff 0%,#ffe6f0 100%);border-radius:15px;margin-top:20px;padding:25px}.task-stats h3[data-v-2fa44a76]{color:#8e44ad;margin-bottom:15px}.stats-grid[data-v-2fa44a76]{grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:20px;display:grid}.stat-card[data-v-2fa44a76]{text-align:center;background:#fff;border-radius:12px;padding:15px;transition:transform .2s;box-shadow:0 2px 8px #9b59b61a}.stat-card[data-v-2fa44a76]:hover{transform:translateY(-3px)}.stat-value[data-v-2fa44a76]{background:linear-gradient(135deg,#9b59b6 0%,#e84393 100%);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:32px;font-weight:700}.stat-label[data-v-2fa44a76]{color:#9b59b6;margin-top:5px;font-size:12px;font-weight:500}.progress-bar[data-v-2fa44a76]{background:#f0e6ff;border-radius:25px;height:25px;overflow:hidden;box-shadow:inset 0 1px 3px #0000001a}.progress-fill[data-v-2fa44a76]{background:linear-gradient(90deg,#9b59b6 0%,#e84393 100%);border-radius:25px;height:100%;transition:width .5s}.progress-text[data-v-2fa44a76]{text-align:center;color:#e84393;margin-top:10px;font-weight:700}*{box-sizing:border-box;margin:0;padding:0}body{background:linear-gradient(135deg,#f5f0ff 0%,#ffe6f0 100%);min-height:100vh;padding:20px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}#app{max-width:900px;margin:0 auto}.header{text-align:center;margin-bottom:30px;padding:20px}h1{background:linear-gradient(135deg,#9b59b6 0%,#e84393 100%);color:#0000;-webkit-background-clip:text;background-clip:text;margin-bottom:10px;font-size:2.5em}.header p{color:#9b59b6;font-size:1.1em}