*{margin:0;padding:0;box-sizing:border-box}body{font-family:Lato,sans-serif;background-color:#fff;color:#000}.bg-dark-grey{background-color:#616161}.bg-light-grey{background-color:#f1f1f1}.bg-white{background-color:#fff}.bg-black{background-color:#000}.bg-green{background-color:#4caf50}.bg-teal{background-color:#009688}.bg-blue{background-color:#2196f3}.bg-blue-grey{background-color:#607d8b}.bg-red{background-color:#f44336}.bg-yellow{background-color:#ffeb3b}.bg-amber{background-color:#ffc107}.bg-orange{background-color:#ff9800}.text-white{color:#fff}.text-black{color:#000}.text-grey{color:#9e9e9e}.text-green{color:#4caf50}.text-red{color:#f44336}.container{max-width:1400px;margin:0 auto;padding:0 16px}.main-content{margin-top:64px;padding:16px}.navbar{position:fixed;top:0;left:0;right:0;background:#000;z-index:199;display:flex;align-items:center;padding:0 8px}.navbar-brand{padding:12px 16px;color:#fff;display:flex;align-items:center;gap:8px}.navbar-nav{display:flex;list-style:none}.nav-link{padding:16px 24px;color:#fff;text-decoration:none;transition:background .3s}.nav-link:hover{background:#4caf50}.nav-right{margin-left:auto}.btn{padding:8px 16px;border:none;cursor:pointer;font-size:14px;transition:all .3s}.btn-dark{background:#616161;color:#fff}.btn-dark:hover{background:#4caf50}.btn-green{background:#4caf50;color:#fff}.btn-teal{background:#009688;color:#fff}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:8px 12px;text-align:left;border:1px solid #ddd}.table-hover tbody tr:hover{background:#f5f5f5}.card{background:#fff;border:1px solid #ddd;border-radius:4px;margin-bottom:16px}.card-header{padding:12px 16px;background:#616161;color:#fff;font-weight:700}.card-body{padding:16px}.form-control{width:100%;padding:8px 12px;border:1px solid #ccc;border-radius:4px;font-size:14px}.form-control:focus{outline:none;border-color:#4caf50}.form-group{margin-bottom:16px}.form-label{display:block;margin-bottom:4px;font-weight:500}select.form-control{background:#616161;color:#fff}.row{display:flex;flex-wrap:wrap;margin:0 -8px}.col{padding:0 8px}.col-6{width:50%}.col-12{width:100%}.text-center{text-align:center}.text-right{text-align:right}.text-small{font-size:12px}.text-large{font-size:18px}.text-xlarge{font-size:24px}.mt-1{margin-top:8px}.mt-2{margin-top:16px}.mt-3{margin-top:24px}.mb-1{margin-bottom:8px}.mb-2{margin-bottom:16px}.p-1{padding:8px}.p-2{padding:16px}.hidden{display:none}.ticket-row{border:1px solid #ddd}.ticket-id{background:#616161;color:#fff;text-align:center;vertical-align:middle;font-size:18px;font-weight:700;padding:16px}.ticket-time{font-size:11px;color:#ccc}.ticket-info{background:#f1f1f1;font-size:13px}.status-open{background:#4caf50;color:#fff}.status-occupied{background:#607d8b;color:#fff}.status-assigned{background:#009688;color:#fff}.status-awaiting{background:#ff9800;color:#fff}.status-closed{background:#9e9e9e;color:#fff}.priority-none{background:#2196f3;color:#fff}.priority-low{background:#4caf50;color:#fff}.priority-medium{background:#ffc107;color:#000}.priority-high{background:#ff9800;color:#fff}.priority-critical{background:#f44336;color:#fff}.dropdown{position:relative;display:inline-block}.dropdown-content{display:none;position:absolute;background:#616161;min-width:160px;box-shadow:0 8px 16px #0003;z-index:100}.dropdown:hover .dropdown-content{display:block}.dropdown-item{padding:8px 16px;color:#fff;cursor:pointer;display:block}.dropdown-item:hover{background:#4caf50}.overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000e6;z-index:200;overflow-y:auto;padding:60px 20px}.overlay-close{position:absolute;top:20px;right:45px;font-size:48px;color:#fff;cursor:pointer}.overlay-content{max-width:1000px;margin:0 auto;color:#fff}.slider-container{width:100%;padding:16px 0}.slider{width:100%;height:10px;background:#d3d3d3;outline:none;opacity:.7;transition:opacity .2s;-webkit-appearance:none}.slider:hover{opacity:1}.slider::-webkit-slider-thumb{-webkit-appearance:none;width:10px;height:25px;background:#4caf50;cursor:pointer}.drop-zone{background:#616161;border:5px dashed #999;padding:40px;text-align:center;color:#fff;cursor:pointer}.drop-zone:hover{border-color:#4caf50}.spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.footer{background:#000;color:#fff;text-align:center;padding:24px;margin-top:32px}@media (max-width: 768px){.col-6{width:100%}.navbar-nav{display:none}}