@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--font-sans:"Inter", system-ui, -apple-system, sans-serif;--bg-app:radial-gradient(circle at 50% 0%, #1a1c29 0%, #0d0e15 100%);--bg-card:#1e203273;--bg-card-hover:#282b4499;--border-card:#ffffff14;--border-card-hover:#ffffff29;--shadow-glow:0 8px 32px 0 #0000005e;--text-primary:#f3f4f6;--text-secondary:#9ca3af;--text-muted:#6b7280;--color-primary:#8b5cf6;--color-primary-glow:#8b5cf640;--status-todo:#64748b;--status-inprogress:#8b5cf6;--status-inreview:#0ea5e9;--status-done:#10b981;--priority-low:#10b981;--priority-medium:#f59e0b;--priority-high:#ef4444;font-family:var(--font-sans);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--text-primary);background:var(--bg-app);min-height:100vh;margin:0;padding:0}body{box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg-app);background-attachment:fixed;margin:0;padding:0}*{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:#ffffff1a transparent}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ffffff40}#root{flex-direction:column;width:100%;min-height:100vh;display:flex}.glass-panel{background:var(--bg-card);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-card);box-shadow:var(--shadow-glow);border-radius:16px;transition:all .3s cubic-bezier(.4,0,.2,1)}.glass-panel:hover{border-color:var(--border-card-hover);background:var(--bg-card-hover)}.app-header{border-bottom:1px solid var(--border-card);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:100;background:#0d0e15cc;justify-content:space-between;align-items:center;padding:1.5rem 2rem;display:flex;position:sticky;top:0}.brand{letter-spacing:-.5px;background:linear-gradient(135deg,#a78bfa 0%,#ec4899 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;align-items:center;gap:.75rem;font-size:1.5rem;font-weight:700;display:flex}.user-badge{border:1px solid var(--border-card);cursor:pointer;background:#ffffff0d;border-radius:9999px;align-items:center;gap:.75rem;padding:.5rem 1rem;transition:all .2s;display:flex}.user-badge:hover{background:#ffffff1a;transform:translateY(-1px)}.avatar{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:2rem;height:2rem;font-size:.875rem;font-weight:600;display:flex}.app-container{flex-direction:column;flex:1;gap:2rem;width:100%;max-width:1400px;margin:0 auto;padding:2rem;display:flex}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem;display:grid}.stat-card{flex-direction:column;gap:.5rem;padding:1.5rem;display:flex;position:relative;overflow:hidden}.stat-card:before{content:"";width:4px;height:100%;position:absolute;top:0;left:0}.stat-card.todo:before{background:var(--status-todo)}.stat-card.inprogress:before{background:var(--status-inprogress)}.stat-card.inreview:before{background:var(--status-inreview)}.stat-card.done:before{background:var(--status-done)}.stat-title{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:.875rem;font-weight:500}.stat-value{color:var(--text-primary);font-size:2.25rem;font-weight:700;line-height:1}.stat-description{color:var(--text-muted);font-size:.75rem}.kanban-board{grid-template-columns:repeat(4,1fr);align-items:start;gap:1.5rem;min-height:600px;display:grid}@media (width<=1024px){.kanban-board{grid-template-columns:1fr}}.kanban-column{background:#1e203240;border:1px solid #ffffff0a;border-radius:14px;flex-direction:column;gap:1rem;min-height:500px;padding:1.25rem;display:flex}.column-header{border-bottom:2px solid #0000;justify-content:space-between;align-items:center;padding-bottom:.5rem;display:flex}.column-header.todo{border-image:linear-gradient(to right, var(--status-todo), transparent) 1}.column-header.inprogress{border-image:linear-gradient(to right, var(--status-inprogress), transparent) 1}.column-header.inreview{border-image:linear-gradient(to right, var(--status-inreview), transparent) 1}.column-header.done{border-image:linear-gradient(to right, var(--status-done), transparent) 1}.column-title{align-items:center;gap:.5rem;font-size:1rem;font-weight:600;display:flex}.column-count{color:var(--text-secondary);background:#ffffff14;border-radius:9999px;padding:.2rem .5rem;font-size:.75rem}.cards-container{border-radius:8px;flex-direction:column;gap:.75rem;min-height:450px;transition:background-color .2s;display:flex}.cards-container.drag-over{background:#ffffff08;outline:2px dashed #ffffff1a}.task-card{cursor:grab;flex-direction:column;gap:.75rem;padding:1.25rem;display:flex;position:relative}.task-card:active{cursor:grabbing}.task-card-header{justify-content:space-between;align-items:flex-start;gap:.5rem;display:flex}.task-title{color:var(--text-primary);font-size:.95rem;font-weight:600;line-height:1.4}.priority-tag{text-transform:uppercase;letter-spacing:.5px;border-radius:4px;padding:.15rem .4rem;font-size:.65rem;font-weight:700}.priority-tag.low{color:var(--priority-low);background:#10b98126;border:1px solid #10b9814d}.priority-tag.medium{color:var(--priority-medium);background:#f59e0b26;border:1px solid #f59e0b4d}.priority-tag.high{color:var(--priority-high);background:#ef444426;border:1px solid #ef44444d}.task-desc{color:var(--text-secondary);word-break:break-word;font-size:.825rem;line-height:1.4}.task-dates{color:var(--text-muted);border-top:1px solid #ffffff0d;flex-wrap:wrap;gap:.75rem;margin-top:.25rem;padding-top:.75rem;font-size:.75rem;display:flex}.date-item{align-items:center;gap:.25rem;display:flex}.task-footer{justify-content:space-between;align-items:center;margin-top:.25rem;display:flex}.assignee-info{color:var(--text-secondary);align-items:center;gap:.375rem;font-size:.75rem;display:flex}.assignee-avatar{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:1.5rem;height:1.5rem;font-size:.7rem;font-weight:600;display:flex}.btn{cursor:pointer;border:1px solid #0000;border-radius:8px;align-items:center;gap:.5rem;padding:.625rem 1.25rem;font-size:.875rem;font-weight:500;transition:all .2s;display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--color-primary) 0%, #7c3aed 100%);color:#fff;box-shadow:0 4px 12px var(--color-primary-glow)}.btn-primary:hover{box-shadow:0 6px 16px var(--color-primary-glow);transform:translateY(-1px)}.btn-secondary{border-color:var(--border-card);color:var(--text-primary);background:#ffffff0f}.btn-secondary:hover{background:#ffffff1a}.btn-danger{color:var(--priority-high);background:#ef444426;border-color:#ef44444d}.btn-danger:hover{background:#ef444440}.modal-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:1000;background:#0009;justify-content:center;align-items:center;padding:1.5rem;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.modal-content{width:100%;max-width:520px;padding:2rem;animation:.3s cubic-bezier(.16,1,.3,1) slideUp}.modal-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.modal-title{font-size:1.25rem;font-weight:600}.modal-close{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:4px;align-items:center;padding:.25rem;display:flex}.modal-close:hover{color:var(--text-primary);background:#ffffff14}.form-group{flex-direction:column;gap:.5rem;margin-bottom:1.25rem;display:flex}.form-group label{color:var(--text-secondary);font-size:.875rem;font-weight:500}.form-control{border:1px solid var(--border-card);color:var(--text-primary);font-family:var(--font-sans);background:#ffffff08;border-radius:8px;outline:none;padding:.625rem .875rem;font-size:.95rem;transition:all .2s}.form-control:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-glow);background:#ffffff0d}.form-row{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.profile-selection-container{background:var(--bg-app);flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex}.selection-title{text-align:center;background:linear-gradient(135deg,#a78bfa 0%,#ec4899 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:.5rem;font-size:2rem;font-weight:700}.selection-subtitle{color:var(--text-secondary);text-align:center;margin-bottom:3rem;font-size:1rem}.profiles-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem;width:100%;max-width:900px;display:grid}.profile-card{cursor:pointer;text-align:center;border:1px solid var(--border-card);flex-direction:column;align-items:center;gap:1rem;padding:2rem;display:flex}.profile-card:hover{border-color:var(--color-primary);transform:translateY(-4px);box-shadow:0 10px 25px #8b5cf626}.profile-avatar-large{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:4.5rem;height:4.5rem;font-size:2rem;font-weight:700;display:flex;box-shadow:0 4px 12px #00000040}.profile-name{font-size:1.1rem;font-weight:600}.profile-role{text-transform:uppercase;color:var(--text-secondary);background:#ffffff0f;border-radius:4px;padding:.2rem .6rem;font-size:.75rem;font-weight:700}.manager-dashboard-title{align-items:center;gap:.5rem;margin:1.5rem 0 1rem;font-size:1.5rem;font-weight:600;display:flex}.team-list-section{flex-direction:column;gap:1.5rem;display:flex}.team-member-row{flex-direction:column;gap:1rem;padding:1.5rem;display:flex}.team-member-row-header{justify-content:space-between;align-items:center;display:flex}.member-info-block{align-items:center;gap:1rem;display:flex}.member-name-block{flex-direction:column;display:flex}.member-role-title{color:var(--text-muted);font-size:.75rem}.member-tasks-count{color:var(--text-secondary);font-size:.875rem}.member-tasks-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem;display:grid}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.text-center{text-align:center}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.w-full{width:100%}.mt-4{margin-top:1rem}.mb-2{margin-bottom:.5rem}.no-tasks-placeholder{color:var(--text-muted);text-align:center;border:1px dashed var(--border-card);border-radius:8px;grid-column:1/-1;width:100%;padding:2rem;font-size:.875rem}.progress-bar-container{background:#ffffff0f;border-radius:2px;width:100%;height:4px;overflow:hidden}.progress-bar-fill{background:var(--color-primary);border-radius:2px;height:100%;transition:width .3s}.task-card-actions{opacity:0;gap:.5rem;transition:opacity .2s;display:flex}.task-card:hover .task-card-actions{opacity:1}.icon-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:4px;align-items:center;padding:.25rem;display:flex}.icon-btn:hover{color:var(--text-primary);background:#ffffff14}.icon-btn.delete:hover{color:var(--priority-high);background:#ef444426}
