:root{--bg-primary:#0f172a;--bg-secondary:#1e293b;--bg-tertiary:#334155;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--accent-primary:#6366f1;--accent-hover:#818cf8;--accent-soft:#6366f11a;--border-color:#334155;--border-light:#ffffff1a;--success:#10b981;--warning:#f59e0b;--error:#ef4444;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#0f172a;color:#f8fafc;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:Fira Code,source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.create-modal{max-width:450px}.create-form label{color:#495057;font-size:14px;font-weight:600;margin-bottom:6px}.create-form input,.create-form select{border:1px solid #ced4da;border-radius:6px;box-sizing:border-box;font-size:15px;padding:10px 14px;transition:all .2s ease;width:100%}.create-form input:focus,.create-form select:focus{border-color:#3b5bdb;box-shadow:0 0 0 3px #3b5bdb1a;outline:none}.create-form input.input-error{border-color:#fa5252}.create-form input.input-error:focus{box-shadow:0 0 0 3px #fa52521a}.inline-error{color:#fa5252;font-size:13px;margin-top:4px}.btn-create{background-color:#3b5bdb;border-radius:6px;font-size:14px;font-weight:600;padding:10px 18px;transition:background-color .2s ease}.btn-create:hover:not(:disabled){background-color:#364fc7}.btn-create:disabled{opacity:.7}.confirm-modal-overlay{align-items:center;animation:confirmFadeIn .2s ease;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1100}.confirm-modal-content{animation:confirmSlideUp .3s ease;background:#fff;border-radius:12px;box-shadow:0 20px 60px #00000026;max-width:400px;padding:28px;width:90%}.confirm-modal-header{margin-bottom:12px}.confirm-modal-header h3{color:#1a1b1e;font-size:20px;font-weight:700;margin:0}.confirm-modal-message{color:#495057;font-size:15px;line-height:1.5;margin:0 0 24px}.confirm-modal-footer{display:flex;gap:10px;justify-content:flex-end}.btn-confirm-cancel{background-color:#f1f3f5;border:none;border-radius:6px;color:#495057;cursor:pointer;font-size:14px;font-weight:600;padding:10px 18px;transition:background-color .2s ease}.btn-confirm-cancel:hover:not(:disabled){background-color:#e9ecef}.btn-confirm-action{border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 18px;transition:background-color .2s ease}.btn-danger{background-color:#fa5252}.btn-danger:hover:not(:disabled){background-color:#e03131}.btn-warning{background-color:#fd7e14}.btn-warning:hover:not(:disabled){background-color:#e8590c}.btn-confirm-action:disabled,.btn-confirm-cancel:disabled{cursor:not-allowed;opacity:.6}@keyframes confirmFadeIn{0%{opacity:0}to{opacity:1}}@keyframes confirmSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.user-list-card{background-color:#fff;border-radius:12px;box-shadow:0 8px 30px #00000014;font-family:Inter,Segoe UI,sans-serif;margin:0 auto;max-width:1000px;padding:32px}.user-list-header-row{align-items:center;border-bottom:2px solid #f1f3f5;display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.user-list-header{color:#1a1b1e;font-size:24px;font-weight:700;letter-spacing:-.5px;margin:0}.user-count{background-color:#f1f3f5;border-radius:20px;color:#495057;font-size:14px;font-weight:600;padding:6px 14px}.table-wrapper{border:1px solid #e9ecef;border-radius:8px;overflow-x:auto}.user-table{border-collapse:collapse;text-align:left;width:100%}.user-table td,.user-table th{border-bottom:1px solid #e9ecef;padding:16px 20px}.user-table th{background-color:#f8f9fa;color:#868e96;font-size:12px;font-weight:600;letter-spacing:1px;text-transform:uppercase}.user-table tbody tr{transition:all .2s ease}.user-table tbody tr:last-child td{border-bottom:none}.user-table tbody tr:hover{background-color:#f8f9fa;box-shadow:0 2px 10px #00000005;transform:translateY(-1px)}.font-semibold{color:#343a40;font-weight:600}.cell-id{color:#adb5bd;font-family:monospace;font-size:13px}.cell-email{color:#495057}.role-badge{border-radius:6px;display:inline-block;font-size:11px;font-weight:700;letter-spacing:.5px;padding:6px 12px;text-align:center;text-transform:uppercase}.role-admin{background-color:#ffe3e3;color:#e03131}.role-user{background-color:#e3fafc;color:#0c8599}.text-right{text-align:right}.cell-actions{display:flex;gap:8px;justify-content:flex-end}.btn-action{border-radius:6px;font-weight:600;padding:6px 14px}.btn-edit{background-color:#edf2ff;color:#3b5bdb}.btn-edit:hover{background-color:#3b5bdb}.btn-delete{background-color:#fa5252;color:#fff}.btn-delete:hover{background-color:#e03131}.state-message{align-items:center;border-radius:8px;display:flex;font-weight:500;justify-content:center;padding:60px 20px}.state-message.loading{color:#495057;gap:12px}.state-message.error{background-color:#fff5f5;border:1px solid #ffc9c9;color:#e03131;gap:8px}.state-message.empty{background-color:#f8f9fa;border:1px dashed #dee2e6;color:#868e96}.spinner{animation:spin 1s linear infinite;border:3px solid #f3f3f3;border-top-color:#3b5bdb;height:20px;width:20px}.inline-success-message{align-items:center;animation:fadeInRow .3s ease;background-color:#ebfbee;border:1px solid #b2f2bb;border-radius:8px;box-sizing:border-box;color:#2b8a3e;display:inline-flex;font-weight:600;margin-bottom:20px;padding:12px 20px;width:100%}.user-list-header-row>div{align-items:center;display:flex;gap:16px}.btn-add-user{background-color:#3b5bdb;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 18px;transition:all .2s ease}.btn-add-user:hover{background-color:#364fc7;box-shadow:0 4px 12px #3b5bdb33}.filter-search-container{align-items:center;justify-content:space-between;margin-bottom:24px}.search-box{max-width:400px}.search-icon{color:#adb5bd;font-size:14px;left:12px;top:50%;transform:translateY(-50%)}.search-box input{border:1px solid #ced4da;border-radius:20px;font-size:14px;padding:10px 14px 10px 36px}.search-box input:focus{border-color:#3b5bdb;box-shadow:0 0 0 3px #3b5bdb1a}.filter-box select{background-color:#fff;border:1px solid #ced4da;border-radius:8px;color:#495057;padding:10px 16px}.filter-box select:focus{border-color:#3b5bdb;box-shadow:0 0 0 3px #3b5bdb1a}.delete-modal{max-width:400px}.delete-confirmation-text{color:#495057;font-size:15px;line-height:1.5;margin-bottom:20px}.btn-delete-confirm{background-color:#fa5252;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 18px;transition:background-color .2s ease}.btn-delete-confirm:hover:not(:disabled){background-color:#e03131}.btn-delete-confirm:disabled{cursor:not-allowed;opacity:.6}.fade-out-row{animation:fadeInRow .3s ease-in}@keyframes fadeInRow{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.modal-overlay{animation:fadeIn .2s ease;background-color:#00000080;bottom:0;right:0}.modal-content{animation:slideUp .3s ease;background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;max-width:450px;padding:30px;width:100%}.modal-header h3{color:#1a1b1e}.btn-close{background:#0000;border:none;color:#adb5bd;font-size:24px;padding:0}.btn-close:hover{color:#495057}.modal-error{background-color:#fff5f5;border:1px solid #ffc9c9;border-radius:6px;color:#e03131;padding:12px}.edit-form .form-group select{background-color:#fff;border:1px solid #ced4da;border-radius:6px;box-sizing:border-box;color:#495057;font-size:15px;padding:12px 16px;transition:border-color .2s ease;width:100%}.edit-form .form-group select:focus{border-color:#3b5bdb;box-shadow:0 0 0 3px #3b5bdb1a;outline:none}.modal-footer{border-top:1px solid #f1f3f5;margin-top:30px}.btn-cancel{background-color:#f8f9fa;border:1px solid #ced4da;border-radius:6px;color:#495057;font-weight:600;padding:10px 18px;transition:background-color .2s ease}.btn-cancel:hover:not(:disabled){background-color:#e9ecef}.btn-save{background-color:#3b5bdb;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 18px;transition:background-color .2s ease}.btn-save:hover:not(:disabled){background-color:#364fc7}.btn-cancel:disabled,.btn-save:disabled{cursor:not-allowed;opacity:.6}.success-toast{align-items:center;animation:fadeIn .3s ease;background-color:#ebfbee;border:1px solid #b2f2bb;border-radius:8px;box-sizing:border-box;color:#2b8a3e;display:inline-flex;margin-bottom:20px;margin-left:auto;margin-right:auto;max-width:1000px;padding:12px 20px;width:100%}.task-card-dnd{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);cursor:grab;display:flex;flex-direction:column;gap:12px;padding:20px;position:relative;touch-action:none;transition:all .25s cubic-bezier(.4,0,.2,1);-webkit-user-select:none;user-select:none}.task-card-dnd:hover{border-color:var(--text-muted);box-shadow:var(--shadow-md);transform:translateY(-4px)}.task-card-dnd.tc-overdue{background:#ef44440d;border:1.5px solid var(--error)}.task-card-dnd.tc-due-soon{border:1.5px solid var(--warning)}.task-card-dnd.tc-own{border-left:4px solid var(--accent-primary)}.task-card-dnd.tc-dragging{box-shadow:none;cursor:grabbing;opacity:.3;transform:none!important}.task-card-dnd.tc-overlay{animation:tc-pickup .2s ease-out;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#1e293bcc;box-shadow:0 20px 50px #0000004d,0 0 0 2px var(--accent-primary);cursor:grabbing;transform:rotate(2deg) scale(1.05);z-index:9999}@keyframes tc-pickup{0%{transform:rotate(0deg) scale(1)}to{transform:rotate(2deg) scale(1.05)}}.tc-drag-handle{align-items:center;display:flex;gap:8px;justify-content:space-between}.tc-grip{color:var(--text-muted);font-size:18px;letter-spacing:1px;line-height:1;transition:color .2s ease}.task-card-dnd:hover .tc-grip{color:var(--text-secondary)}.tc-status-badge{border-radius:20px;display:inline-block;font-size:10px;font-weight:800;letter-spacing:.05em;padding:4px 10px;text-transform:uppercase}.tc-status-todo{background-color:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-secondary)}.tc-status-progress{background-color:#f59e0b26;border:1px solid #f59e0b33;color:var(--warning)}.tc-status-done{background-color:#10b98126;border:1px solid #10b98133;color:var(--success)}.tc-id{color:var(--text-muted);font-family:Fira Code,monospace;font-size:11px}.tc-urgency-badge{align-items:center;border-radius:6px;display:flex;font-size:10px;font-weight:800;gap:6px;padding:4px 10px;text-transform:uppercase}.tc-urgency-overdue{animation:tc-pulse-red 2s infinite;background:var(--error);color:#fff}.tc-urgency-soon{background:var(--warning);color:#fff}@keyframes tc-pulse-red{0%{box-shadow:0 0 0 0 #ef444466}70%{box-shadow:0 0 0 6px #ef444400}to{box-shadow:0 0 0 0 #ef444400}}.tc-perf-badge{align-items:center;border-radius:6px;color:#fff;display:flex;font-size:10px;font-weight:800;gap:4px;padding:4px 10px;text-transform:uppercase}.perf-early{background:linear-gradient(135deg,#059669,#10b981);box-shadow:0 2px 8px #10b9814d}.perf-ontime{background:#059669}.perf-late{background:var(--warning)}.tc-difficulty-badge{border-radius:6px;font-size:10px;font-weight:800;margin-left:6px;padding:4px 10px;text-transform:uppercase}.diff-easy{background:#10b98126;color:var(--success)}.diff-medium{background:#f59e0b26;color:var(--warning)}.diff-hard{background:#ef444426;color:var(--error)}.tc-title{color:var(--text-primary);font-size:17px;font-weight:700;letter-spacing:-.01em;line-height:1.4;margin:0}.tc-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--text-secondary);display:-webkit-box;font-size:14px;line-height:1.6;margin:0;overflow:hidden}.tc-assigned-row{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);gap:12px;padding:10px 14px}.tc-assigned-row,.tc-avatar{align-items:center;display:flex}.tc-avatar{border:2px solid var(--border-color);border-radius:50%;box-shadow:var(--shadow-sm);color:#fff;flex-shrink:0;font-size:13px;font-weight:700;height:34px;justify-content:center;width:34px}.tc-assigned-info{display:flex;flex-direction:column;gap:2px;min-width:0}.tc-assigned-name{align-items:center;color:var(--text-primary);display:flex;font-size:14px;font-weight:700;gap:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tc-you-badge{background:var(--accent-primary);border-radius:10px;color:#fff;flex-shrink:0;font-size:9px;font-weight:800;letter-spacing:.05em;padding:1px 8px;text-transform:uppercase}.tc-created-by{color:var(--text-muted);font-size:11px;font-weight:500}.tc-due-row{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border-light);border-radius:var(--radius-sm);display:flex;font-size:12px;gap:8px;padding:8px 12px}.tc-due-label{color:var(--text-secondary);font-size:10px;font-weight:700;text-transform:uppercase}.tc-due-value{color:var(--text-primary);font-weight:700}.tc-due-overdue{background:#ef44441a;border:1px solid #ef444433}.tc-due-overdue .tc-due-value{color:var(--error)}.tc-due-soon-text{background:#f59e0b1a;border:1px solid #f59e0b33}.tc-due-soon-text .tc-due-value{color:var(--warning)}.tc-footer{align-items:center;border-top:1px solid var(--border-color);display:flex;justify-content:space-between;margin-top:auto;padding-top:14px}.tc-meta{display:flex;flex-direction:column;gap:4px}.tc-user{align-items:center;color:var(--text-secondary);display:flex;font-size:12px;font-weight:600;gap:6px}.tc-own-badge{background-color:var(--accent-soft);border-radius:10px;color:var(--accent-primary);font-size:9px;font-weight:800;padding:1px 8px;text-transform:uppercase}.tc-date{color:var(--text-muted);font-size:11px;font-weight:500}.tc-actions{display:flex;gap:8px}.tc-btn{align-items:center;border:none;border-radius:var(--radius-sm);cursor:pointer;display:flex;font-size:12px;font-weight:700;gap:4px;padding:6px 12px;transition:all .2s ease}.tc-btn-edit{background-color:var(--accent-soft);color:var(--accent-primary)}.tc-btn-edit:hover{background-color:var(--accent-primary);color:#fff;transform:translateY(-2px)}.tc-btn-delete{background-color:#ef44441a;color:var(--error)}.tc-btn-delete:hover{background-color:var(--error);color:#fff;transform:translateY(-2px)}.kanban-column{background:#fff;border:1px solid #e9ecef;border-radius:16px;box-shadow:0 4px 12px #00000005;display:flex;flex-direction:column;min-height:500px;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.col-header{background:#1a1b1e;color:#fff;justify-content:space-between;padding:16px 20px}.col-header,.col-header-left{align-items:center;display:flex}.col-header-left{gap:10px}.col-icon{font-size:20px}.col-title{font-size:15px;letter-spacing:.5px;margin:0;text-transform:uppercase}.col-count,.col-title{color:#fff;font-weight:800}.col-count{background:#fff3;border-radius:6px;font-size:12px;min-width:26px;padding:3px 10px;text-align:center}.col-done,.col-progress,.col-todo{background:#fff}.col-header{border-bottom:3px solid #0000}.col-todo .col-header{border-bottom-color:#adb5bd}.col-progress .col-header{border-bottom-color:#ffd43b}.col-done .col-header{border-bottom-color:#40c057}.col-drop-zone{border-radius:0 0 14px 14px;display:flex;flex:1 1;flex-direction:column;gap:10px;min-height:120px;padding:12px;transition:all .3s ease}.col-drop-active{border-color:#3b5bdb;box-shadow:0 0 0 3px #3b5bdb26,0 8px 32px #3b5bdb1a;transform:scale(1.01)}.col-zone-active{background:#3b5bdb0a}.col-todo.col-drop-active{border-color:#868e96;box-shadow:0 0 0 3px #868e9626,0 8px 32px #868e961a}.col-progress.col-drop-active{border-color:#e67700;box-shadow:0 0 0 3px #e6770026,0 8px 32px #e677001a}.col-done.col-drop-active{border-color:#2b8a3e;box-shadow:0 0 0 3px #2b8a3e26,0 8px 32px #2b8a3e1a}.col-empty{align-items:center;border:2px dashed #dee2e6;border-radius:12px;color:#adb5bd;display:flex;flex:1 1;flex-direction:column;justify-content:center;min-height:120px;padding:30px;text-align:center;transition:all .3s ease}.col-zone-active .col-empty{animation:col-pulse 1.5s ease-in-out infinite;background:#3b5bdb0d;border-color:#3b5bdb;color:#3b5bdb}.col-empty-icon{font-size:32px;margin-bottom:8px;opacity:.6}.col-empty p{font-size:14px;font-weight:600;margin:0}@keyframes col-pulse{0%,to{border-color:#3b5bdb4d}50%{border-color:#3b5bdbb3}}.create-modal{max-width:500px}.create-form .form-group{margin-bottom:20px}.create-form label{color:var(--text-secondary);display:block;font-size:12px;font-weight:700;letter-spacing:.05em;margin-bottom:8px;text-transform:uppercase}.create-form input,.create-form select,.create-form textarea{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);box-sizing:border-box;color:var(--text-primary);font-size:15px;padding:12px 16px;transition:all .2s ease;width:100%}.create-form input:focus,.create-form select:focus,.create-form textarea:focus{border-color:var(--accent-primary);box-shadow:0 0 0 4px var(--accent-soft);outline:none}.create-form input.input-error{border-color:var(--error)}.create-form input.input-error:focus{box-shadow:0 0 0 4px #ef44441a}.inline-error{color:var(--error);display:block;font-size:12px;font-weight:600;margin-top:6px}.form-row{display:flex;gap:16px}.form-group-half{flex:1 1}.field-hint,.field-loading{color:var(--text-muted);font-size:12px;font-style:italic;font-weight:500}.field-hint{margin-left:6px}.assign-select{appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%2394a3b8' d='M6 8.825a.5.5 0 0 1-.354-.146l-4-4a.5.5 0 0 1 .708-.708L6 7.617l3.646-3.646a.5.5 0 0 1 .708.708l-4 4A.5.5 0 0 1 6 8.825z'/%3E%3C/svg%3E");background-position:right 16px center;background-repeat:no-repeat;cursor:pointer;padding-right:40px}.assign-select:disabled{background-color:var(--bg-tertiary);color:var(--text-muted);cursor:not-allowed;opacity:.7}.btn-create{background:var(--accent-primary);border:none;border-radius:var(--radius-md);box-shadow:0 4px 12px #6366f14d;color:#fff;cursor:pointer;font-size:15px;font-weight:700;padding:12px 24px;transition:all .2s ease}.btn-create:hover:not(:disabled){background:var(--accent-hover);box-shadow:0 6px 16px #6366f166;transform:translateY(-2px)}.btn-create:disabled{background:var(--bg-tertiary);box-shadow:none;color:var(--text-muted);cursor:not-allowed;transform:none}.modal-overlay{align-items:center;animation:fadeIn .3s cubic-bezier(.16,1,.3,1);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#0f172acc;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.modal-content{animation:slideUp .4s cubic-bezier(.16,1,.3,1);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);max-width:520px;padding:32px;width:90%}.modal-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:20px}.modal-header h3{color:var(--text-primary);font-size:22px;font-weight:800;letter-spacing:-.025em;margin:0}.btn-close{background:var(--bg-tertiary);border:1px solid var(--border-light);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;font-size:22px;line-height:1;padding:4px 12px;transition:all .2s ease}.btn-close:hover{background:var(--error);border-color:var(--error);color:#fff}.modal-error{background-color:#ef44441a;border:1px solid var(--error);border-radius:var(--radius-md);color:var(--error);font-size:14px;font-weight:600;margin-bottom:20px;padding:12px 18px}.modal-footer{border-top:1px solid var(--border-color);display:flex;gap:12px;justify-content:flex-end;margin-top:32px;padding-top:20px}.btn-cancel{background-color:var(--bg-tertiary);border:1px solid var(--border-light);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;font-size:14px;font-weight:700;padding:12px 24px;transition:all .2s ease}.btn-cancel:hover{background-color:var(--text-muted);color:var(--bg-primary)}@media (max-width:480px){.form-row{flex-direction:column;gap:0}.modal-content{border-radius:var(--radius-lg);padding:24px}}.analytics-section{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);margin-bottom:32px;padding:32px}.analytics-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:32px}.analytics-header h3{color:var(--text-primary);font-size:20px;font-weight:800;letter-spacing:-.025em;margin:0}.total-badge{background:var(--bg-tertiary);border:1px solid var(--border-light);border-radius:30px;color:var(--text-secondary);font-size:13px;font-weight:700;padding:6px 16px}.analytics-grid{grid-gap:40px;align-items:center;display:grid;gap:40px;grid-template-columns:1fr 1.5fr}.analytics-chart-container{align-items:center;display:flex;flex-direction:column;gap:24px}.donut-chart{box-shadow:var(--shadow-lg);height:180px;position:relative;width:180px}.donut-chart,.donut-hole{align-items:center;border-radius:50%;display:flex;justify-content:center}.donut-hole{background:var(--bg-secondary);box-shadow:inset 0 2px 10px #0003;flex-direction:column;height:130px;width:130px}.donut-number{color:var(--text-primary);font-size:36px;font-weight:800;letter-spacing:-.025em;line-height:1}.donut-label{color:var(--text-muted);font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.chart-legend{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr);width:100%}.legend-item{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;font-size:12px;font-weight:600;gap:6px}.dot{border-radius:50%;height:8px;width:8px}.dot.todo{background:var(--accent-primary)}.dot.progress{background:var(--warning)}.dot.done{background:var(--success)}.stats-cards-vertical{display:flex;flex-direction:column;gap:16px}.mini-stat-card{align-items:center;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);display:flex;gap:20px;overflow:hidden;padding:18px 24px;position:relative;transition:all .2s ease}.mini-stat-card:hover{border-color:var(--text-muted);transform:translateX(4px)}.mini-stat-icon{align-items:center;border-radius:12px;display:flex;font-size:20px;height:44px;justify-content:center;width:44px}.todo-icon{background:var(--accent-soft);color:var(--accent-primary)}.progress-icon{background:#f59e0b1a;color:var(--warning)}.done-icon{background:#10b9811a;color:var(--success)}.mini-stat-info{display:flex;flex-direction:column;gap:2px}.mini-stat-val{color:var(--text-primary);font-size:24px;font-weight:800;letter-spacing:-.01em;line-height:1.1}.mini-stat-lab{color:var(--text-secondary);font-size:13px;font-weight:600}.mini-stat-progress{background:var(--bg-tertiary);border-radius:10px;height:6px;margin-left:auto;overflow:hidden;width:100px}.bar{border-radius:10px;height:100%}.todo-bar{background:var(--accent-primary)}.progress-bar{background:var(--warning)}.done-bar{background:var(--success)}@media (max-width:768px){.analytics-grid{gap:40px;grid-template-columns:1fr}.chart-legend{grid-template-columns:repeat(3,1fr)}}.activity-feed{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;max-height:500px;padding:24px}.activity-header h3{color:var(--text-primary);font-size:18px;font-weight:800;letter-spacing:-.025em;margin:0 0 20px}.activity-list{overflow-y:auto;padding-right:8px}.activity-list::-webkit-scrollbar{width:5px}.activity-list::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:10px}.activity-item{animation:fadeInRight .4s cubic-bezier(.16,1,.3,1) forwards;border-bottom:1px solid var(--border-color);display:flex;gap:16px;padding:16px 0}.activity-item:last-child{border-bottom:none}.act-icon{align-items:center;border-radius:10px;box-shadow:var(--shadow-sm);display:flex;flex-shrink:0;font-size:16px;height:36px;justify-content:center;width:36px}.act-create{background:#10b98126;color:var(--success)}.act-update{background:var(--accent-soft);color:var(--accent-primary)}.act-delete{background:#ef444426;color:var(--error)}.act-move{background:#f59e0b26;color:var(--warning)}.activity-content{display:flex;flex-direction:column;gap:4px}.activity-content p{color:var(--text-primary);font-size:14px;line-height:1.5;margin:0}.act-verb{color:var(--text-muted)}.act-task{color:var(--text-primary);font-weight:700}.activity-time{font-size:12px}.activity-time,.no-activity{color:var(--text-muted);font-weight:500}.no-activity{font-size:14px;padding:40px;text-align:center}@keyframes fadeInRight{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}.task-list-card{background-color:var(--bg-primary);border-radius:var(--radius-xl);font-family:Inter,sans-serif;margin:0 auto;max-width:1400px;padding:32px}.kanban-wrapper{background:var(--bg-primary);border-radius:0;padding:0}.dashboard-top-row{grid-gap:30px;display:grid;gap:30px;grid-template-columns:2fr 1fr;margin-bottom:40px}@media (max-width:1024px){.dashboard-top-row{grid-template-columns:1fr}}.task-list-header-row{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;margin-bottom:32px;padding-bottom:20px}.task-list-header-row>div{align-items:center;display:flex;gap:16px}.task-list-header{color:var(--text-primary);font-size:26px;font-weight:800;letter-spacing:-.025em;margin:0}.task-count{background-color:var(--bg-tertiary);border:1px solid var(--border-light);border-radius:20px;color:var(--text-secondary);font-size:14px;font-weight:700;padding:6px 14px}.task-stats{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr);margin-bottom:32px}.stat-card{align-items:flex-start;background:var(--bg-secondary);border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:8px;transition:all .3s cubic-bezier(.4,0,.2,1)}.stat-card:hover{border-color:var(--text-muted);box-shadow:var(--shadow-lg)}.stat-number{font-size:32px;font-weight:800;letter-spacing:-.025em}.stat-label{color:var(--text-secondary);font-size:13px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.stat-todo{border-left:4px solid var(--text-muted)}.stat-todo .stat-number{color:var(--text-primary)}.stat-progress{border-left:4px solid var(--warning)}.stat-progress .stat-number{color:var(--warning)}.stat-done{border-left:4px solid var(--success)}.stat-done .stat-number{color:var(--success)}.filter-search-container{display:flex;gap:16px;margin-bottom:32px}.search-box{align-items:center;display:flex;flex:1 1;position:relative}.search-icon{color:var(--text-muted);font-size:16px;left:16px;position:absolute;z-index:1}.search-box input{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);box-sizing:border-box;color:var(--text-primary);font-size:15px;padding:12px 16px 12px 48px;transition:all .2s ease;width:100%}.search-box input:focus{background:var(--bg-secondary);border-color:var(--accent-primary);box-shadow:0 0 0 4px var(--accent-soft);outline:none}.filter-box select{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;font-size:14px;font-weight:600;padding:12px 16px;transition:all .2s ease}.filter-box select:focus{border-color:var(--accent-primary);outline:none}.kanban-board{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(3,1fr);min-height:600px}.kanban-board:has(>:only-child){grid-template-columns:1fr;margin:0 auto;max-width:500px}.inline-success-message{animation:msgSlideIn .3s ease;background:var(--accent-soft);border:1px solid var(--success);border-radius:var(--radius-md);color:var(--success);font-size:14px;font-weight:700;margin-bottom:24px;padding:14px 24px}.state-message{background:var(--bg-secondary);border:1px dashed var(--border-color);border-radius:var(--radius-lg);color:var(--text-secondary);font-size:16px;padding:60px;text-align:center}.state-message.loading{align-items:center;background:#0000;border:none;display:flex;gap:16px;justify-content:center}.state-message.error{background-color:#ef44441a;border:1px solid var(--error);color:var(--error);font-weight:600}.spinner{animation:spin .8s cubic-bezier(.5,.1,.5,.9) infinite;border:3px solid var(--bg-tertiary);border-radius:50%;border-top-color:var(--accent-primary);height:24px;width:24px}@keyframes spin{to{transform:rotate(1turn)}}.btn-add-task{align-items:center;background:var(--accent-primary);border:none;border-radius:var(--radius-md);box-shadow:0 4px 12px #6366f14d;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:700;gap:8px;padding:12px 24px;transition:all .2s ease}.btn-add-task:hover{background:var(--accent-hover);box-shadow:0 6px 16px #6366f166;transform:translateY(-2px)}.btn-add-task:active{transform:translateY(0)}.btn-action{border:none;border-radius:var(--radius-sm);cursor:pointer;font-size:13px;font-weight:700;padding:8px 16px;transition:all .2s ease}.btn-edit{background-color:var(--accent-soft);border:1px solid #6366f133;color:var(--accent-primary)}.btn-edit:hover{background-color:var(--accent-primary);color:#fff}.btn-delete{background-color:#ef44441a;border:1px solid #ef444433;color:var(--error)}.btn-delete:hover{background-color:var(--error);color:#fff}@keyframes msgSlideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1024px){.kanban-board{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.task-list-card{border-radius:12px;padding:20px}.kanban-board{grid-template-columns:1fr}.task-stats{grid-template-columns:repeat(3,1fr)}.task-list-header-row{align-items:flex-start;flex-direction:column;gap:12px}.filter-search-container{flex-direction:column}}@media (max-width:480px){.task-stats{grid-template-columns:1fr}}.leaderboard-container{animation:fadeIn .6s cubic-bezier(.16,1,.3,1);background:var(--bg-primary);display:flex;flex-direction:column;gap:40px;padding:40px}.lb-hero{align-items:flex-start;background:linear-gradient(135deg,var(--bg-secondary),var(--bg-tertiary));border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);color:var(--text-primary);display:flex;justify-content:space-between;overflow:hidden;padding:40px;position:relative}.lb-hero-actions{align-items:flex-end;display:flex;flex-direction:column;gap:16px}.lb-search-box{align-items:center;display:flex;position:relative}.lb-search-box input{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:14px;padding:12px 40px 12px 20px;transition:all .3s ease;width:250px}.lb-search-box input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 4px var(--accent-soft);outline:none;width:320px}.lb-clear-search{align-items:center;background:none;border:none;color:var(--text-secondary);cursor:pointer;display:flex;font-size:16px;justify-content:center;padding:5px;position:absolute;right:12px;transition:color .2s}.lb-clear-search:hover{color:var(--text-primary)}.me-row{background:#4c6ef514!important;border-left:4px solid var(--accent-primary)}.me-card{border:2px solid var(--accent-primary)!important;box-shadow:0 0 20px var(--accent-soft)!important}.lb-empty-state{color:var(--text-secondary);font-size:16px;font-style:italic;padding:60px!important;text-align:center}.lb-refresh-btn{background:var(--bg-tertiary);border:1px solid var(--border-light);border-radius:30px;color:var(--text-primary);cursor:pointer;font-size:14px;font-weight:700;padding:10px 24px;transition:all .2s}.lb-refresh-btn:hover{background:var(--accent-primary);border-color:var(--accent-hover);transform:translateY(-1px)}.lb-hero h1{-webkit-text-fill-color:#0000;background:linear-gradient(to right,#fff,var(--text-secondary));-webkit-background-clip:text;font-size:36px;font-weight:800;letter-spacing:-.025em;margin:0 0 8px}.lb-hero p{color:var(--text-secondary);font-size:16px;font-weight:500;margin:0}.lb-goal-box{background:var(--accent-soft);border-left:4px solid var(--warning);border-radius:var(--radius-md);color:var(--text-primary);display:inline-block;font-size:14px;margin-top:20px;padding:12px 24px}.lb-goal-box .highlight{color:var(--warning);font-size:18px;font-weight:800}.lb-podium{grid-gap:32px;align-items:flex-end;display:grid;gap:32px;grid-template-columns:repeat(3,1fr);padding-top:20px}.podium-card{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;padding:32px;position:relative;text-align:center;transition:all .4s cubic-bezier(.16,1,.3,1)}.podium-card:hover{border-color:var(--text-muted);transform:translateY(-8px)}.rank-1{background:linear-gradient(to bottom,var(--bg-secondary),var(--bg-primary));border:2px solid var(--warning);box-shadow:0 25px 60px #f59e0b26;height:420px;order:2;z-index:2}.glow-effect{animation:rotateGlow 4s linear infinite;background:linear-gradient(45deg,var(--warning),#0000,var(--warning));background-size:200% 200%;border-radius:var(--radius-xl);bottom:-4px;left:-4px;opacity:.3;position:absolute;right:-4px;top:-4px;z-index:-1}@keyframes rotateGlow{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.rank-2{border-top:6px solid #94a3b8;height:350px;order:1}.rank-3{border-top:6px solid #fb923c;height:350px;order:3}.podium-badge{font-size:36px;margin-bottom:12px}.podium-avatar{align-items:center;background:var(--bg-tertiary);border:3px solid var(--border-color);border-radius:50%;display:flex;height:70px;justify-content:center;margin-bottom:16px;width:70px}.podium-avatar,.podium-name{color:var(--text-primary);font-size:28px;font-weight:800}.podium-name{letter-spacing:-.025em;margin:0 0 4px}.podium-score{color:var(--text-primary);font-size:64px;font-weight:900;letter-spacing:-.05em;line-height:1;margin:8px 0}.podium-explanation{color:var(--text-secondary);font-size:14px;font-weight:600;margin-bottom:24px}.podium-badge-name{color:var(--warning);font-size:12px;font-weight:800;letter-spacing:.1em;margin-bottom:12px;text-transform:uppercase}.podium-progress{margin-top:auto;width:100%}.podium-progress label{color:var(--text-muted);display:block;font-size:11px;font-weight:700;letter-spacing:.05em;margin-bottom:10px;text-transform:uppercase}.lb-progress-container{background:var(--bg-tertiary);border-radius:10px;height:10px;overflow:hidden;position:relative;width:100%}.lb-progress-bar{background:linear-gradient(to right,var(--accent-primary),var(--accent-hover));border-radius:10px;height:100%;transition:width 1.5s cubic-bezier(.16,1,.3,1)}.lb-progress-text{color:var(--accent-primary);font-size:11px;font-weight:800;position:absolute;right:0;top:-20px}.lb-table-wrapper{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);overflow:hidden}.lb-table{border-collapse:collapse;width:100%}.lb-table th{background:var(--bg-tertiary);color:var(--text-secondary);font-size:13px;font-weight:700;letter-spacing:.05em;padding:20px;text-align:left;text-transform:uppercase}.lb-table td,.lb-table th{border-bottom:1px solid var(--border-color)}.lb-table td{color:var(--text-primary);font-size:16px;padding:24px 20px}.lb-table tr:last-child td{border-bottom:none}.lb-table tr:hover td{background:#ffffff05}.rank-cell{color:var(--text-muted);font-size:18px;font-weight:800}.name-cell strong{color:var(--text-primary);display:block;font-size:17px;margin-bottom:4px}.lb-feedback{color:var(--text-secondary);font-size:14px;font-style:italic}.score-val{color:var(--text-primary);font-size:20px;font-weight:800}.score-hint{color:var(--text-muted);display:block;font-size:12px;margin-top:4px}.lb-badge{border-radius:30px;font-size:11px;font-weight:800;letter-spacing:.05em;padding:6px 14px;text-transform:uppercase}.badge-🏆-top-performer{background:#f59e0b26;border:1px solid #f59e0b33;color:var(--warning)}.anim-float{animation:float 4s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.anim-pulse{animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.admin-panel{animation:fadeIn .5s ease-out;padding:24px}.admin-header{align-items:flex-start;display:flex;gap:20px;justify-content:space-between;margin-bottom:32px}.admin-title h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--accent-color),#a5b4fc);-webkit-background-clip:text;font-size:2rem;font-weight:700;margin:0}.admin-title p{color:var(--text-muted);font-size:.9rem;margin:4px 0 0}.admin-actions{align-items:center;display:flex;gap:16px}.admin-search-box{align-items:center;background:var(--surface-color);border:1px solid var(--border-color);border-radius:12px;display:flex;padding:0 12px;position:relative;transition:all .3s;width:280px}.admin-search-box:focus-within{border-color:var(--accent-color);box-shadow:0 0 0 4px #4c6ef51a;width:350px}.admin-search-box input{background:none;border:none;color:var(--text-color);font-size:14px;outline:none;padding:10px 8px;width:100%}.clear-search{align-items:center;background:none;border:none;color:var(--text-muted);cursor:pointer;display:flex;justify-content:center;padding:4px}.search-results-section{margin-bottom:40px}.search-results-section h2{color:var(--text-color);font-size:1.2rem;margin-bottom:20px}.results-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.result-card{align-items:center;background:var(--surface-color);border:1px solid var(--border-color);border-radius:16px;display:flex;gap:16px;padding:20px;transition:all .2s}.result-card:hover{border-color:var(--accent-color);transform:translateY(-2px)}.result-rank{color:var(--accent-color);font-size:1.5rem;font-weight:800;opacity:.5}.result-info{flex:1 1}.result-name{font-size:1.1rem;font-weight:700}.result-badge{color:var(--text-muted);font-size:.8rem;letter-spacing:.05em;margin-top:2px;text-transform:uppercase}.result-score{color:var(--success-color);font-size:1.2rem;font-weight:800}.no-results{background:#ffffff05;border:1px dashed var(--border-color);border-radius:16px;color:var(--text-muted);font-style:italic;grid-column:1/-1;padding:60px;text-align:center}.anim-fade-in{animation:fadeIn .4s ease-out}.admin-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-bottom:32px}.stat-card{background:var(--surface-color);border:1px solid var(--border-color);border-radius:16px;box-shadow:0 4px 20px #0003;padding:24px;transition:transform .3s ease}.stat-card:hover{transform:translateY(-4px)}.stat-card h3{color:var(--text-muted);font-size:.9rem;letter-spacing:.05em;margin-bottom:12px;text-transform:uppercase}.stat-value{color:var(--text-color);font-size:2.5rem;font-weight:800;margin-bottom:16px}.stat-bar{background:#ffffff0d;border-radius:4px;height:8px;overflow:hidden}.bar-fill{background:var(--accent-color);border-radius:4px;height:100%;transition:width 1s ease-in-out}.admin-sections{grid-gap:32px;display:grid;gap:32px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.performer-section{background:var(--surface-color);border:1px solid var(--border-color);border-radius:16px;padding:24px}.performer-section h3{align-items:center;display:flex;font-size:1.1rem;gap:8px;margin-bottom:20px}.performer-list{display:flex;flex-direction:column;gap:12px}.performer-item{align-items:center;background:#ffffff08;border-radius:12px;display:flex;gap:16px;padding:12px 16px;transition:background .2s}.performer-item:hover{background:#ffffff0f}.performer-item .rank{color:var(--accent-color);font-weight:700;width:24px}.performer-item .name{flex:1 1;font-weight:500}.performer-item .score{color:var(--success-color);font-weight:600}.performer-item.warning .score{color:var(--danger-color)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.admin-grid{grid-template-columns:1fr}}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:Inter,sans-serif;margin:0}.dashboard-layout{display:flex;flex-direction:column;min-height:100vh}.dashboard-header{align-items:center;background-color:var(--bg-secondary);border-bottom:1px solid var(--border-color);box-shadow:var(--shadow-md);color:var(--text-primary);display:flex;justify-content:space-between;padding:16px 40px}.notification-bell{border-radius:50%;cursor:pointer;font-size:1.4rem;padding:8px;position:relative;transition:background .2s}.notification-bell:hover{background:#ffffff0d}.notif-count{background:var(--danger-color);border-radius:10px;box-shadow:0 2px 8px #0000004d;color:#fff;font-size:.7rem;font-weight:700;padding:2px 6px;position:absolute;right:0;top:0}.notifications-tab{margin:0 auto;max-width:800px;padding:20px}.notif-list{display:flex;flex-direction:column;gap:12px;margin-top:20px}.notif-item{align-items:center;background:var(--surface-color);border:1px solid var(--border-color);border-radius:12px;cursor:pointer;display:flex;justify-content:space-between;padding:16px;transition:all .2s}.notif-item:hover{border-color:var(--accent-color);transform:translateX(4px)}.notif-item.unread{background:#3b5bdb0d;border-left:4px solid var(--accent-color)}.notif-content p{font-weight:500;margin:4px 0}.notif-content small{color:var(--text-muted)}.notif-type{color:var(--accent-color);font-size:.75rem;font-weight:700;text-transform:uppercase}.unread-dot{background:var(--accent-color);border-radius:50%;box-shadow:0 0 10px var(--accent-color);height:10px;width:10px}.dashboard-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(to right,var(--accent-primary),var(--accent-hover));-webkit-background-clip:text;font-size:22px;font-weight:700;letter-spacing:-.025em;margin:0}.dashboard-content{background-color:var(--bg-primary);flex:1 1;padding:32px 40px}.login-container{align-items:center;background:radial-gradient(circle at top right,var(--bg-secondary),var(--bg-primary));display:flex;justify-content:center;min-height:100vh;padding:20px}.login-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);max-width:420px;padding:40px;width:100%}.login-card h2{color:var(--text-primary);font-size:28px;font-weight:800;letter-spacing:-.025em;margin:0 0 8px;text-align:center}.login-subtitle{color:var(--text-secondary);font-size:15px;margin-bottom:32px;text-align:center}.login-error{background-color:#ef44441a;border:1px solid #ef444433;border-radius:var(--radius-md);color:var(--error);font-size:14px;font-weight:500;padding:14px;text-align:center}.form-group,.login-error{margin-bottom:24px}.form-group label{color:var(--text-secondary);display:block;font-size:14px;font-weight:600;margin-bottom:8px}.form-group input{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);box-sizing:border-box;color:var(--text-primary);font-size:15px;padding:12px 16px;transition:all .2s ease;width:100%}.form-group input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 4px var(--accent-soft);outline:none}.btn-login{background-color:var(--accent-primary);border:none;border-radius:var(--radius-md);box-shadow:0 4px 12px #6366f14d;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-top:10px;padding:14px;transition:all .2s ease;width:100%}.btn-login:hover{background-color:var(--accent-hover);box-shadow:0 6px 16px #6366f166;transform:translateY(-1px)}.auth-footer{color:var(--text-muted);font-size:14px;margin-top:20px;text-align:center}.anim-slide-up{animation:slideUp .5s cubic-bezier(.16,1,.3,1)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.btn-login:active{transform:translateY(0)}.btn-login:disabled{background-color:var(--bg-tertiary);box-shadow:none;color:var(--text-muted);cursor:not-allowed;transform:none}.btn-logout{background-color:initial;border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;font-size:14px;font-weight:600;padding:8px 18px;transition:all .2s ease}.btn-logout:hover{background-color:var(--bg-tertiary);border-color:var(--text-secondary);color:var(--text-primary)}.link-text{color:var(--accent-primary);cursor:pointer;font-size:14px;font-weight:600;text-decoration:none;transition:all .2s ease}.link-text:hover{color:var(--accent-hover);text-decoration:underline}.header-right{align-items:center;display:flex;gap:24px}.header-performance{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border-light);border-radius:30px;display:flex;gap:12px;padding:6px 16px}.hp-score{color:var(--warning);font-size:16px;font-weight:800}.hp-streak{background:#fb923c26;border-radius:12px;color:#fb923c;font-size:14px;font-weight:800;padding:2px 10px}.hp-badge{color:var(--text-primary);font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.logged-in-user{color:var(--text-secondary);font-size:14px;font-weight:500}.header-role-badge{background-color:var(--accent-soft);border:1px solid #6366f133;border-radius:20px;color:var(--accent-primary);font-size:11px;font-weight:700;letter-spacing:.05em;padding:4px 12px;text-transform:uppercase}.tab-navigation{background-color:var(--bg-secondary);border-bottom:1px solid var(--border-color);display:flex;gap:8px;padding:0 40px}.tab-btn{background:#0000;border:none;border-bottom:2px solid #0000;color:var(--text-secondary);cursor:pointer;font-size:15px;font-weight:600;padding:16px 24px;transition:all .2s ease}.tab-btn:hover{background-color:var(--bg-tertiary);color:var(--text-primary)}.tab-btn.tab-active{background-color:var(--accent-soft);border-bottom-color:var(--accent-primary);color:var(--accent-primary)}.success-toast{animation:slideIn .4s cubic-bezier(.16,1,.3,1);background-color:var(--bg-secondary);border:1px solid var(--success);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);color:var(--success);font-size:15px;font-weight:600;padding:16px 24px;position:fixed;right:24px;top:80px;z-index:1000}@keyframes slideIn{0%{opacity:0;transform:translateX(50px)}to{opacity:1;transform:translateX(0)}}.company-badge{align-items:center;background:#4c6ef526;border:1px solid #4c6ef54d;border-radius:20px;color:var(--accent-primary);display:inline-flex;font-size:12px;font-weight:700;gap:4px;margin:0 8px;padding:4px 12px}
/*# sourceMappingURL=main.08a7b7e4.css.map*/