.login-page{min-height:100vh;display:flex;flex-direction:column;background:linear-gradient(135deg,#000,#1a1a1a)}.login-container{background:#fff;padding:3rem;border-radius:16px;box-shadow:0 8px 32px #e306134d;max-width:400px;width:90%;text-align:center;border:2px solid #E30613;margin:auto}.login-container h1{color:#000;margin-bottom:.5rem;font-size:1.8rem}.login-subtitle{color:#666;font-size:1.1rem;margin-bottom:2rem}.login-form{display:flex;flex-direction:column;gap:1rem}.login-form input{padding:1rem;border:2px solid #DDDDDD;border-radius:8px;font-size:1rem;transition:all .3s}.login-form input:focus{outline:none;border-color:#e30613;box-shadow:0 0 0 3px #e306131a}.error-message{background:#ffe6e6;color:#e30613;padding:.75rem;border-radius:8px;border:1px solid #E30613;font-size:.9rem}.login-btn{padding:1rem;background-color:#e30613;color:#fff;border:none;border-radius:8px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s;margin-top:.5rem}.login-btn:hover:not(:disabled){background-color:#c00511;transform:translateY(-2px);box-shadow:0 4px 12px #e3061366}.login-btn:disabled{opacity:.6;cursor:not-allowed}.login-footer{margin-top:2rem;padding-top:1.5rem;border-top:1px solid #E0E0E0}.login-footer p{color:#666;font-size:.9rem;margin:0}.kiosk-page{height:100vh;display:flex;background:#000;position:relative;overflow:hidden}.sidebar{width:280px;background:#000;display:flex;flex-direction:column;padding:2rem;border-right:3px solid #E30613}.company-logo-container{width:100%;padding:1rem;background:#ffffff1a;border-radius:8px;text-align:center;display:flex;align-items:center;justify-content:center;min-height:200px}.company-logo{max-width:100%;max-height:250px;width:auto;height:auto;object-fit:contain}.logo-placeholder{color:#fff;font-size:1.2rem;font-weight:600;text-align:center;padding:2rem;opacity:.7}.main-content{flex:1;background:#fff;display:flex;flex-direction:column;overflow:hidden;position:relative}.background-overlay{position:absolute;inset:0;background-size:cover;background-position:center;background-repeat:no-repeat;opacity:.7;z-index:0;pointer-events:none}.content-wrapper{flex:1;display:flex;overflow:hidden;position:relative;z-index:1}.language-toggle{position:absolute;top:20px;right:20px;background:#000;color:#fff;border:2px solid #E30613;border-radius:8px;padding:12px 24px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;z-index:1000;display:flex;align-items:center;gap:8px}.language-toggle:hover{background:#e30613;transform:scale(1.05)}.language-toggle:active{transform:scale(.95)}.form-area{flex:1;padding:3rem;overflow-y:auto;background:transparent}.footer{background:#000;color:#fff;padding:1rem 2rem;display:flex;align-items:center;justify-content:center;gap:1rem;border-top:2px solid #E30613}.footer-text{font-size:.9rem;color:#ccc}h1{font-size:2.5rem;margin-bottom:1rem;color:#000;font-weight:700}h2{font-size:1.8rem;color:#000;margin-bottom:1rem;font-weight:600}.instruction{font-size:1.2rem;color:#666;margin-bottom:2rem}.search-container{width:100%;max-width:600px;position:relative}.search-input-group{display:flex;gap:1rem;margin-bottom:1rem}.staff-search{flex:1;padding:1.2rem;font-size:1.2rem;border:2px solid #DDDDDD;border-radius:8px;transition:all .3s;background:#fff;color:#333}.staff-search:focus{outline:none;border-color:#e30613;box-shadow:0 0 0 3px #e306131a}.btn-next-available{padding:1rem 1.5rem;font-size:1rem;font-weight:600;color:#fff;background:#e30613;border:none;border-radius:8px;cursor:pointer;transition:all .3s;white-space:nowrap}.btn-next-available:hover:not(:disabled){background:#c00511;transform:translateY(-2px);box-shadow:0 4px 12px #e306134d}.btn-next-available:disabled{background:#999;cursor:not-allowed;opacity:.6}.error-message{background:#ffe5e7;color:#e30613;padding:1rem;border-radius:8px;margin-bottom:1rem;border:2px solid #E30613;font-weight:500}.loading{margin-top:1rem;color:#e30613;font-style:italic;font-weight:500}.btn-primary{padding:1rem 2rem;font-size:1.1rem;font-weight:600;color:#fff;background:#e30613;border:none;border-radius:8px;cursor:pointer;transition:all .3s}.btn-primary:hover:not(:disabled){background:#c00511;transform:translateY(-2px);box-shadow:0 4px 12px #e306134d}.btn-primary:disabled{background:#999;cursor:not-allowed;opacity:.6}.btn-large{padding:1.2rem 2.5rem;font-size:1.2rem}.btn-secondary{padding:1rem 2rem;font-size:1.1rem;font-weight:600;color:#666;background:#fff;border:2px solid #DDDDDD;border-radius:8px;cursor:pointer;transition:all .3s}.btn-secondary:hover{background:#f5f5f5;border-color:#999}.form-actions{display:flex;gap:1rem;margin-top:1rem}.search-results{margin-top:1rem;background:#fff;border-radius:8px;border:2px solid #DDDDDD;max-height:450px;overflow-y:auto}.result-item{padding:1.2rem;border-bottom:1px solid #EEEEEE;cursor:pointer;transition:all .2s;text-align:left;display:flex;align-items:center;gap:1rem}.result-item:last-child{border-bottom:none}.result-item:hover{background:#f5f5f5;border-left:4px solid #E30613;padding-left:calc(1.2rem - 4px)}.staff-photo-thumb{width:60px;height:60px;border-radius:50%;object-fit:cover;border:2px solid #ddd;flex-shrink:0}.staff-info{flex:1}.staff-name{font-size:1.3rem;font-weight:600;color:#333;margin-bottom:.5rem}.staff-details{display:flex;gap:1rem;font-size:1rem;color:#666}.staff-details span:first-child{color:#000;font-weight:500;background:#f0f0f0;padding:.2rem .6rem;border-radius:4px;font-size:.9rem}.available{color:#28a745;font-weight:500}.unavailable{color:#dc3545;font-weight:500}.no-results{margin-top:1rem;color:#999;font-style:italic}.staff-photo-large{width:100px;height:100px;border-radius:50%;object-fit:cover;border:3px solid #007bff;margin-right:1rem}.selected-staff-summary{margin-bottom:2rem}.staff-card-small{display:flex;align-items:center;padding:1rem;background:#f8f9fa;border-radius:12px;border:2px solid #007bff}.staff-card-small div{display:flex;flex-direction:column;gap:.3rem}.staff-card-small strong{font-size:1.3rem;color:#000}.staff-card-small span{color:#666;font-size:1rem}.staff-unavailable{opacity:.6;cursor:not-allowed!important}.staff-unavailable:hover{background:#ffe5e7!important;border-left:4px solid #E30613!important;padding-left:calc(1.2rem - 4px)}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-10px)}20%,40%,60%,80%{transform:translate(10px)}}.shake{animation:shake .6s cubic-bezier(.36,.07,.19,.97) both;background:#ffe5e7!important;border-left:4px solid #E30613!important;padding-left:calc(1.2rem - 4px)}.visitor-form{display:flex;flex-direction:column;gap:1.5rem;max-width:600px}.visitor-form input{padding:1.2rem;font-size:1.2rem;border:2px solid #000000;border-radius:8px;background:#fff;color:#000;transition:all .3s}.visitor-form input:focus{outline:none;border-color:#e30613;box-shadow:0 0 0 3px #ffffff1a}.visitor-form input:disabled{background:#f5f5f5;color:#999;cursor:not-allowed}.confirmation-screen{max-width:600px;text-align:center}.success-icon{font-size:4rem;margin-bottom:1rem}.visit-details{background:#f8f9fa;border-radius:12px;padding:2rem;margin:2rem 0;text-align:left}.detail-row{display:flex;justify-content:space-between;padding:.75rem 0;border-bottom:1px solid #dee2e6}.detail-row:last-child{border-bottom:none}.detail-row strong{color:#000}.detail-row span{color:#666}.instructions{margin:2rem 0;font-size:1.1rem;color:#666}.confirmation-buttons{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center;margin-top:2rem}.print-badge{display:none}@media print{body *{visibility:hidden}.print-badge,.print-badge *{visibility:visible}.print-badge{display:block;position:absolute;left:0;top:0;width:30mm;height:40mm;padding:2mm;background:#fff;color:#000;font-family:Arial,sans-serif;border:1px solid #000;box-sizing:border-box}@page{size:30mm 40mm;margin:0}.badge-header{text-align:center;border-bottom:1px solid #000;padding-bottom:1mm;margin-bottom:2mm}.badge-logo{max-width:20mm;max-height:6mm;margin-bottom:1mm}.badge-title{font-size:8pt;font-weight:700;text-transform:uppercase}.badge-content{font-size:6pt;line-height:1.3}.badge-name{font-size:8pt;font-weight:700;margin-bottom:1mm;text-align:center}.badge-company{font-size:5pt;text-align:center;margin-bottom:1mm;font-style:italic}.badge-visiting{font-size:6pt;margin-top:1mm}.badge-department{font-size:5pt;margin-top:.5mm;color:#333}.badge-time{font-size:5pt;margin-top:1mm;text-align:center}.badge-footer{position:absolute;bottom:2mm;left:2mm;right:2mm;font-size:5pt;border-top:1px solid #ccc;padding-top:1mm;text-align:center}}.admin-page{flex:1;max-width:1400px;width:100%;margin:0 auto;padding:2rem;text-align:left;background:#fff;box-shadow:0 0 20px #0000000d;min-height:calc(100vh - 60px)}.admin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.admin-header h1{margin:0}.company-info{display:flex;align-items:center;gap:1rem}.company-info span{color:#666;font-weight:500}.logout-btn{padding:.5rem 1rem;background-color:#fff;color:#e30613;border:2px solid #E30613;border-radius:6px;cursor:pointer;font-weight:600;transition:all .3s}.logout-btn:hover{background-color:#e30613;color:#fff;transform:translateY(-1px);box-shadow:0 2px 8px #e306134d}.header-buttons{display:flex;gap:1rem;margin:2rem 0}.add-btn{padding:.75rem 1.5rem;background-color:#e30613;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:600;transition:all .3s}.add-btn:hover{background-color:#c00511;transform:translateY(-2px);box-shadow:0 4px 12px #e306134d}.btn-visitor-logs{padding:.75rem 1.5rem;background-color:#000;color:#fff;border:2px solid #E30613;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:600;transition:all .3s}.btn-visitor-logs:hover{background-color:#e30613;transform:translateY(-2px);box-shadow:0 4px 12px #e306134d}.btn-settings{padding:.75rem 1.5rem;background-color:#000;color:#fff;border:2px solid #E30613;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:600;transition:all .3s}.btn-settings:hover{background-color:#e30613;transform:translateY(-2px);box-shadow:0 4px 12px #e306134d}.staff-form{background:#f5f5f5;padding:2rem;border-radius:12px;margin:1.5rem 0;border:2px solid #E30613}.staff-form h2{margin-top:0;color:#000;font-weight:600}.staff-form input[type=text],.staff-form input[type=email],.staff-form input[type=tel]{display:block;width:100%;padding:.75rem;margin:.75rem 0;border:2px solid #DDDDDD;border-radius:8px;font-size:1rem;transition:all .3s;background:#fff}.staff-form input[type=text]:focus,.staff-form input[type=email]:focus,.staff-form input[type=tel]:focus{outline:none;border-color:#e30613;box-shadow:0 0 0 3px #e306131a}.staff-form label{display:block;margin:1rem 0;font-weight:500;color:#333}.staff-form label input[type=checkbox]{margin-right:.5rem;width:18px;height:18px;cursor:pointer}.form-actions{margin-top:1.5rem;display:flex;gap:1rem}.form-actions button{padding:.75rem 1.5rem;border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:600;transition:all .3s}.form-actions button[type=submit]{background-color:#e30613;color:#fff}.form-actions button[type=submit]:hover{background-color:#c00511;transform:translateY(-2px);box-shadow:0 4px 12px #e306134d}.form-actions button[type=button]{background-color:#fff;color:#666;border:2px solid #DDDDDD}.form-actions button[type=button]:hover{background-color:#f5f5f5;border-color:#999}.staff-list{margin-top:2rem}.staff-list h2{color:#000;font-weight:600;margin-bottom:1rem}.visitor-logs{margin-top:2rem}.visitor-logs h2{color:#000;font-weight:600;margin-bottom:1rem}table{width:100%;border-collapse:collapse;margin-top:1.5rem;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000000d}thead{background-color:#000;color:#fff}thead th{font-weight:600;letter-spacing:.5px}th,td{padding:1rem .75rem;text-align:left;border-bottom:1px solid #EEEEEE}tbody tr{transition:all .2s}tbody tr:hover{background-color:#f5f5f5;border-left:4px solid #E30613}tbody button{margin-right:.5rem;padding:.4rem 1rem;border:none;border-radius:6px;cursor:pointer;font-weight:600;transition:all .3s}tbody button:first-child{background-color:#000;color:#fff;border:2px solid #E30613}tbody button:first-child:hover{background-color:#e30613;transform:translateY(-1px);box-shadow:0 2px 8px #e306134d}tbody button:last-child{background-color:#fff;color:#e30613;border:2px solid #E30613}tbody button:last-child:hover{background-color:#e30613;color:#fff;transform:translateY(-1px);box-shadow:0 2px 8px #e306134d}.settings-screen{background:#fff;padding:2rem;border-radius:12px;margin:1.5rem 0}.settings-screen h2{margin-top:0;margin-bottom:.5rem;color:#000;font-weight:600}.settings-subtitle{color:#666;font-size:.95rem;margin-bottom:2rem}.settings-tabs{display:flex;gap:.5rem;border-bottom:2px solid #E0E0E0;margin-bottom:2rem;overflow-x:auto}.settings-tab{padding:.75rem 1.5rem;background:none;border:none;border-bottom:3px solid transparent;color:#666;font-weight:500;font-size:.95rem;cursor:pointer;transition:all .3s;white-space:nowrap}.settings-tab:hover{color:#e30613;background:#e306130d}.settings-tab.active{color:#e30613;border-bottom-color:#e30613;font-weight:600}.settings-tab-content{animation:fadeIn .3s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.settings-tab-content h3{margin-top:0;margin-bottom:.5rem;color:#000;font-weight:600}.settings-help-text{color:#666;font-size:.95rem;line-height:1.6}.settings-section h4{margin-top:0;margin-bottom:1rem;color:#000;font-weight:600;font-size:1rem;border-bottom:2px solid #E30613;padding-bottom:.5rem}.settings-form{display:flex;flex-direction:column;gap:2rem}.settings-section{background:#f5f5f5;padding:1.5rem;border-radius:8px;border:1px solid #E0E0E0}.settings-section h3{margin-top:0;margin-bottom:1rem;color:#000;font-weight:600;font-size:1.1rem;border-bottom:2px solid #E30613;padding-bottom:.5rem}.settings-section label{display:flex;flex-direction:column;margin-bottom:1rem}.settings-section label span{color:#333;font-weight:500;margin-bottom:.5rem;font-size:.95rem}.settings-section input[type=text],.settings-section input[type=password]{padding:.75rem;border:2px solid #DDDDDD;border-radius:6px;font-size:1rem;transition:all .3s;background:#fff}.settings-section input[type=text]:focus,.settings-section input[type=password]:focus{outline:none;border-color:#e30613;box-shadow:0 0 0 3px #e306131a}.settings-checkbox{flex-direction:row!important;align-items:center;gap:.75rem;cursor:pointer;padding:.75rem;background:#fff;border-radius:6px;transition:all .3s}.settings-checkbox:hover{background:#fafafa}.settings-checkbox input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:#E30613}.settings-checkbox span{margin:0!important;font-weight:500!important}.settings-help{color:#666;font-size:.85rem;margin:.5rem 0 0;font-style:italic}.settings-message{padding:1rem;border-radius:6px;font-weight:500;margin:1rem 0;text-align:center}.settings-message.success{background:#d4edda;color:#155724;border:1px solid #C3E6CB}.settings-message.error{background:#f8d7da;color:#721c24;border:1px solid #F5C6CB}.settings-info{padding:1rem;background:#e7f3ff;border:1px solid #B3D9FF;border-radius:6px;margin-top:2rem;color:#004085}.settings-info p{margin:0}.settings-actions{display:flex;justify-content:flex-end;padding-top:1rem;border-top:2px solid #E0E0E0}.btn-save-settings{padding:.75rem 2rem;background-color:#e30613;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:600;transition:all .3s}.btn-save-settings:hover{background-color:#c00511;transform:translateY(-2px);box-shadow:0 4px 12px #e306134d}.file-input{padding:.75rem;border:2px dashed #DDDDDD;border-radius:6px;font-size:.95rem;cursor:pointer;transition:all .3s;background:#fafafa}.file-input:hover:not(:disabled){border-color:#e30613;background:#fff5f5}.file-input:disabled{opacity:.5;cursor:not-allowed}.uploading-text{color:#e30613;font-weight:500;margin:.5rem 0;font-style:italic}.image-preview{margin:1rem 0;padding:1rem;background:#fff;border:1px solid #E0E0E0;border-radius:6px;text-align:center}.logo-preview{max-width:200px;max-height:120px;object-fit:contain;border:1px solid #E0E0E0;border-radius:4px;padding:.5rem;background:#fff}.background-preview{max-width:300px;max-height:200px;object-fit:cover;border:1px solid #E0E0E0;border-radius:4px;opacity:.7}.preview-label{margin:.5rem 0 0;color:#666;font-size:.85rem;font-weight:500}.footer{background:#000;color:#fff;padding:1rem 2rem;display:flex;align-items:center;justify-content:center;gap:1rem;border-top:2px solid #E30613;margin-top:auto}.footer-dots{display:flex;gap:.3rem}.footer-dot{width:15px;height:15px;border-radius:50%;background:#e30613}.footer-text{font-size:.9rem;color:#ccc;font-weight:500;letter-spacing:.5px}.btn-dealer-settings{padding:.75rem 1.5rem;background-color:#000;color:#fff;border:2px solid #FFD700;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:600;transition:all .3s}.btn-dealer-settings:hover{background-color:gold;color:#000;transform:translateY(-2px);box-shadow:0 4px 12px #ffd70066}.dealer-settings{background:#f8f9fa;padding:2rem;border-radius:12px;box-shadow:0 2px 8px #0000001a}.dealer-settings h2{margin-bottom:.5rem;color:#000}.dealer-settings .settings-subtitle{color:#666;margin-bottom:2rem}.dealer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-bottom:2rem}.dealer-section{background:#fff;padding:1.5rem;border-radius:8px;border:2px solid #e0e0e0;box-shadow:0 2px 4px #0000000d}.dealer-section h3{margin-top:0;margin-bottom:1rem;color:#000;font-size:1.2rem}.dealer-form{display:flex;flex-direction:column;gap:.75rem}.dealer-form input,.dealer-form select{padding:.75rem;border:2px solid #e0e0e0;border-radius:6px;font-size:1rem;transition:border-color .3s}.dealer-form input:focus,.dealer-form select:focus{outline:none;border-color:#e30613}.btn-primary{padding:.75rem;background-color:#e30613;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:1rem;font-weight:600;transition:all .3s}.btn-primary:hover{background-color:#c00511;transform:translateY(-1px);box-shadow:0 4px 8px #e306134d}.btn-danger{padding:.75rem;background-color:#f44;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:1rem;font-weight:600;transition:all .3s}.btn-danger:hover{background-color:#c00;transform:translateY(-1px);box-shadow:0 4px 8px #ff44444d}.company-list{display:flex;flex-direction:column;gap:1rem}.company-group{background:#fff;border:2px solid #e0e0e0;border-radius:8px;overflow:hidden;box-shadow:0 2px 4px #0000000d}.company-admin{display:flex;flex-direction:column;gap:1rem;padding:1rem;background:linear-gradient(135deg,#e30613,#c00511);color:#fff;font-weight:600}.company-admin .company-info-row{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.company-admin strong{flex:1;font-size:1.1rem;min-width:200px}.company-admin span{padding:.25rem .75rem;background:#fff3;border-radius:20px;font-size:.9rem}.badge-securitas{background:gold!important;color:#000!important;font-weight:700;padding:.35rem .9rem!important;box-shadow:0 2px 4px #0003}.badge-admin{background:#ffffff4d!important;color:#fff!important}.badge-active{background:#28a745!important;color:#fff!important}.badge-inactive{background:#6c757d!important;color:#fff!important}.company-actions{display:flex;gap:.5rem;align-items:center}.company-actions button{padding:.4rem 1rem;border:none;border-radius:6px;cursor:pointer;font-weight:600;font-size:.85rem;transition:all .2s}.company-actions button:disabled{opacity:.4;cursor:not-allowed}.btn-disable{background:#ffc107;color:#000}.btn-disable:hover:not(:disabled){background:#e0a800;transform:translateY(-1px);box-shadow:0 2px 4px #0003}.btn-enable{background:#28a745;color:#fff}.btn-enable:hover:not(:disabled){background:#218838;transform:translateY(-1px);box-shadow:0 2px 4px #0003}.btn-delete{background:#dc3545;color:#fff}.btn-delete:hover:not(:disabled){background:#c82333;transform:translateY(-1px);box-shadow:0 2px 4px #0003}.company-kiosks{padding:.5rem;background:#f8f9fa}.company-kiosk{display:flex;flex-direction:column;gap:.75rem;padding:.75rem;margin:.5rem;background:#fff;border-radius:6px;border-left:4px solid #E30613;box-shadow:0 1px 3px #0000001a}.company-kiosk .company-info-row{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.company-kiosk span:first-child{flex:1;font-weight:600;color:#000;min-width:150px}.company-kiosk span{padding:.25rem .5rem;background:#f0f0f0;border-radius:4px;font-size:.85rem;color:#666}