.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;flex-direction:column;background:#000;position:relative;overflow:hidden}.kiosk-top{display:flex;flex:1;overflow:hidden}.sidebar{width:280px;background:#000;display:flex;flex-direction:column;padding:2rem;border-right:3px solid #E30613}.company-logo-container{width:100%;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;background:#fff;border-radius:8px;padding:1rem}.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;top:auto;left:calc(3rem + 600px);right:2rem;bottom:2rem;height:55%;background-size:contain;background-position:bottom center;background-repeat:no-repeat;opacity:1;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-mode-buttons{display:flex;flex-direction:column;gap:1rem;margin-bottom:1rem}.btn-search-by-name{padding:1.4rem 2rem;font-size:1.3rem;font-weight:700;color:#fff;background:#000;border:3px solid #E30613;border-radius:8px;cursor:pointer;transition:all .3s;text-align:center}.btn-search-by-name:hover{background:#1a1a1a;transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.btn-search-by-name:active{transform:scale(.98)}.search-input-group{display:flex;gap:1rem;margin-bottom:1rem}.btn-search-back{padding:0 1.1rem;font-size:1.4rem;font-weight:700;color:#fff;background:#000;border:2px solid #E30613;border-radius:8px;cursor:pointer;transition:all .2s;flex-shrink:0;line-height:1}.btn-search-back:hover{background:#e30613}.btn-search-back:active{transform:scale(.95)}.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{@page{size:89mm 41mm;margin:0}html,body{width:89mm!important;height:41mm!important;overflow:hidden!important;margin:0!important;padding:0!important}body *{visibility:hidden}.print-badge,.print-badge *{visibility:visible}.print-badge{display:flex!important;flex-direction:column;justify-content:center;position:fixed;left:0;top:0;width:89mm;height:41mm;padding:3mm 5mm;background:#fff;color:#000;font-family:Arial,sans-serif;box-sizing:border-box}.badge-title{font-size:10pt;font-weight:700;text-transform:uppercase;letter-spacing:1pt;border-bottom:.5pt solid #000;padding-bottom:1.5mm;margin-bottom:1.5mm}.badge-name{font-size:14pt;font-weight:700;margin-bottom:1.5mm;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.badge-responsible{font-size:9pt;margin-bottom:1.5mm}.badge-time{font-size:7pt;color:#555}}.admin-page h1,.admin-page h2,.admin-page h3,.admin-page h4{color:#f0f0f0}.admin-page p{color:#ccc}.admin-page{flex:1;max-width:1400px;width:100%;margin:0 auto;padding:2rem;text-align:left;background:#111;box-shadow:0 0 20px #0006;min-height:calc(100vh - 60px);color:#f0f0f0}.admin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.admin-header h1{margin:0;color:#f0f0f0}.company-info{display:flex;align-items:center;gap:1rem}.company-info span{color:#aaa;font-weight:500}.logout-btn{padding:.5rem 1rem;background-color:#1a1a1a;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:#1a1a1a;padding:2rem;border-radius:12px;margin:1.5rem 0;border:2px solid #E30613}.staff-form h2{margin-top:0;color:#f0f0f0;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 #333333;border-radius:8px;font-size:1rem;transition:all .3s;background:#2a2a2a;color:#f0f0f0}.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:#ccc}.staff-form label input[type=checkbox]{margin-right:.5rem;width:18px;height:18px;cursor:pointer;accent-color:#E30613}.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:#2a2a2a;color:#aaa;border:2px solid #333333}.form-actions button[type=button]:hover{background-color:#333;border-color:#555;color:#f0f0f0}.staff-list{margin-top:2rem}.staff-list h2{color:#f0f0f0;font-weight:600;margin-bottom:1rem}.visitor-logs{margin-top:2rem}.visitor-logs h2{color:#f0f0f0;font-weight:600;margin-bottom:1rem}table{width:100%;border-collapse:collapse;margin-top:1.5rem;background:#1a1a1a;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000004d}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 #2a2a2a;color:#f0f0f0}tbody tr{transition:all .2s}tbody tr:hover{background-color:#222;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:#1a1a1a;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:#111;padding:2rem;border-radius:12px;margin:1.5rem 0}.settings-screen h2{margin-top:0;margin-bottom:.5rem;color:#f0f0f0;font-weight:600}.settings-subtitle{color:#aaa;font-size:.95rem;margin-bottom:2rem}.settings-tabs{display:flex;gap:.5rem;border-bottom:2px solid #333333;margin-bottom:2rem;overflow-x:auto}.settings-tab{padding:.75rem 1.5rem;background:none;border:none;border-bottom:3px solid transparent;color:#aaa;font-weight:500;font-size:.95rem;cursor:pointer;transition:all .3s;white-space:nowrap}.settings-tab:hover{color:#e30613;background:#e3061314}.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:#f0f0f0;font-weight:600}.settings-help-text{color:#aaa;font-size:.95rem;line-height:1.6}.settings-section h4{margin-top:0;margin-bottom:1rem;color:#f0f0f0;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:#1a1a1a;padding:1.5rem;border-radius:8px;border:1px solid #333333}.settings-section h3{margin-top:0;margin-bottom:1rem;color:#f0f0f0;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:#ccc;font-weight:500;margin-bottom:.5rem;font-size:.95rem}.settings-section input[type=text],.settings-section input[type=password]{padding:.75rem;border:2px solid #333333;border-radius:6px;font-size:1rem;transition:all .3s;background:#2a2a2a;color:#f0f0f0}.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:#2a2a2a;border-radius:6px;transition:all .3s}.settings-checkbox:hover{background:#333}.settings-checkbox input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:#E30613}.settings-checkbox span{margin:0!important;font-weight:500!important;color:#f0f0f0!important}.settings-help{color:#aaa;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:#1a3a1a;color:#6c6;border:1px solid #2a5a2a}.settings-message.error{background:#3a1a1a;color:#f66;border:1px solid #5a2a2a}.settings-info{padding:1rem;background:#1a2a3a;border:1px solid #2a4a6a;border-radius:6px;margin-top:2rem;color:#7ab8e8}.settings-info p{margin:0}.settings-actions{display:flex;justify-content:flex-end;padding-top:1rem;border-top:2px solid #333333}.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 #444444;border-radius:6px;font-size:.95rem;cursor:pointer;transition:all .3s;background:#2a2a2a;color:#ccc}.file-input:hover:not(:disabled){border-color:#e30613;background:#2a2020}.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:#1a1a1a;border:1px solid #333333;border-radius:6px;text-align:center}.logo-preview{max-width:200px;max-height:120px;object-fit:contain;border:1px solid #333333;border-radius:4px;padding:.5rem;background:#222}.background-preview{max-width:300px;max-height:200px;object-fit:cover;border:1px solid #333333;border-radius:4px;opacity:.85}.preview-label{margin:.5rem 0 0;color:#aaa;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:#1a1a1a;padding:2rem;border-radius:12px;box-shadow:0 2px 8px #0006}.dealer-settings h2{margin-bottom:.5rem;color:#f0f0f0}.dealer-settings .settings-subtitle{color:#aaa;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:#222;padding:1.5rem;border-radius:8px;border:2px solid #333333;box-shadow:0 2px 4px #0000004d}.dealer-section h3{margin-top:0;margin-bottom:1rem;color:#f0f0f0;font-size:1.2rem}.dealer-form{display:flex;flex-direction:column;gap:.75rem}.dealer-form input,.dealer-form select{padding:.75rem;border:2px solid #333333;border-radius:6px;font-size:1rem;transition:border-color .3s;background:#2a2a2a;color:#f0f0f0}.dealer-form input:focus,.dealer-form select:focus{outline:none;border-color:#e30613}.dealer-form select option{background:#2a2a2a;color:#f0f0f0}.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:#1a1a1a;border:2px solid #333333;border-radius:8px;overflow:hidden;box-shadow:0 2px 4px #0000004d}.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:#161616}.company-kiosk{display:flex;flex-direction:column;gap:.75rem;padding:.75rem;margin:.5rem;background:#1e1e1e;border-radius:6px;border-left:4px solid #E30613;box-shadow:0 1px 3px #0000004d}.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:#f0f0f0;min-width:150px}.company-kiosk span{padding:.25rem .5rem;background:#2a2a2a;border-radius:4px;font-size:.85rem;color:#aaa}