*{box-sizing:border-box;margin:0;padding:0}:root{--bg-gradient-start:#667eea;--bg-gradient-end:#764ba2;--bg-primary:#fffffff2;--bg-secondary:white;--bg-ticket:white;--text-primary:#333;--text-secondary:#555;--text-tertiary:#666;--border-color:#e0e0e0;--primary-color:#667eea;--primary-hover:#5568d3;--shadow:#0000001a;--shadow-hover:#667eea33;--modal-bg:#00000080;--modal-content:white;--scrollbar-track:#f1f1f1;--scrollbar-thumb:#667eea;--scrollbar-thumb-hover:#5568d3}body.dark-theme{--bg-gradient-start:#1a1a2e;--bg-gradient-end:#16213e;--bg-primary:#1e1e2ef2;--bg-secondary:#2a2a3e;--bg-ticket:#2a2a3e;--text-primary:#e0e0e0;--text-secondary:#b0b0b0;--text-tertiary:#888;--border-color:#404050;--primary-color:#7c8aff;--primary-hover:#6b7aee;--shadow:#0000004d;--shadow-hover:#7c8aff4d;--modal-bg:#000c;--modal-content:#2a2a3e;--scrollbar-track:#1a1a2e;--scrollbar-thumb:#7c8aff;--scrollbar-thumb-hover:#6b7aee}body{background:linear-gradient(135deg, var(--bg-gradient-start) 0%, var(--bg-gradient-end) 100%);min-height:100vh;color:var(--text-primary);padding:20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;transition:background .3s,color .3s}.login-screen{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);justify-content:center;align-items:center;min-height:100vh;display:flex}.login-container{text-align:center;background:#fffffff2;border-radius:12px;width:90%;max-width:400px;padding:40px;box-shadow:0 10px 40px #0000004d}.login-container h1{color:#667eea;margin-bottom:20px;font-size:32px}.login-container p{color:#666;margin-bottom:30px;font-size:16px}.login-actions{flex-direction:column;gap:12px;display:flex}.login-actions .btn-primary,.login-actions .btn-secondary{width:100%}.login-divider{color:#888;text-transform:uppercase;letter-spacing:.04em;margin:0;font-size:13px}.guest-note{color:#888;margin:18px 0 0;font-size:13px}.error-message{color:#f44336;background:#f443361a;border-radius:6px;margin-top:15px;padding:10px;font-size:14px}body.dark-theme .login-container{background:#1e1e2ef2}body.dark-theme .login-container h1{color:#7c8aff}body.dark-theme .login-container p{color:#b0b0b0}body.dark-theme .login-divider,body.dark-theme .guest-note{color:#888}.app-container{max-width:1400px;margin:0 auto}.header{background:var(--bg-primary);box-shadow:0 4px 6px var(--shadow);border-radius:12px;flex-direction:column;align-items:stretch;gap:16px;margin-bottom:20px;padding:20px 24px;transition:background .3s,box-shadow .3s;display:flex}.header h1{color:var(--primary-color);font-size:28px;font-weight:700;transition:color .3s}.header-top{flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:12px;display:flex}.header-account{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.user-info{align-items:center;gap:10px;display:flex}.user-email{color:var(--text-secondary);font-size:13px}.header-toolbar{flex-wrap:wrap;align-items:stretch;gap:12px;display:flex}.header-group{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;flex-wrap:wrap;align-items:center;gap:8px;padding:10px 12px;display:flex}.header-group label{color:var(--text-secondary);white-space:nowrap;font-size:13px;font-weight:600}.filter-section,.header-actions{margin-left:auto}.data-status{color:var(--text-secondary);max-width:180px;font-size:12px;line-height:1.3}.theme-selector{align-items:center;gap:8px;display:flex}.board-selector select{border:2px solid var(--border-color);background:var(--bg-primary);color:var(--text-primary);cursor:pointer;border-radius:6px;min-width:160px;padding:8px 12px;font-size:14px;transition:border-color .3s,background .3s,color .3s}.board-selector select:focus{border-color:var(--primary-color);outline:none}.btn-danger-outline{color:#e74c3c;background:0 0;border:2px solid #e74c3c}.btn-danger-outline:hover:not(:disabled){color:#fff;background:#e74c3c}.btn-danger-outline:disabled{opacity:.45;cursor:not-allowed}.theme-selector label{color:var(--text-secondary);font-size:13px;font-weight:600}.theme-selector select{border:2px solid var(--border-color);background:var(--bg-secondary);color:var(--text-primary);cursor:pointer;border-radius:6px;padding:8px 12px;font-size:14px;transition:border-color .3s,background .3s,color .3s}.theme-selector select:focus{border-color:var(--primary-color);outline:none}.filter-separator{color:var(--text-tertiary);font-size:13px}.filter-section input[type=date]{border:2px solid var(--border-color);background:var(--bg-primary);color:var(--text-primary);border-radius:6px;padding:8px 12px;font-size:14px;transition:border-color .3s,background .3s,color .3s}.filter-section input[type=date]:focus{border-color:var(--primary-color);outline:none}.kanban-board{gap:20px;padding-bottom:20px;display:flex;overflow-x:auto}.column{background:var(--bg-primary);min-width:280px;box-shadow:0 4px 6px var(--shadow);border-radius:12px;flex-direction:column;flex:1;max-height:calc(100vh - 280px);padding:20px;transition:background .3s,box-shadow .3s;display:flex}.column-header{border-bottom:2px solid var(--border-color);justify-content:space-between;align-items:center;margin-bottom:15px;padding-bottom:15px;transition:border-color .3s;display:flex}.column-header h2{color:var(--text-primary);font-size:18px;font-weight:600;transition:color .3s}.ticket-count{background:var(--primary-color);color:#fff;border-radius:12px;padding:4px 10px;font-size:12px;font-weight:600;transition:background .3s}.tickets-container{flex:1;min-height:100px;margin-bottom:15px;overflow-y:auto}.ticket{background:var(--bg-ticket);border:2px solid var(--border-color);cursor:pointer;box-shadow:0 2px 4px var(--shadow);border-radius:8px;margin-bottom:12px;padding:15px;transition:all .3s}.ticket:hover{border-color:var(--primary-color);box-shadow:0 4px 8px var(--shadow-hover);transform:translateY(-2px)}.ticket.dragging{opacity:.5;transform:rotate(5deg)}.ticket-title{color:var(--text-primary);word-wrap:break-word;margin-bottom:10px;font-size:15px;font-weight:600;transition:color .3s}.ticket-meta{flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px;display:flex}.ticket-label{text-transform:uppercase;border-radius:12px;padding:4px 10px;font-size:11px;font-weight:600}.ticket-label.task{color:#fff;background:#4caf50}.ticket-label.graphics{color:#fff;background:#ff9800}.ticket-label.feature{color:#fff;background:#2196f3}.ticket-label.bug{color:#fff;background:#f44336}.ticket-label.compatibility{color:#fff;background:#9c27b0}.ticket-due-date{color:var(--text-tertiary);align-items:center;gap:4px;font-size:14px;font-weight:500;transition:color .3s;display:flex}.ticket-due-date:before{content:"🕐";font-size:14px}.ticket-due-date.overdue{color:#f44336;font-weight:600}.add-ticket-btn{background:var(--primary-color);color:#fff;cursor:pointer;border:none;border-radius:8px;width:100%;padding:12px;font-size:14px;font-weight:600;transition:background .3s}.add-ticket-btn:hover{background:var(--primary-hover)}.btn-primary,.btn-secondary,.btn-danger{cursor:pointer;border:2px solid #0000;border-radius:6px;padding:8px 16px;font-size:14px;font-weight:600;transition:all .3s}.btn-primary{background:var(--primary-color);color:#fff}.btn-primary:hover{background:var(--primary-hover)}.btn-secondary{color:#fff;background:#6c757d}.btn-secondary:hover{background:#5a6268}.btn-danger{color:#fff;background:#f44336}.btn-danger:hover{background:#d32f2f}.modal{z-index:1000;background-color:var(--modal-bg);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);width:100%;height:100%;transition:background-color .3s;display:none;position:fixed;top:0;left:0}.modal.active{justify-content:center;align-items:center;display:flex}.modal-content{background:var(--modal-content);width:90%;max-width:600px;max-height:90vh;box-shadow:0 10px 40px var(--shadow);border-radius:12px;transition:background .3s,box-shadow .3s;animation:.3s modalSlideIn;overflow-y:auto}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}.modal-header{border-bottom:2px solid var(--border-color);justify-content:space-between;align-items:center;padding:20px 30px;transition:border-color .3s;display:flex}.modal-header h2{color:var(--text-primary);font-size:24px;transition:color .3s}.close-modal{color:var(--text-tertiary);cursor:pointer;background:0 0;border:none;font-size:32px;line-height:1;transition:color .3s}.close-modal:hover{color:var(--text-primary)}.modal-body{padding:30px}.form-group{margin-bottom:20px}.form-group label{color:var(--text-secondary);margin-bottom:8px;font-weight:600;transition:color .3s;display:block}.form-group input[type=text],.form-group input[type=datetime-local],.form-group select,.form-group textarea{border:2px solid var(--border-color);background:var(--bg-secondary);width:100%;color:var(--text-primary);border-radius:6px;padding:12px;font-family:inherit;font-size:14px;transition:border-color .3s,background .3s,color .3s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--primary-color);outline:none}.form-group textarea{resize:vertical;min-height:120px}.modal-footer{border-top:2px solid var(--border-color);justify-content:flex-end;gap:10px;padding:20px 30px;transition:border-color .3s;display:flex}.tickets-container.drag-over{border:2px dashed var(--primary-color);background:#7c8aff1a;border-radius:8px}.tickets-container::-webkit-scrollbar{width:8px}.modal-content::-webkit-scrollbar{width:8px}.tickets-container::-webkit-scrollbar-track{background:var(--scrollbar-track);border-radius:4px}.modal-content::-webkit-scrollbar-track{background:var(--scrollbar-track);border-radius:4px}.tickets-container::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:4px}.modal-content::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:4px}.tickets-container::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}.modal-content::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}.history-period{transition:border-color .3s}.history-ticket{transition:all .3s}.history-ticket:hover{box-shadow:0 2px 8px var(--shadow-hover);transform:translate(5px);border-color:var(--primary-color)!important}#history-content::-webkit-scrollbar{width:8px}#history-content::-webkit-scrollbar-track{background:var(--scrollbar-track);border-radius:4px}#history-content::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:4px}#history-content::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}@media (width<=768px){.kanban-board{flex-direction:column}.column{min-width:100%}.header{padding:16px}.header-top,.header-account,.header-group{width:100%}.header-account,.header-actions,.filter-section{margin-left:0}.board-selector select{flex:1;min-width:0}.data-status{width:100%;max-width:none}}