*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body{height:100%;overflow:hidden}body{font-family:JetBrains Mono,Courier New,monospace;background:#0d0d0d;color:#0f0;font-size:14px;line-height:1.4;-webkit-font-smoothing:antialiased}@media (max-width: 480px){body{font-size:16px}}#app{height:100%}.app{min-height:100%;display:flex;flex-direction:column;background:#0d0d0d;color:#0f0;height:100%;overflow:hidden}.header{padding:10px 12px;border-bottom:1px solid #333;background:#111;flex-shrink:0}.header-top{display:flex;justify-content:space-between;align-items:center}.logo{font-size:16px;font-weight:700;color:#0f0}.status-indicator{font-size:11px}.status-indicator.online{color:#0f0}.status-indicator.offline{color:#f60}.header-info{display:flex;justify-content:space-between;font-size:10px;color:#666;margin-top:4px}.error{color:#f44}.location-selector{padding:10px 12px;border-bottom:1px solid #333;display:flex;align-items:center;gap:10px;flex-shrink:0}.location-selector label{color:#0f0;font-size:12px;white-space:nowrap}.location-selector select{flex:1;background:#1a1a1a;color:#0f0;border:1px solid #333;padding:10px 8px;font-family:inherit;font-size:13px;border-radius:4px;min-height:40px}.location-selector select:focus{outline:none;border-color:#0f0}.location-info{padding:6px 12px;font-size:10px;color:#666;border-bottom:1px solid #222;flex-shrink:0}.address{font-style:italic}.bay-grid{flex:1;display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:12px;overflow-y:auto;overflow-x:hidden;align-content:start}@media (max-width: 700px){.bay-grid{grid-template-columns:repeat(2,1fr);gap:8px;padding:8px}}.loading,.no-location{grid-column:1 / -1;text-align:center;padding:40px;color:#666}.footer{padding:10px 12px;border-top:1px solid #333;background:#111;flex-shrink:0}.btn-report{width:100%;padding:14px;background:#1a1a1a;color:#f60;border:1px solid #ff6600;font-family:inherit;font-size:14px;font-weight:700;cursor:pointer;transition:all .2s;border-radius:4px;min-height:48px}.btn-report:hover,.btn-report:active{background:#f60;color:#000}.modal-overlay{position:fixed;inset:0;background:#000000f2;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal{background:#111;border:1px solid #00ff00;padding:20px;width:100%;max-width:400px;border-radius:8px}.modal h3{margin-bottom:16px;color:#0f0;font-size:16px}.form-group{margin-bottom:16px}.form-group label{display:block;margin-bottom:6px;font-size:12px;color:#888}.form-group select,.form-group textarea,.form-group input{width:100%;background:#1a1a1a;color:#0f0;border:1px solid #333;padding:12px;font-family:inherit;font-size:14px;border-radius:4px;min-height:44px}.form-group textarea{min-height:100px;resize:vertical}.form-group select:focus,.form-group textarea:focus,.form-group input:focus{outline:none;border-color:#0f0}.btn-submit{width:100%;padding:14px;background:#0f0;color:#000;border:none;font-family:inherit;font-size:14px;font-weight:700;cursor:pointer;margin-top:12px;border-radius:4px;min-height:48px}.btn-submit:disabled{background:#333;color:#666;cursor:not-allowed}.btn-cancel{width:100%;padding:12px;background:transparent;color:#888;border:1px solid #444;font-family:inherit;font-size:13px;cursor:pointer;margin-top:10px;border-radius:4px;min-height:44px}.btn-cancel:hover{border-color:#666;color:#fff}.bay-card{background:#111;border:2px solid #333;padding:12px;display:flex;flex-direction:column;gap:10px;border-radius:8px}.bay-card.occupied{border-color:#f44}.bay-card.free{border-color:#0f0}.bay-card.unknown{border-color:#444}.bay-card.unavailable{border-color:#f60}.bay-header{display:flex;justify-content:space-between;align-items:center}.bay-number{font-size:13px;font-weight:700}.bay-status{font-size:9px;padding:2px 6px;border-radius:3px;font-weight:700}.bay-card.occupied .bay-status{background:#f44;color:#000}.bay-card.free .bay-status{background:#0f0;color:#000}.bay-card.unknown .bay-status{background:#333;color:#888}.bay-card.unavailable .bay-status{background:#f60;color:#000}.bay-card.unavailable .time-value{color:#ff0}.bay-card.unavailable .bay-time{color:#f60}.bay-time{display:flex;align-items:center;gap:4px;font-size:11px}.time-label{color:#0f0;font-size:12px}.time-value{color:#ff0;font-weight:700;font-size:16px}.bay-actions{display:flex;gap:6px;margin-top:auto}.btn-report-bay{flex:1;padding:10px 6px;background:#1a1a1a;color:#0f0;border:1px solid #333;font-family:inherit;font-size:11px;font-weight:700;cursor:pointer;transition:all .2s;border-radius:4px;min-height:36px}.btn-report-bay:hover{border-color:#0f0;background:#222}.btn-report-bay.free:hover{border-color:#0f0;color:#0f0}.btn-report-bay.occupied:hover{border-color:#f44;color:#f44}.btn-issue-bay{padding:8px;background:transparent;color:#f60;border:1px solid #444;font-size:14px;cursor:pointer;border-radius:4px;min-width:36px;min-height:36px}.btn-issue-bay:hover{border-color:#f60;background:#ff66001a}.btn-issue-active{color:#f60!important;border-color:#f60!important;background:#f603!important}.btn-resolve{flex:1;padding:10px 6px;background:#1a1a1a;color:#0f0;border:1px solid #00ff00;font-family:inherit;font-size:11px;font-weight:700;cursor:pointer;transition:all .2s;border-radius:4px;min-height:36px}.btn-resolve:hover{background:#0f0;color:#000}.btn-small{font-size:9px;padding:4px 8px}