*{margin:0;padding:0;box-sizing:border-box}:root{--primary-blue: #3498db;--success-green: #27ae60;--danger-red: #e74c3c;--dark-gray: #2c3e50;--light-gray: #95a5a6;--bg-light: #f0f2f5;--bg-white: #ffffff;--warning-orange: #f39c12;--premium-purple: #9b59b6;--border-light: #bdc3c7;--text-muted: #7f8c8d;--transition: all .3s ease}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:var(--bg-light);color:var(--dark-gray);line-height:1.6}.navbar{background-color:var(--dark-gray);padding:0;box-shadow:0 2px 8px #0000001a;position:sticky;top:0;z-index:100}.nav-container{max-width:1400px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;padding:10px 20px}.nav-buttons{display:flex;gap:15px;flex:1}.nav-btn{background-color:var(--primary-blue);color:#fff;border:none;padding:10px 20px;border-radius:5px;cursor:pointer;font-size:14px;font-weight:700;transition:var(--transition);min-width:150px}.nav-btn:hover{background-color:#2980b9;transform:translateY(-2px)}.nav-btn.active{background-color:var(--success-green)}.clock{color:#fff;font-weight:700;text-align:right;font-size:12px;line-height:1.4;min-width:150px}.container{max-width:1400px;margin:0 auto;padding:20px}.screen{display:none;animation:fadeIn .3s ease}.screen.active{display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}h1{font-size:32px;font-weight:700;color:var(--dark-gray);margin-bottom:30px}h2{font-size:18px;font-weight:700;color:var(--dark-gray);margin-bottom:15px}h3{font-size:16px;font-weight:700;color:var(--dark-gray);margin-bottom:10px}.group,.form-group,.table-group,.status-group,.summary-group,.billing-group,.preview-group{background:#fff;border:2px solid var(--primary-blue);border-radius:8px;padding:20px;margin-bottom:20px}.preview-group{border-color:var(--success-green)}.billing-group{border-color:var(--danger-red)}.summary-group{border-color:var(--success-green)}.status-group{border-color:var(--primary-blue)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.stat-item{padding:15px;background:var(--bg-light);border-radius:8px;border-left:4px solid var(--primary-blue)}.stat-item label{display:block;font-weight:700;margin-bottom:10px;color:var(--dark-gray)}.stat-value{font-size:24px;font-weight:700;color:var(--primary-blue)}.stat-value.occupied{color:var(--danger-red)}.stat-value.available{color:var(--success-green)}.progress-container{width:100%;height:25px;background:#ecf0f1;border-radius:5px;overflow:hidden;margin:10px 0}.progress-bar{height:100%;background:var(--primary-blue);transition:width .3s ease}.rate-label{font-weight:700;color:var(--primary-blue)}.spot-types{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.type-item{padding:20px;background:var(--bg-light);border-radius:8px;text-align:center;border:2px solid var(--border-light)}.type-icon{font-size:32px;display:block;margin-bottom:10px}.type-item label{display:block;font-weight:700;margin-bottom:5px}.type-value{font-size:24px;font-weight:700;color:var(--success-green)}.activity-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.activity-item{padding:15px;background:var(--bg-light);border-radius:8px}.activity-item label{display:block;font-weight:700;margin-bottom:10px}.activity-value{font-size:20px;font-weight:700;color:#2980b9}.revenue-value{color:#16a085}.parking-visual-group{overflow:hidden}.parking-visual-note{margin-bottom:15px;color:var(--text-muted);font-size:14px}.parking-lot-visual{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:14px}.parking-slot{border-radius:12px;padding:14px 10px;min-height:96px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:#fff;font-weight:700;text-align:center;box-shadow:0 6px 18px #00000014;transition:var(--transition)}.parking-slot:hover{transform:translateY(-3px)}.parking-slot.available{background:linear-gradient(135deg,#2ecc71,#27ae60)}.parking-slot.occupied{background:linear-gradient(135deg,#e74c3c,#c0392b)}.slot-id{font-size:16px}.slot-type{font-size:20px}.slot-status{font-size:12px;opacity:.95}.parking-legend{display:flex;gap:18px;flex-wrap:wrap;margin-top:14px;font-size:14px;color:var(--text-muted)}.parking-legend span{display:inline-flex;align-items:center;gap:8px}.legend-dot{width:14px;height:14px;border-radius:50%;display:inline-block}.legend-dot.available{background:var(--success-green)}.legend-dot.occupied{background:var(--danger-red)}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-bottom:15px}.form-field{display:flex;flex-direction:column}.form-field label{font-weight:700;margin-bottom:8px;font-size:14px}.form-field input,.form-field select{padding:10px;border:2px solid var(--border-light);border-radius:5px;font-size:14px;transition:var(--transition)}.form-field input:focus,.form-field select:focus{outline:none;border-color:var(--primary-blue);box-shadow:0 0 0 3px #3498db1a}.form-field input::placeholder{color:var(--text-muted)}.fee-display,.exit-fee-display{font-size:32px;font-weight:700;text-align:center;padding:20px;color:var(--success-green)}.exit-fee-display{color:var(--danger-red)}.billing-details{background:var(--bg-light);padding:15px;border-radius:5px;margin-bottom:20px;color:var(--text-muted);font-style:italic;font-family:Courier New,monospace;white-space:pre-wrap;word-wrap:break-word}.form-actions{display:flex;gap:15px;margin-top:20px;flex-wrap:wrap}.btn{padding:12px 24px;border:none;border-radius:5px;cursor:pointer;font-weight:700;font-size:14px;transition:var(--transition);min-height:45px;min-width:150px}.btn-primary{background-color:var(--primary-blue);color:#fff}.btn-primary:hover{background-color:#2980b9;transform:translateY(-2px)}.btn-success{background-color:var(--success-green);color:#fff}.btn-success:hover{background-color:#229954;transform:translateY(-2px)}.btn-secondary{background-color:var(--light-gray);color:#fff}.btn-secondary:hover{background-color:#7f8c8d;transform:translateY(-2px)}.btn:active{transform:translateY(0)}.status-message{margin-top:15px;padding:15px;border-radius:5px;font-weight:700}.status-message:empty{display:none}.status-message.success{background:#e8f5e9;color:var(--success-green);border-left:4px solid var(--success-green)}.status-message.error{background:#ffebee;color:var(--danger-red);border-left:4px solid var(--danger-red)}.spots-table,.transactions-table{width:100%;border-collapse:collapse;margin-top:15px;background:#fff}.spots-table thead,.transactions-table thead{background-color:var(--dark-gray);color:#fff}.spots-table th,.transactions-table th{padding:12px;text-align:left;font-weight:700;border:none}.spots-table td,.transactions-table td{padding:12px;border-bottom:1px solid #ecf0f1}.spots-table tbody tr:nth-child(2n),.transactions-table tbody tr:nth-child(2n){background-color:#f8f9fa}.spots-table tbody tr:hover,.transactions-table tbody tr:hover{background-color:#e8f4f8}.badge{display:inline-block;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:700;text-align:center}.badge.available{background:#e8f5e9;color:var(--success-green)}.badge.occupied{background:#ffebee;color:var(--danger-red)}.badge.entry{background:#e8f5e9;color:var(--success-green)}.badge.exit{background:#ffebee;color:var(--danger-red)}.status-info{background:var(--bg-light);padding:20px;border-radius:5px}.status-info p{margin:10px 0;font-size:16px}.status-info strong{color:var(--dark-gray);font-weight:700}.legend{background:#fff;border:2px solid var(--border-light);border-radius:8px;padding:20px;margin-top:20px}.legend-items{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;margin-top:15px}.legend-item{padding:10px;background:var(--bg-light);border-radius:5px;font-size:14px}.transaction-controls{display:flex;gap:15px;align-items:center;margin-bottom:20px;flex-wrap:wrap}.transaction-controls label{font-weight:700}.transaction-controls select{padding:8px 12px;border:2px solid var(--border-light);border-radius:5px;min-width:200px}.summary-info{background:var(--bg-light);padding:15px;border-radius:5px;font-size:14px;line-height:1.8}.summary-info strong{color:var(--primary-blue);font-weight:700}.text-right{text-align:right}.text-center{text-align:center}.text-success{color:var(--success-green);font-weight:700}.text-danger{color:var(--danger-red);font-weight:700}@media (max-width: 768px){.container{padding:10px}h1{font-size:24px;margin-bottom:20px}.navbar{padding:0}.nav-container{flex-direction:column;gap:10px}.nav-buttons{flex-wrap:wrap;justify-content:center}.nav-btn{min-width:120px;padding:8px 15px;font-size:13px}.stats-grid,.form-row,.spot-types,.activity-stats,.legend-items{grid-template-columns:1fr}.transaction-controls{flex-direction:column;align-items:flex-start}.transaction-controls select{width:100%}.spots-table,.transactions-table{font-size:12px}.spots-table th,.spots-table td,.transactions-table th,.transactions-table td{padding:8px}.btn{min-width:100%;font-size:13px}.form-actions{flex-direction:column}}@media print{.navbar,.form-actions,.transaction-controls{display:none}.screen.active{page-break-after:always}}.modal{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;background-color:#0006}.modal.show{display:block}.modal-content{background-color:var(--bg-white);margin:10% auto;padding:30px;border:2px solid var(--primary-blue);border-radius:8px;width:90%;max-width:400px;box-shadow:0 4px 20px #0003}.close{color:var(--dark-gray);float:right;font-size:28px;font-weight:700;cursor:pointer}.close:hover{color:var(--danger-red)}.login-form .form-field{margin-bottom:15px}.login-form .form-field label{display:block;margin-bottom:8px;font-weight:700}.login-form .form-field input{width:100%;padding:10px;border:2px solid var(--border-light);border-radius:5px;font-size:14px}.login-form .form-field input:focus{border-color:var(--primary-blue);outline:none}.login-form .form-actions{display:flex;gap:10px;margin-top:20px}.admin-login-prompt{text-align:center;padding:40px;background:var(--bg-light);border-radius:8px;border:2px dashed var(--danger-red)}.admin-login-prompt p{font-size:18px;margin-bottom:20px;color:var(--dark-gray)}.admin-controls{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.control-item{background:var(--bg-light);padding:20px;border-radius:8px;border:2px solid var(--primary-blue)}.control-item h3{margin:0 0 10px;color:var(--dark-gray)}.control-item p{margin:10px 0;color:var(--text-muted);font-size:14px}.control-item .form-field{margin:15px 0}.danger-zone{border-color:var(--danger-red)!important}.danger-zone h2{color:var(--danger-red)}.danger-controls{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.danger-controls .control-item{border-color:var(--danger-red)!important;background-color:#e74c3c0d}.danger-controls .control-item h3{color:var(--danger-red)}.btn-danger{background-color:var(--danger-red);color:#fff;border:none;padding:10px 20px;border-radius:5px;cursor:pointer;font-size:14px;font-weight:700;transition:var(--transition)}.btn-danger:hover{background-color:#c0392b;transform:translateY(-2px)}.audit-controls{display:flex;gap:15px;align-items:center;flex-wrap:wrap}.audit-controls label{font-weight:700;margin-right:10px}.audit-controls select{padding:8px 12px;border:2px solid var(--border-light);border-radius:5px;background-color:#fff;cursor:pointer}.audit-controls .btn{margin:5px}#audit-report{font-family:Courier New,monospace;font-size:12px;white-space:pre-wrap;word-wrap:break-word}