*{margin:0;padding:0;box-sizing:border-box;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}html,body{height:100%;width:100%}.nav{height:5vw;width:100%;padding:1vw 3vw}.display-menu{position:relative}.display-button{display:flex;align-items:center;gap:.5vw;background-color:#fff;border:1px solid #e0e0e0;box-shadow:0 1px 3px #0000001a;border-radius:.5vw;padding:.5vw .8vw;cursor:pointer}.menu-dropdown{position:absolute;margin-top:1vw;padding:1vw 2vw;background-color:#f8fafb;border:1px solid #e0e0e0;box-shadow:0 1px 3px #0000001a;border-radius:.5vw;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:1vw;z-index:999}.dropdown-group{display:flex;align-items:center;justify-content:space-between;gap:6vw}.dropdown-label{font-size:1vw;color:#666}.dropdown-select{cursor:pointer;padding:.3vw;border:1px solid #e0e0e0;border-radius:.3vw;box-shadow:0 1px 3px #0000001a}.ticket-card{background-color:#fff;padding:1rem 1.5rem;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;max-width:300px;width:100%}.ticket-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.4rem}.ticket-id{color:#666;font-size:.8rem}h4{font-size:.8rem}.user{position:relative}.user-avatar{width:2rem;height:2rem;border-radius:50%}.user-available{position:absolute;top:40%;left:70%}.ticket-title{font-weight:500;margin-bottom:1rem}.ticket-footer{display:flex;align-items:center;gap:.5rem}.priority_icon{display:flex;align-items:center;justify-content:center;border:1px solid #e0e0e0;border-radius:.2rem;padding:.2rem .5rem}.bullet{height:.6rem;width:.6rem;background-color:#bfc3c4;border-radius:50%}.ticket-tag{padding:.2rem .5rem;display:flex;align-items:center;justify-content:center;gap:.3rem;font-size:.6rem;border:1px solid #e0e0e0;border-radius:.2rem;color:#666}@media (max-width: 768px){.ticket-card{padding:.8rem 1rem}.ticket-id,h4,.ticket-title,.ticket-header{font-size:.8rem}.user-avatar{width:2rem;height:2rem}.ticket-footer{gap:.3rem}.bullet{height:.6rem;width:.6rem}.ticket-tag{font-size:.6rem}}@media (max-width: 480px){.ticket-card{padding:.5rem .8rem}.ticket-id,h4,.ticket-title{font-size:.8rem}.user-avatar{width:.8rem;height:.8rem}.priority_icon{padding:.1rem .3rem}.bullet{height:.6rem;width:.6rem}.ticket-tag{font-size:.6rem}}.kanban-column{border-radius:.5rem;max-width:400px}.column-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;gap:2rem}.header-left{display:flex;align-items:flex-baseline;justify-content:space-between;gap:.5rem}.user-header-icons{position:relative;display:flex;align-items:flex-end}.user-header-icons .avail{position:absolute;left:70%}.header-left-content{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.column-title{font-weight:500;font-size:.8rem}.ticket-count{color:#666;font-size:.8rem}.buttons{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.buttons button{border:none;background-color:transparent}.buttons button img{width:1rem;height:1rem}.tickets-container{display:flex;flex-direction:column;gap:1rem}@media (max-width: 768px){.kanban-column{padding:1rem}.column-header{padding-right:5rem;margin-bottom:1rem;justify-content:space-between}.user-header-icons{scale:80%}.column-title,.ticket-count{font-size:.7rem}.buttons button img{width:.7rem;height:.7rem}}@media (max-width: 480px){.kanban-column{padding:.5rem}.header-left{gap:.2rem}.column-title{font-size:.7rem}.ticket-count{font-size:.6rem}.buttons{gap:.5rem}.buttons button img{width:.8rem;height:.8rem}}.app-container{min-height:100vh;background-color:#f4f6fa}.app-header{background-color:#fff;box-shadow:0 1px 3px #0000001a}.board-container{margin-top:1rem;padding:1rem 2rem}.columns-grid{display:grid;grid-template-columns:repeat(1,1fr);gap:1.5rem}@media (min-width: 670px){.columns-grid{grid-template-columns:repeat(2,1fr);gap:.5rem}}@media (min-width: 768px){.columns-grid{grid-template-columns:repeat(3,1fr);gap:1rem}}@media (min-width: 1024px){.columns-grid{grid-template-columns:repeat(5,1fr)}}.loading-message{padding:2rem;text-align:center}.error-message{padding:2rem;color:#dc2626;text-align:center}
