@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&display=swap";:root{--bg:#0e0d15;--bg-deep:#08080f;--surface-low:#13131b;--surface:#191922;--surface-high:#1f1f29;--surface-highest:#252530;--surface-bright:#2b2b37;--primary:#bd9dff;--primary-dim:#8a4cfc;--primary-vivid:#7c3aed;--secondary:#53ddfc;--secondary-dim:#40ceed;--tertiary:#ffa450;--error:#ff6e84;--error-dim:#d73357;--success:#34d399;--text-primary:#f2effa;--text-secondary:#acaab4;--text-muted:#76747e;--outline:#76747e4d;--outline-strong:#bd9dff40;--priority-crit:#ff6e84;--priority-urg:#f97316;--priority-mid:#ffa450;--priority-low:#34d399;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-pill:999px;--blur-glass:backdrop-filter: blur(16px) saturate(180%);--transition:all .2s cubic-bezier(.4, 0, .2, 1);--glow-primary:0 0 20px #bd9dff2e, 0 0 60px #8c4cfc14;--glow-cyan:0 0 20px #53ddfc2e;--glow-error:0 0 20px #ff6e8440;--shadow-card:0 4px 24px #00000073, 0 1px 4px #0000004d}body.light-mode{--bg:#f0eff8;--bg-deep:#e8e6f4;--surface-low:#e4e2f0;--surface:#eceaf6;--surface-high:#f4f2fc;--surface-highest:#fff;--surface-bright:#fff;--text-primary:#1a1826;--text-secondary:#4a4860;--text-muted:#8884a0;--outline:#645a8c2e;--outline-strong:#7c3aed33;--shadow-card:0 2px 16px #6450b41f, 0 1px 4px #6450b414;--glow-primary:0 0 16px #7c3aed1f}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:var(--bg-deep);color:var(--text-primary);background-image:radial-gradient(80% 60% at 50% -10%,#1a1035 0%,#0000 65%);min-height:100vh;font-family:Space Grotesk,system-ui,sans-serif;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:0;opacity:.5;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.03'/%3E%3C/svg%3E");background-size:200px 200px;position:fixed;inset:0}body:after{content:"";z-index:0;pointer-events:none;opacity:.4;background-image:linear-gradient(#bd9dff0a 1px,#0000 1px),linear-gradient(90deg,#53ddfc05 1px,#0000 1px);background-position:50%;background-size:60px 60px;animation:15s linear infinite gridHolo;position:fixed;inset:-100px;transform:perspective(1000px)rotateX(60deg)translateY(-100px)translateZ(-200px)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes fadeIn{0%{opacity:0;filter:blur(4px)}to{opacity:1;filter:blur()}}@keyframes pulseGlow{0%,to{box-shadow:0 0 6px #bd9dff4d}50%{box-shadow:0 0 18px #bd9dffcc,0 0 40px #53ddfc66}}@keyframes pulseDot{0%,to{opacity:1;transform:scale(1);box-shadow:0 0 8px #53ddfcb3}50%{opacity:.6;transform:scale(.85);box-shadow:0 0 16px #53ddfce6}}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}@keyframes scanline{0%{transform:translateY(-100%)}to{transform:translateY(100vh)}}@keyframes notifPop{0%{opacity:0;transform:translateY(-10px)scale(.9)}40%{transform:translateY(2px)scale(1.02)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes gridHolo{0%{transform:perspective(1000px)rotateX(60deg)translateY(0)translateZ(-200px)}to{transform:perspective(1000px)rotateX(60deg)translateY(60px)translateZ(-200px)}}@keyframes glitchHover{0%{transform:translate(0)}20%{transform:translate(-2px,1px)}40%{transform:translate(-1px,-1px)}60%{transform:translate(2px,1px)}80%{transform:translate(1px,-1px)}to{transform:translate(0)}}.app-container{z-index:1;flex-direction:column;min-height:100vh;display:flex;position:relative}.navbar{-webkit-backdrop-filter:blur(20px)saturate(200%);z-index:100;background:#0e0d15e0 padding-box padding-box;border-bottom:1px solid #0000;flex-wrap:nowrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;height:58px;padding:0 24px;display:flex;position:sticky;top:0;box-shadow:0 1px #bd9dff4d,0 1px #53ddfc1a,0 4px 24px #0006}.navbar:after{content:"";opacity:.7;background:linear-gradient(90deg,#0000 0%,#7c3aed 30%,#53ddfc 70%,#0000 100%);height:1px;position:absolute;bottom:0;left:0;right:0}.logo{letter-spacing:-.01em;color:var(--text-primary);white-space:nowrap;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;font-family:Space Grotesk,sans-serif;font-size:1.1rem;font-weight:700;display:flex}.logo-mark{color:#fff;letter-spacing:-1px;background:linear-gradient(135deg,#7c3aed 0%,#06b6d4 100%);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:.8rem;font-weight:900;animation:4s infinite alternate pulseGlow;display:flex;box-shadow:0 0 16px #7c3aed99,inset 0 0 8px #fff6}.logo span{color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase;font-size:.7rem;font-weight:500}.tab-switcher{border-radius:var(--radius-pill);border:1px solid var(--outline);background:#ffffff0a;align-items:center;gap:4px;padding:4px;display:flex}.tab-switcher button{color:var(--text-secondary);border-radius:var(--radius-pill);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transition:var(--transition);white-space:nowrap;background:0 0;border:none;padding:6px 16px;font-family:Space Grotesk,sans-serif;font-size:.78rem;font-weight:600}.tab-switcher button:hover{color:var(--text-primary);background:#bd9dff14}.tab-switcher button.active{color:#fff;background:linear-gradient(135deg,#7c3aed 0%,#8a4cfc 100%);box-shadow:0 0 16px #7c3aed73,inset 0 1px #ffffff26}.shift-filter{gap:4px;display:flex}.shift-filter button{letter-spacing:.08em;text-transform:uppercase;border:1px solid var(--outline);color:var(--text-secondary);border-radius:var(--radius-pill);cursor:pointer;transition:var(--transition);background:0 0;padding:5px 14px;font-family:Space Grotesk,sans-serif;font-size:.72rem;font-weight:700}.shift-filter button:hover{color:var(--primary);border-color:var(--primary-dim)}.shift-filter button.sf-active{color:#fff;background:linear-gradient(135deg,#7c3aed,#8a4cfc);border-color:#0000;box-shadow:0 0 12px #7c3aed59}.nav-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.btn-primary{letter-spacing:.08em;text-transform:uppercase;color:#fff;cursor:pointer;white-space:nowrap;clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);background:linear-gradient(90deg,#7c3aedcc 0%,#06b6d4cc 100%);border:1px solid #7c3aedcc;border-radius:4px;padding:8px 24px;font-family:Space Grotesk,sans-serif;font-size:.78rem;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 0 16px #7c3aed66,inset 0 2px 4px #fff3}.btn-primary:before{content:"";background:linear-gradient(90deg,#0000,#fff6,#0000);width:50%;height:100%;transition:all .5s;position:absolute;top:0;left:-100%;transform:skew(-20deg)}.btn-primary:hover{background:linear-gradient(90deg,#7c3aed 0%,#06b6d4 100%);transform:translateY(-2px);box-shadow:0 0 30px #06b6d499,0 4px 12px #0000004d}.btn-primary:hover:before{left:200%}.btn-primary:active{transform:translateY(1px)}.btn-secondary{letter-spacing:.04em;border-radius:var(--radius-pill);border:1px solid var(--outline-strong);color:var(--primary);cursor:pointer;transition:var(--transition);white-space:nowrap;background:#bd9dff12;padding:7px 16px;font-family:Space Grotesk,sans-serif;font-size:.78rem;font-weight:600}.btn-secondary:hover{border-color:var(--primary);box-shadow:var(--glow-primary);background:#bd9dff26}.btn-cancel{letter-spacing:.04em;border-radius:var(--radius-pill);border:1px solid var(--outline);color:var(--text-secondary);cursor:pointer;transition:var(--transition);white-space:nowrap;background:0 0;padding:7px 16px;font-family:Space Grotesk,sans-serif;font-size:.78rem;font-weight:600}.btn-cancel:hover{color:var(--text-primary);border-color:var(--outline-strong);background:#ffffff0a}.btn-icon{border-radius:var(--radius-pill);border:1px solid var(--outline);width:36px;height:36px;color:var(--text-secondary);cursor:pointer;transition:var(--transition);background:#ffffff0a;flex-shrink:0;justify-content:center;align-items:center;font-size:.85rem;display:flex}.btn-icon:hover{color:var(--primary);border-color:var(--outline-strong);background:#bd9dff1a}.user-chip{border:1px solid var(--outline);border-radius:var(--radius-pill);background:#ffffff0a;align-items:center;gap:8px;padding:4px 12px 4px 4px;display:flex}.user-chip-avatar{color:#fff;letter-spacing:-.5px;background:linear-gradient(135deg,#7c3aed,#06b6d4);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;font-size:.65rem;font-weight:800;display:flex}.user-chip-info{line-height:1}.user-chip-name{color:var(--text-primary);font-size:.78rem;font-weight:600}.user-chip-role{letter-spacing:.06em;text-transform:uppercase;color:var(--primary);font-size:.62rem;font-weight:500}.notif-btn{position:relative}.notif-badge{background:var(--error);color:#fff;border-radius:var(--radius-pill);justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 4px;font-size:.6rem;font-weight:900;animation:2s ease-in-out infinite pulseGlow;display:flex;position:absolute;top:-3px;right:-3px;box-shadow:0 0 8px #ff6e8499}.notif-dropdown{background:var(--surface);border:1px solid var(--outline-strong);border-radius:var(--radius-lg);width:320px;box-shadow:0 24px 48px #00000080, var(--glow-primary);z-index:200;animation:.2s forwards notifPop;position:absolute;top:calc(100% + 10px);right:0;overflow:hidden}.notif-header{border-bottom:1px solid var(--outline);justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.notif-header strong{letter-spacing:.04em;text-transform:uppercase;color:var(--text-secondary);font-size:.85rem;font-weight:700}.notif-item{cursor:pointer;transition:var(--transition);border-bottom:1px solid #ffffff0a;gap:12px;padding:12px 16px;display:flex}.notif-item:hover{background:#bd9dff0f}.notif-item.unread{background:#bd9dff0a}.notif-icon{flex-shrink:0;margin-top:1px;font-size:1rem}.notif-msg{color:var(--text-secondary);font-size:.8rem;line-height:1.4}.notif-item.unread .notif-msg{color:var(--text-primary)}.notif-time{color:var(--text-muted);letter-spacing:.04em;margin-top:3px;font-size:.68rem}.notif-dot{background:var(--primary);width:6px;height:6px;box-shadow:0 0 6px var(--primary);border-radius:50%;flex-shrink:0;margin-top:6px}.board-container{flex:1;padding:28px 24px;overflow-x:auto}.board-view{margin-bottom:40px;animation:.3s fadeIn}.board-view>h2{letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted);align-items:center;gap:10px;margin-bottom:16px;font-size:.75rem;font-weight:700;display:flex}.board-view>h2:after{content:"";background:var(--outline);flex:1;height:1px}.lists-container{align-items:flex-start;gap:16px;min-height:200px;display:flex}.list{background:var(--surface-low);border-radius:var(--radius-lg);border:1px solid var(--outline);flex-shrink:0;width:290px;min-width:290px;animation:.35s both slideUp;overflow:hidden}.list-header{border-bottom:1px solid var(--outline);background:#ffffff05;justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.list-header h3{letter-spacing:.1em;text-transform:uppercase;color:var(--text-secondary);align-items:center;gap:8px;font-size:.78rem;font-weight:700;display:flex}.col-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.col-dot.violet{background:var(--primary-vivid);box-shadow:0 0 8px #7c3aedb3}.col-dot.cyan{background:var(--secondary);animation:1.5s ease-in-out infinite pulseDot;box-shadow:0 0 8px #53ddfcb3}.col-dot.green{background:var(--success);box-shadow:0 0 8px #34d399b3}.col-dot.amber{background:var(--tertiary);box-shadow:0 0 8px #ffa450b3}.col-count{letter-spacing:.05em;background:var(--surface-highest);color:var(--text-muted);border-radius:var(--radius-pill);border:1px solid var(--outline);padding:2px 8px;font-size:.65rem;font-weight:800}.btn-delete-list{color:var(--text-muted);cursor:pointer;width:24px;height:24px;transition:var(--transition);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:.8rem;display:flex}.btn-delete-list:hover{color:var(--error);background:#ff6e841a}.cards-drop-zone{flex-direction:column;gap:8px;min-height:80px;padding:10px;display:flex}.card{-webkit-backdrop-filter:blur(16px)saturate(180%);border-radius:var(--radius-md);cursor:pointer;transform-style:preserve-3d;background:linear-gradient(#252530b3 0%,#14141ce6 100%);border:1px solid #bd9dff26;border-top-color:#bd9dff4d;padding:16px 14px 14px;transition:all .4s cubic-bezier(.25,.46,.45,.94);animation:.4s both slideUp;position:relative;overflow:hidden}.card:before{content:"";opacity:0;pointer-events:none;background:linear-gradient(105deg,#0000 20%,#53ddfc1a 50%,#0000 80%) 0 0/200% 100%;transition:opacity .3s;position:absolute;inset:0}.card:hover:before{opacity:1;animation:1.5s infinite shimmer}.card:hover{z-index:10;border-color:#53ddfc80;transform:translateY(-4px)scale(1.02);box-shadow:0 15px 35px #00000080,0 0 25px #53ddfc33,inset 0 0 15px #bd9dff0d}.card.is-dragging{border-color:var(--secondary);opacity:.98;z-index:100;transform:rotate(3deg)scale(1.05);box-shadow:0 20px 50px #000c,0 0 40px #53ddfc66}.card h4{color:var(--text-primary);letter-spacing:-.01em;font-size:.85rem;font-weight:600;line-height:1.4}.card h4.completed{color:var(--text-muted);text-decoration:line-through}.priority-badge{letter-spacing:.1em;text-transform:uppercase;border-radius:var(--radius-pill);border:1px solid;flex-shrink:0;padding:3px 7px;font-size:.58rem;font-weight:800}.card-pin{background:var(--tertiary);vertical-align:middle;border-radius:50%;flex-shrink:0;width:6px;height:6px;margin-right:6px;display:inline-block;box-shadow:0 0 6px #ffa450cc}.card-meta{flex-wrap:wrap;align-items:center;gap:6px;margin-top:10px;display:flex}.card-chip{letter-spacing:.06em;text-transform:uppercase;border-radius:var(--radius-pill);background:var(--surface-highest);color:var(--text-muted);border:1px solid var(--outline);padding:3px 8px;font-size:.62rem;font-weight:700}.card-chip.ticket{color:var(--secondary);background:#53ddfc0f;border-color:#53ddfc40}.card-chip.deadline{color:var(--error);background:#ff6e840f;border-color:#ff6e8440}.card-chip.shift-m{color:var(--tertiary);background:#ffa4500f;border-color:#ffa45040}.card-chip.shift-a{color:var(--primary);background:#bd9dff0f;border-color:#bd9dff40}.card-assignee{color:var(--text-muted);align-items:center;gap:6px;margin-top:8px;font-size:.7rem;font-weight:500;display:flex}.assignee-avatar{background:linear-gradient(135deg, var(--primary-dim), var(--secondary-dim));color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;font-size:.58rem;font-weight:800;display:inline-flex}.progress-bar{background:var(--surface-bright);border-radius:var(--radius-pill);height:3px;margin-top:10px;overflow:hidden}.progress-fill{border-radius:var(--radius-pill);background:linear-gradient(90deg,#7c3aed,#53ddfc);height:100%;transition:width .5s}.btn-add-card{width:100%;color:var(--text-muted);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);background:#bd9dff05;border:1px dashed #53ddfc4d;border-radius:4px;width:calc(100% - 20px);margin:10px;padding:12px;font-family:Space Grotesk,sans-serif;font-size:.72rem;font-weight:700;transition:all .3s}.btn-add-card:hover{border-style:solid;border-color:var(--secondary);color:#fff;background:#53ddfc1a;transform:scale(1.02);box-shadow:0 0 20px #53ddfc33}.list-add-wrapper{min-width:200px}.btn-add-list{background:var(--surface-low);border:1px dashed var(--outline);border-radius:var(--radius-lg);width:100%;color:var(--text-muted);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transition:var(--transition);padding:14px 20px;font-family:Space Grotesk,sans-serif;font-size:.75rem;font-weight:600}.btn-add-list:hover{border-color:var(--primary);color:var(--primary);background:#bd9dff0f}.login-overlay{background:var(--bg-deep);background-image:radial-gradient(80% 60% at 50% -10%,#1a1035 0%,#0000 65%),radial-gradient(50% 30% at 80% 100%,#53ddfc0f 0%,#0000 60%);justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.login-overlay:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#bd9dff66,#0000);height:2px;animation:6s linear infinite scanline;position:absolute;left:0;right:0}.login-box{-webkit-backdrop-filter:blur(24px)saturate(180%);width:380px;box-shadow:0 32px 64px #0009, var(--glow-primary);text-align:center;background:#191922d9;border:1px solid #bd9dff26;border-radius:20px;padding:48px 40px;animation:.4s slideUp}.login-logo-mark{color:#fff;letter-spacing:-1px;background:linear-gradient(135deg,#7c3aed 0%,#53ddfc 100%);border-radius:14px;justify-content:center;align-items:center;width:52px;height:52px;margin:0 auto 20px;font-family:Space Grotesk,sans-serif;font-size:1.1rem;font-weight:900;display:flex;box-shadow:0 0 24px #7c3aed8c}.login-title{letter-spacing:-.02em;color:var(--text-primary);margin-bottom:4px;font-size:1.5rem;font-weight:700}.login-subtitle{letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);margin-bottom:32px;font-size:.75rem;font-weight:500}.login-form{flex-direction:column;gap:14px;display:flex}.login-form input{background:var(--surface-high);border:1px solid var(--outline);border-radius:var(--radius-md);width:100%;color:var(--text-primary);transition:var(--transition);outline:none;padding:14px 16px;font-family:Space Grotesk,sans-serif;font-size:.9rem}.login-form input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #bd9dff1f}.login-form input::placeholder{color:var(--text-muted)}.login-error{border-radius:var(--radius-md);color:var(--error);text-align:left;background:#ff6e841a;border:1px solid #ff6e844d;padding:10px 14px;font-size:.82rem;font-weight:500}.login-btn{border-radius:var(--radius-md);color:#fff;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;width:100%;transition:var(--transition);background:linear-gradient(135deg,#7c3aed 0%,#06b6d4 100%);border:none;margin-top:6px;padding:14px;font-family:Space Grotesk,sans-serif;font-size:.88rem;font-weight:800;box-shadow:0 0 24px #7c3aed66}.login-btn:hover{transform:translateY(-1px);box-shadow:0 0 36px #7c3aed99,0 8px 24px #0000004d}.modal-overlay{-webkit-backdrop-filter:blur(8px);z-index:500;background:#08080fd9;justify-content:center;align-items:center;padding:20px;animation:.18s fadeIn;display:flex;position:fixed;inset:0}.modal-content{background:var(--surface);border:1px solid var(--outline-strong);width:100%;max-width:440px;box-shadow:0 32px 64px #000000a6, var(--glow-primary);border-radius:18px;padding:32px;animation:.25s slideUp}.modal-content h3{letter-spacing:.05em;text-transform:uppercase;color:var(--text-secondary);margin-bottom:20px;font-size:1rem;font-weight:700}.modal-content input,.modal-content select,.modal-content textarea{background:var(--surface-high);border:1px solid var(--outline);border-radius:var(--radius-md);width:100%;color:var(--text-primary);transition:var(--transition);resize:vertical;outline:none;padding:12px 14px;font-family:Space Grotesk,sans-serif;font-size:.88rem}.modal-content input:focus,.modal-content select:focus,.modal-content textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px #bd9dff1a}.modal-content input::placeholder,.modal-content textarea::placeholder{color:var(--text-muted)}.modal-content label{letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);margin-bottom:6px;font-size:.68rem;font-weight:700;display:block}.modal-content select option{background:var(--surface-highest)}.modal-actions{justify-content:flex-end;gap:10px;margin-top:24px;display:flex}.modal-content.deep-card{scrollbar-width:thin;scrollbar-color:var(--outline-strong) transparent;max-width:760px;max-height:90vh;overflow-y:auto}.modal-content.deep-card::-webkit-scrollbar{width:5px}.modal-content.deep-card::-webkit-scrollbar-thumb{background:var(--outline-strong);border-radius:99px}.deep-title{letter-spacing:-.01em!important;color:var(--text-primary)!important;border:none!important;border-bottom:1px solid var(--outline)!important;background:0 0!important;border-radius:0!important;width:100%!important;padding:8px 0!important;font-size:1.15rem!important;font-weight:700!important}.deep-title:focus{border-bottom-color:var(--primary)!important;box-shadow:none!important;outline:none!important}.form-region{margin-top:20px}.form-group{flex-direction:column;gap:6px;display:flex}.form-row{flex-wrap:wrap;gap:14px;display:flex}.form-row .form-group{flex:1;min-width:150px}.checklists-section{margin-top:20px}.checklist-items{flex-direction:column;gap:6px;margin-top:10px;list-style:none;display:flex}.checklist-item{background:var(--surface-high);border:1px solid var(--outline);border-radius:var(--radius-md);transition:var(--transition);align-items:center;gap:10px;padding:10px 14px;display:flex}.checklist-item:hover{border-color:var(--outline-strong)}.checklist-item input[type=checkbox]{accent-color:var(--primary);cursor:pointer;width:15px;height:15px}.checklist-item span{flex:1;font-size:.85rem}.checklist-item span.completed{color:var(--text-muted);text-decoration:line-through}.btn-delete-check{color:var(--text-muted);cursor:pointer;width:22px;height:22px;transition:var(--transition);background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.75rem;display:flex}.btn-delete-check:hover{color:var(--error);background:#ff6e841a}.comments-section{margin-top:20px}.comments-list{flex-direction:column;gap:8px;max-height:200px;margin-bottom:12px;display:flex;overflow-y:auto}.comment-bubble{background:var(--surface-low);border:1px solid var(--outline);border-left:3px solid var(--primary-vivid);border-radius:var(--radius-md);padding:12px 14px;animation:.2s slideUp}.dashboard-container{padding:28px 24px;animation:.3s fadeIn}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:28px;display:grid}.stat-card{background:var(--surface-low);border:1px solid var(--outline);border-radius:var(--radius-lg);transition:var(--transition);padding:20px 22px;animation:.3s both slideUp}.stat-card:hover{border-color:var(--outline-strong);box-shadow:var(--shadow-card);transform:translateY(-2px)}.stat-label{letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);margin-bottom:8px;font-size:.65rem;font-weight:700}.stat-value{letter-spacing:-.03em;color:var(--text-primary);font-size:2rem;font-weight:700;line-height:1}.stat-sub{color:var(--text-muted);margin-top:4px;font-size:.72rem}*{scrollbar-width:thin;scrollbar-color:var(--outline) transparent}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-thumb{background:var(--outline);border-radius:99px}.empty-state{min-height:300px;color:var(--text-muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex}.empty-state h2{color:var(--text-secondary);font-size:1rem;font-weight:600}.empty-state p{max-width:320px;font-size:.85rem;line-height:1.6}.ai-section{border-top:1px solid var(--outline);margin-top:24px;padding-top:20px}.ai-section-label{letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted);align-items:center;gap:8px;margin-bottom:12px;font-size:.65rem;font-weight:800;display:flex}.ai-section-label:after{content:"";background:var(--outline);flex:1;height:1px}.btn-ai{letter-spacing:.06em;text-transform:uppercase;border-radius:var(--radius-pill);cursor:pointer;transition:var(--transition);border:1px solid;align-items:center;gap:6px;padding:8px 14px;font-family:Space Grotesk,sans-serif;font-size:.72rem;font-weight:700;display:inline-flex}.btn-ai.violet{color:var(--primary);background:#bd9dff14;border-color:#bd9dff40}.btn-ai.violet:hover{box-shadow:var(--glow-primary);background:#bd9dff26}.btn-ai.cyan{color:var(--secondary);background:#53ddfc14;border-color:#53ddfc40}.btn-ai.cyan:hover{box-shadow:var(--glow-cyan);background:#53ddfc26}.btn-ai.amber{color:var(--tertiary);background:#ffa45014;border-color:#ffa45040}.btn-ai.amber:hover{background:#ffa45026}.btn-ai:disabled{opacity:.5;cursor:not-allowed}.ai-result-panel{border-radius:var(--radius-md);border:1px solid;margin-top:12px;padding:16px;animation:.25s slideUp}.ai-result-panel.violet{background:#bd9dff0f;border-color:#bd9dff33}.ai-result-panel.cyan{background:#53ddfc0d;border-color:#53ddfc2e}.ai-result-panel.amber{background:#ffa4500d;border-color:#ffa4502e}.spinner{border:2px solid #bd9dff4d;border-top-color:var(--primary);border-radius:50%;width:12px;height:12px;animation:.7s linear infinite spin;display:inline-block}.section-divider{background:var(--outline);height:1px;margin:20px 0}.text-accent{color:var(--primary)}.text-cyan{color:var(--secondary)}.text-success{color:var(--success)}.text-error{color:var(--error)}.text-amber{color:var(--tertiary)}.text-muted{color:var(--text-muted)}.tag{letter-spacing:.08em;text-transform:uppercase;border-radius:var(--radius-pill);align-items:center;padding:3px 8px;font-size:.62rem;font-weight:700;display:inline-flex}.report-container{max-width:1400px;margin:0 auto;padding:28px 24px;animation:.3s fadeIn}.report-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:28px;display:flex}.report-header h2{letter-spacing:-.02em;margin-bottom:4px;font-size:1.5rem;font-weight:700}.report-header p{color:var(--text-secondary);font-size:.82rem}.report-filters{-webkit-backdrop-filter:blur(16px)saturate(180%);border:1px solid var(--outline);border-radius:var(--radius-lg);background:#191922b3;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:24px;padding:14px 20px;animation:.3s both slideUp;display:flex}.report-filters label{letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);white-space:nowrap;font-size:.68rem;font-weight:700}.report-filters select,.report-filters input[type=month]{background:var(--surface-high);border:1px solid var(--outline);color:var(--text-primary);border-radius:var(--radius-md);transition:var(--transition);outline:none;min-width:140px;padding:7px 12px;font-family:Space Grotesk,sans-serif;font-size:.82rem}.report-filters select:focus,.report-filters input[type=month]:focus{border-color:var(--primary);box-shadow:0 0 0 3px #bd9dff1a}.report-filters select option{background:var(--surface-highest)}.report-export-btn{letter-spacing:.08em;text-transform:uppercase;color:var(--success);cursor:pointer;white-space:nowrap;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);background:#34d3991a;border:1px solid #34d39980;border-radius:4px;padding:8px 20px;font-family:Space Grotesk,sans-serif;font-size:.72rem;font-weight:700;transition:all .3s;position:relative;overflow:hidden}.report-export-btn:before{content:"";background:linear-gradient(90deg,#0000,#34d3994d,#0000);width:50%;height:100%;transition:all .5s;position:absolute;top:0;left:-100%;transform:skew(-20deg)}.report-export-btn:hover{border-color:var(--success);background:#34d39933;transform:translateY(-1px);box-shadow:0 0 20px #34d3994d}.report-export-btn:hover:before{left:200%}.report-table-wrapper{background:var(--surface-low);border:1px solid var(--outline);border-radius:var(--radius-lg);margin-bottom:24px;animation:.35s both slideUp;overflow:hidden}.report-table-title{border-bottom:1px solid var(--outline);background:#ffffff05;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.report-table-title h3{letter-spacing:.1em;text-transform:uppercase;color:var(--text-secondary);font-size:.78rem;font-weight:700}.report-table{border-collapse:collapse;width:100%;font-size:.82rem}.report-table thead th{text-align:left;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);border-bottom:1px solid var(--outline);white-space:nowrap;cursor:default;-webkit-user-select:none;user-select:none;background:#ffffff05;padding:12px 16px;font-size:.65rem;font-weight:800}.report-table tbody tr{transition:var(--transition);cursor:pointer;border-bottom:1px solid #ffffff08}.report-table tbody tr:hover{background:#bd9dff0f}.report-table tbody tr:nth-child(2n){background:#ffffff04}.report-table tbody tr:nth-child(2n):hover{background:#bd9dff0f}.report-table td{vertical-align:middle;color:var(--text-secondary);white-space:nowrap;padding:12px 16px}.report-table td:first-child{color:var(--text-primary);font-weight:600}.report-rank{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;margin-right:10px;font-size:.68rem;font-weight:900;display:inline-flex}.report-rank.rank-1{color:#1a1a2e;background:linear-gradient(135deg,gold,#fa0);box-shadow:0 0 12px #ffd70080}.report-rank.rank-2{color:#1a1a2e;background:linear-gradient(135deg,silver,#a0a0a0);box-shadow:0 0 8px #c0c0c066}.report-rank.rank-3{color:#fff;background:linear-gradient(135deg,#cd7f32,#b06828);box-shadow:0 0 8px #cd7f3266}.report-rank.rank-other{background:var(--surface-highest);color:var(--text-muted);border:1px solid var(--outline)}.report-badge{letter-spacing:.08em;text-transform:uppercase;border-radius:var(--radius-pill);border:1px solid;align-items:center;gap:4px;padding:3px 8px;font-size:.62rem;font-weight:800;display:inline-flex}.report-badge.on-time{color:var(--success);background:#34d39914;border-color:#34d3994d}.report-badge.late{color:var(--error);background:#ff6e8414;border-color:#ff6e844d}.report-badge.active{color:var(--secondary);background:#53ddfc14;border-color:#53ddfc4d}.report-badge.warning{color:var(--tertiary);background:#ffa45014;border-color:#ffa4504d}.report-rate-bar{align-items:center;gap:8px;min-width:100px;display:flex}.report-rate-track{background:var(--surface-bright);border-radius:var(--radius-pill);flex:1;height:4px;overflow:hidden}.report-rate-fill{border-radius:var(--radius-pill);height:100%;transition:width .6s}.report-rate-fill.excellent{background:linear-gradient(90deg,#34d399,#6ee7b7)}.report-rate-fill.good{background:linear-gradient(90deg,#ffa450,gold)}.report-rate-fill.poor{background:linear-gradient(90deg,#ff6e84,#ef4444)}.report-rate-label{text-align:right;min-width:38px;font-size:.75rem;font-weight:700}.report-expand-row td{border-bottom:1px solid var(--outline);padding:0!important}.report-expand-content{background:#0003;padding:16px 20px;animation:.25s both slideUp}.report-task-list{flex-direction:column;gap:6px;display:flex}.report-task-row{background:var(--surface);border:1px solid var(--outline);border-radius:var(--radius-md);transition:var(--transition);align-items:center;gap:12px;padding:10px 14px;font-size:.8rem;display:flex}.report-task-row:hover{border-color:var(--outline-strong);background:var(--surface-high)}.report-task-title{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;flex:1;font-weight:500;overflow:hidden}.report-task-meta{flex-shrink:0;align-items:center;gap:8px;display:flex}.report-task-meta span{color:var(--text-muted);white-space:nowrap;font-size:.7rem}.report-expand-icon{background:var(--surface-highest);border:1px solid var(--outline);width:20px;height:20px;color:var(--text-muted);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.65rem;font-weight:900;transition:all .3s;display:inline-flex}.report-expand-icon.open{border-color:var(--primary);color:var(--primary);background:#bd9dff26;transform:rotate(180deg)}.report-empty{color:var(--text-muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:60px 20px;display:flex}.report-empty h3{color:var(--text-secondary);font-size:1rem;font-weight:600}.report-empty p{max-width:320px;font-size:.85rem;line-height:1.6}.report-loading{color:var(--text-secondary);justify-content:center;align-items:center;gap:12px;padding:80px 20px;font-size:.85rem;display:flex}.report-loading .spinner{width:18px;height:18px}.report-user-cell{align-items:center;gap:0;display:flex}.report-user-avatar{color:#fff;background:linear-gradient(135deg,#7c3aed,#06b6d4);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;margin-right:10px;font-size:.62rem;font-weight:800;display:flex}@keyframes spin{to{transform:rotate(360deg)}}.cards-container{flex-direction:column;gap:8px;min-height:80px;padding:10px;display:flex}.cards-container.drag-over{border-radius:var(--radius-md);background:#53ddfc0a}