@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap";:root{--primary:#6c3bff;--primary-hover:#582be6;--secondary:#fff;--success:#22c55e;--warning:#f59e0b;--error:#ef4444;--bg-app:#f8f9fd;--bg-sidebar:#fff;--bg-card:#ffffffb3;--bg-card-hover:#ffffffe6;--border-color:#6c3bff14;--border-color-hover:#6c3bff2e;--text-main:#1a1824;--text-muted:#6e6b7b;--text-on-primary:#fff;--accent-light:#f3eeff;--accent-hover:#e8ddff;--shadow-sm:0 4px 12px #6c3bff08;--shadow-md:0 8px 24px #6c3bff0f;--shadow-lg:0 16px 40px #6c3bff1a;--glass-effect:backdrop-filter: blur(20px);-webkit-backdrop-filter:blur(20px);--font-family:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, sans-serif}@media (prefers-color-scheme:dark){:root.auto-theme{--bg-app:#0a0915;--bg-sidebar:#0e0d1f;--bg-card:#14122699;--bg-card-hover:#ffffff0a;--border-color:#6c3bff26;--border-color-hover:#6c3bff4d;--text-main:#f1eff7;--text-muted:#a39eb8;--accent-light:#1a1635;--accent-hover:#261f4d;--shadow-sm:0 4px 12px #0003;--shadow-md:0 8px 24px #0000004d;--shadow-lg:0 16px 40px #0006}}:root.dark-theme{--bg-app:#0a0915;--bg-sidebar:#0e0d1f;--bg-card:#14122699;--bg-card-hover:#ffffff0a;--border-color:#6c3bff26;--border-color-hover:#6c3bff4d;--text-main:#f1eff7;--text-muted:#a39eb8;--accent-light:#1a1635;--accent-hover:#261f4d;--shadow-sm:0 4px 12px #0003;--shadow-md:0 8px 24px #0000004d;--shadow-lg:0 16px 40px #0006}*{box-sizing:border-box;font-family:var(--font-family);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0}body{background-color:var(--bg-app);color:var(--text-main);min-height:100vh;transition:background-color .3s,color .3s;overflow-x:hidden}.app-container{min-height:100vh;display:flex;position:relative}.main-content{flex-direction:column;flex:1;gap:2rem;min-width:0;margin-left:280px;padding:2rem;transition:margin-left .3s;display:flex}@media (width<=1024px){.main-content{margin-left:0;padding:5rem 1.5rem 1.5rem}}.card{background:var(--bg-card);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(20px);border-radius:12px;padding:1.5rem;transition:all .25s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.card:hover{border-color:var(--border-color-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}h1,h2,h3,h4,h5,h6{letter-spacing:-.025em;color:var(--text-main);font-weight:700;line-height:1.25}p{color:var(--text-muted);font-size:.9rem;line-height:1.6}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-color-hover);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--primary)}.btn{cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;padding:.65rem 1.15rem;font-size:.85rem;font-weight:600;text-decoration:none;transition:all .15s;display:inline-flex}.btn-primary{background:var(--primary);color:var(--text-on-primary);box-shadow:0 2px 8px #6c3bff33}.btn-primary:hover{background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 4px 12px #6c3bff4d}.btn-secondary{background:var(--accent-light);color:var(--primary);border:1px solid #6c3bff14}.btn-secondary:hover{background:var(--accent-hover)}.btn-danger{background:var(--error);color:#fff}.input-field{border:1px solid var(--border-color);background:var(--bg-card);width:100%;color:var(--text-main);border-radius:8px;outline:none;padding:.65rem .9rem;font-size:.9rem;transition:all .15s}.input-field:focus{border-color:var(--primary);box-shadow:0 0 0 2px #6c3bff1f}.kanban-container{gap:1.25rem;min-height:calc(100vh - 200px);padding-bottom:1.5rem;display:flex;overflow-x:auto}.kanban-column{border:1px dashed var(--border-color);background:#6c3bff05;border-radius:20px;flex-direction:column;flex:0 0 320px;gap:1rem;height:max-content;max-height:calc(100vh - 200px);padding:1rem;display:flex}.kanban-header{justify-content:space-between;align-items:center;padding:.25rem .5rem;font-size:.95rem;font-weight:700;display:flex}.kanban-count{background:var(--accent-light);color:var(--primary);border-radius:100px;padding:.2rem .6rem;font-size:.75rem;font-weight:700}.kanban-cards-wrapper{flex-direction:column;gap:.75rem;min-height:150px;padding-right:2px;display:flex;overflow-y:auto}.shimmer{background:linear-gradient(90deg,#fff0 0%,#fff3 50%,#fff0 100%) 0 0/200% 100%;animation:1.5s infinite shimmer}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}[popover]{border:1px solid var(--border-color);background:var(--bg-sidebar);color:var(--text-main);box-shadow:var(--shadow-md);border-radius:12px;padding:.5rem}.dialog-overlay{-webkit-backdrop-filter:blur(8px);z-index:300;background:#0a091566;border:none;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.dialog-box{background:var(--bg-sidebar);border:1px solid var(--border-color);width:480px;max-width:95%;box-shadow:var(--shadow-lg);z-index:310;color:var(--text-main);border-radius:20px;flex-direction:column;gap:1.25rem;padding:2rem;animation:.25s cubic-bezier(.34,1.56,.64,1) modalPop;display:flex}@keyframes modalPop{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.mobile-top-bar{background:var(--bg-sidebar);border-bottom:1px solid var(--border-color);z-index:90;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);justify-content:space-between;align-items:center;width:100%;height:60px;padding:0 1.25rem;display:none;position:fixed;top:0;left:0}@media (width<=1024px){.mobile-top-bar{display:flex}}.mobile-brand{align-items:center;gap:.5rem;display:flex}.mobile-brand h2{font-size:.95rem;font-weight:800}.menu-toggle-btn{background:var(--accent-light);color:var(--primary);cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;padding:.45rem;display:flex}.table-container{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}.roster-table{border-collapse:collapse;width:100%;margin-top:.5rem;font-size:.88rem}.roster-table th,.roster-table td{text-align:left;border-bottom:1px solid var(--border-color);padding:.85rem 1rem}.roster-table th{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;background:#6c3bff05;font-size:.72rem;font-weight:700}.roster-table tbody tr:hover{background:#6c3bff03}@media (width<=600px){.form-row-flex{flex-direction:column;align-items:stretch!important}.form-group-el,.assign-btn{width:100%}.dashboard-grid{grid-template-columns:1fr!important}.large-span{grid-column:span 1!important}}