@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--bg-color:#0f111a;--bg-gradient:radial-gradient(circle at 15% 50%, #3728734d, transparent 25%), radial-gradient(circle at 85% 30%, #1496a033, transparent 25%);--glass-bg:#ffffff08;--glass-border:#ffffff14;--glass-shadow:0 8px 32px 0 #0000004d;--glass-blur:blur(16px);--glass-hover:#ffffff14;--text-main:#e2e8f0;--text-muted:#94a3b8;--primary-accent:#6366f1;--primary-hover:#818cf8;--status-todo:#64748b;--status-progress:#3b82f6;--status-done:#10b981;--transition-fast:.2s ease;--transition-normal:.3s ease}[data-theme=light]{--bg-color:#f8fafc;--bg-gradient:radial-gradient(circle at 15% 50%, #6366f11a, transparent 25%), radial-gradient(circle at 85% 30%, #10b9811a, transparent 25%);--glass-bg:#ffffffb3;--glass-border:#fff;--glass-shadow:0 8px 32px 0 #1f268712;--glass-hover:#ffffffe6;--text-main:#0f172a;--text-muted:#64748b}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);background-image:var(--bg-gradient);color:var(--text-main);min-height:100vh;transition:background-color var(--transition-normal);background-attachment:fixed;font-family:Inter,sans-serif;overflow-x:hidden}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:16px}.glass-button{background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--text-main);cursor:pointer;transition:all var(--transition-fast);border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-family:inherit;font-weight:500;display:flex}.glass-button:hover{background:var(--glass-hover);transform:translateY(-1px)}.glass-button.active{color:var(--primary-accent);background:#6366f133;border-color:#6366f180}.glass-button.primary{background:var(--primary-accent);color:#fff;border:none}.glass-button.primary:hover{background:var(--primary-hover)}.app-container{height:100vh;display:flex}.sidebar{border-right:1px solid var(--glass-border);width:260px;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);z-index:10;background:#0f111a1a;flex-direction:column;padding:24px;display:flex}.main-content{flex:1;padding:32px;overflow-y:auto}h1,h2,h3{color:var(--text-main);font-weight:600}.page-title{background:linear-gradient(to right, var(--text-main), var(--text-muted));-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:8px;font-size:2rem}.page-subtitle{color:var(--text-muted);margin-bottom:32px}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;margin-bottom:40px;display:grid}.stat-card{transition:transform var(--transition-fast);align-items:center;gap:20px;padding:24px;display:flex}.stat-card:hover{transform:translateY(-4px)}.stat-icon{border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;font-size:24px;display:flex}.stat-info h3{color:var(--text-muted);margin-bottom:4px;font-size:.875rem}.stat-info .value{color:var(--text-main);font-size:1.75rem;font-weight:700}.kanban-board{gap:24px;height:calc(100vh - 160px);padding-bottom:24px;display:flex;overflow-x:auto}.kanban-column{flex-direction:column;flex:1;min-width:300px;max-width:400px;display:flex}.column-header{align-items:center;gap:12px;margin-bottom:16px;padding:16px 0;display:flex}.column-header h3{font-size:1rem}.task-count{background:var(--glass-bg);border-radius:20px;padding:4px 10px;font-size:.75rem;font-weight:600}.droppable-area{transition:background var(--transition-fast);border-radius:12px;flex:1;min-height:200px;padding:8px}.droppable-area.drag-over{border:1px dashed var(--glass-border);background:#ffffff0d}.task-card{cursor:grab;transition:all var(--transition-fast);margin-bottom:12px;padding:16px;position:relative;overflow:hidden}.task-card:active{cursor:grabbing}.task-card:hover{border-color:#fff3;transform:translateY(-2px);box-shadow:0 4px 20px #0000001a}.task-card:before{content:"";width:4px;height:100%;position:absolute;top:0;left:0}.task-card.todo:before{background:var(--status-todo)}.task-card.progress:before{background:var(--status-progress)}.task-card.done:before{background:var(--status-done)}.task-title{color:var(--text-main);margin-bottom:8px;font-size:1rem}.task-desc{color:var(--text-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:16px;font-size:.875rem;line-height:1.4;display:-webkit-box;overflow:hidden}.task-footer{justify-content:space-between;align-items:center;display:flex}.assignee{align-items:center;gap:8px;font-size:.75rem;display:flex}.avatar{background:var(--primary-accent);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-weight:600;display:flex}.due-date{color:var(--text-muted);align-items:center;gap:4px;font-size:.75rem;display:flex}.modal-overlay{-webkit-backdrop-filter:blur(4px);z-index:100;background:#0006;justify-content:center;align-items:center;width:100vw;height:100vh;animation:.3s fadeIn;display:flex;position:fixed;top:0;left:0}.modal-content{width:100%;max-width:500px;padding:32px}.modal-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.form-group{margin-bottom:20px}.form-group label{color:var(--text-muted);margin-bottom:8px;font-size:.875rem;display:block}.glass-input{border:1px solid var(--glass-border);width:100%;color:var(--text-main);transition:all var(--transition-fast);background:#ffffff0d;border-radius:8px;padding:12px 16px;font-family:inherit;font-size:1rem}[data-theme=light] .glass-input{background:#0000000d}.glass-input:focus{border-color:var(--primary-accent);background:#ffffff1a;outline:none}.settings-section{margin-bottom:32px}.settings-row{border-bottom:1px solid var(--glass-border);justify-content:space-between;align-items:center;padding:16px 0;display:flex}.toggle-switch{background:var(--glass-border);cursor:pointer;width:48px;height:24px;transition:all var(--transition-fast);border-radius:12px;position:relative}.toggle-switch.active{background:var(--primary-accent)}.toggle-switch:after{content:"";width:20px;height:20px;transition:all var(--transition-fast);background:#fff;border-radius:50%;position:absolute;top:2px;left:2px}.toggle-switch.active:after{transform:translate(24px)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.4s forwards fadeIn}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#0000001a;border-radius:4px}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#fff3}