.red{background-color:#dc3545;color:#fff}.red:hover:not(:disabled){background-color:#c82333}.red:disabled{background-color:#dc354580;cursor:not-allowed}.control-buttons{display:flex;gap:10px;margin-bottom:10px;flex-wrap:wrap}.control-btn{flex:1;padding:10px;border-radius:4px;font-size:16px;transition:background-color .3s;min-width:calc(25% - 8px)}.full-width{flex:2}.clear-btn{padding:8px 12px;margin:0 5px;font-size:14px;background-color:#007bff}.clear-btn:hover{background-color:#0056b3}.service-card .card-content{position:relative;padding-bottom:28px}.privacy-inline{position:absolute;left:0;right:0;bottom:6px;text-align:center}.privacy-inline a{color:#888;text-decoration:none;opacity:.85;font-size:12px}.privacy-inline a:hover{text-decoration:underline}.privacy-overlay{position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:1000}.config-btn,.upload-btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}.config-btn:hover,.upload-btn:hover{text-decoration:none}.privacy-card{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(680px,92vw);max-height:80vh;background:#fff;border-radius:10px;box-shadow:0 10px 30px rgba(0,0,0,.2);padding:14px 16px 12px 16px;display:flex;flex-direction:column;color:#212529}.privacy-title{margin:0 24px 6px 0;font-size:16px;color:#0f172a}.privacy-tip{margin:2px 0 8px 0;font-size:12px;color:#475569}.privacy-close{position:absolute;right:10px;top:8px;border:none;background:transparent;font-size:22px;line-height:1;cursor:pointer}.privacy-content{overflow:auto;padding-right:4px;color:#1f2937}.privacy-content p{margin:6px 0}.privacy-actions{text-align:right;margin-top:8px}.ok-btn{padding:6px 12px;border:none;border-radius:4px;background:#6c757d;color:#fff;cursor:pointer}.ok-btn:hover{background:#5a6268}*{margin:0;padding:0;box-sizing:border-box;font-family:Arial,sans-serif}body{background-color:#121212;color:#fff}.container,body{min-height:100vh}.container{width:100%;max-width:1400px;margin:0 auto;padding:20px}.mobile-layout{display:flex;flex-direction:column;gap:20px}.desktop-layout{display:none}@media (min-width:1024px),(orientation:landscape) and (min-height:600px){.mobile-layout{display:none}.desktop-layout{display:flex;flex-direction:column;min-height:calc(100vh - 40px)}.grid-container{display:grid;grid-template-columns:4fr 6fr;grid-template-rows:.72fr 1.08fr;gap:20px;flex:1;min-height:0}.grid-item{background-color:#1a2639;border-radius:10px;padding:13.5px;display:flex;flex-direction:column;overflow:auto}.card-title{color:#3498db;font-size:.99rem;margin-bottom:10.8px;border-bottom:2px solid #3498db;padding-bottom:7.2px;display:flex;align-items:center;justify-content:center;gap:8px;text-align:center}.card-title .title-logo{height:1.3rem;width:1.3rem;border-radius:4px}.card-title .title-text{font-size:1.3rem;position:relative;transform:translateY(-1px)}.card-content{flex:1;display:flex;flex-direction:column;justify-content:center;gap:10.8px}}.global-actions-mobile{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:15px}.upload-btn{background-color:#3498db;border:none;color:#fff;padding:12px 20px;border-radius:5px;cursor:pointer;font-weight:700;flex:1;min-width:120px;transition:background-color .2s}.upload-btn:hover{background-color:#2980b9}.upload-btn:disabled{background-color:#95a5a6;cursor:not-allowed}.help-btn{background-color:#2ecc71}.help-btn:hover{background-color:#27ae60}.config-actions{display:flex;gap:8px;margin-bottom:15px;flex-wrap:wrap}.config-btn{border:none;color:#fff;padding:8px 12px;border-radius:4px;cursor:pointer;font-weight:700;font-size:.8rem;transition:background-color .2s;flex:1;min-width:80px}.config-btn.upload{background-color:#3498db}.config-btn.upload:hover{background-color:#2980b9}.config-btn.help{background-color:#2ecc71}.config-btn.help:hover{background-color:#27ae60}.config-btn:disabled{background-color:#95a5a6;cursor:not-allowed}.led-control-area{background-color:#1a2639;border-radius:10px;padding:20px}.led-connection{display:flex;align-items:center;gap:15px;margin-bottom:15px;flex-wrap:wrap}.led-btn{background-color:#e74c3c;border:none;color:#fff;padding:12px 20px;border-radius:5px;cursor:pointer;font-weight:700;transition:background-color .3s}.led-btn:hover{background-color:#c0392b}.led-btn.connected{background-color:#27ae60}.led-btn.connected:hover{background-color:#229954}.led-btn:disabled{background-color:#95a5a6;cursor:not-allowed}.led-status{display:flex;align-items:center;gap:8px}.status-indicator{width:12px;height:12px;border-radius:50%;background-color:#e74c3c;transition:background-color .3s}.status-indicator.active{background-color:#27ae60}.status-text{color:#fff;font-size:.9rem}.led-info{display:flex;flex-direction:column;gap:10px;padding-top:15px;border-top:1px solid #34495e}.device-info{display:flex;align-items:center;gap:10px}.info-label{color:#bdc3c7;font-size:.9rem;min-width:50px}.info-value{color:#fff;font-weight:700}.led-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.brightness-label{color:#bdc3c7;font-size:.9rem}.brightness-slider{flex:1;min-width:100px;height:6px;background-color:#34495e;border-radius:3px;outline:none;appearance:none;-webkit-appearance:none;-moz-appearance:none}.brightness-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;background-color:#3498db;border-radius:50%;cursor:pointer}.brightness-slider::-moz-range-thumb{width:18px;height:18px;background-color:#3498db;border-radius:50%;cursor:pointer;border:none}.brightness-value{color:#fff;font-weight:700;min-width:25px;text-align:center}.clear-btn{background-color:#e67e22;border:none;color:#fff;padding:8px 15px;border-radius:4px;cursor:pointer;font-size:.9rem;transition:background-color .3s}.clear-btn:hover{background-color:#d35400}.station-config-area{background-color:#1a2639;border-radius:10px;padding:20px;display:flex;flex-direction:column;gap:20px}.brand-title{display:flex;align-items:center;justify-content:center;gap:8px;color:#3498db;font-weight:700}.brand-title .brand-logo{height:1.3rem;width:1.3rem;border-radius:4px}.brand-title .brand-text{position:relative;transform:translateY(-1px);font-size:1.3rem}.route-info,.route-info-grid{display:flex;align-items:center;justify-content:center;gap:20px;flex-wrap:wrap}.route-name,.route-name-grid{color:#ffc107;font-size:2rem;text-align:center}@media (min-width:1024px){.route-name-grid{font-size:2.2rem;font-weight:700;margin-bottom:10px}}.direction-buttons,.direction-buttons-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.direction-btn{background-color:#3498db;border:none;color:#fff;padding:10px 25px;border-radius:5px;cursor:pointer;font-weight:700;transition:background-color .2s}.direction-btn:hover{background-color:#2980b9}.direction-btn.active{background-color:#2ecc71}.direction-btn:disabled{background-color:#95a5a6;cursor:not-allowed;opacity:.7}.station-info,.station-info-grid{text-align:center}.current-station,.current-station-grid{font-size:1.3rem;color:#2ecc71;margin-bottom:10px}.next-station,.next-station-grid{font-size:1.1rem;color:#fff;opacity:.9}.terminal-station,.terminal-station-grid{font-size:1.1rem;color:#e74c3c;opacity:.9;font-weight:700}.station-select-container,.station-select-container-grid{display:flex;align-items:center;gap:10px}.station-select-container label,.station-select-container-grid label{color:#fff;font-size:.9rem;white-space:nowrap}.station-select,.station-select-grid{flex:1;background-color:#2c3e50;color:#fff;padding:10px;border:1px solid #34495e;border-radius:5px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fff'%3E%3Cpath d='m7 10 5 5 5-5z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;background-size:20px;cursor:pointer}.station-select-grid:disabled,.station-select:disabled{opacity:.7;cursor:not-allowed}.mobile-layout .control-buttons{display:grid;grid-template-columns:1fr 1fr;gap:10px}.primary-controls{margin-bottom:10px}.primary-controls,.secondary-controls{display:flex;gap:12px}.stop-controls{display:flex}.control-btn{padding:15px;border:none;border-radius:5px;color:#fff;font-weight:700;cursor:pointer;transition:opacity .2s;font-size:1rem}.control-btn:hover{opacity:.9}.control-btn:disabled{background-color:#95a5a6!important;cursor:not-allowed;opacity:.7}.control-btn.blue{background-color:#3498db}.control-btn.purple{background-color:#9b59b6}.control-btn.red{background-color:#dc3545}.control-btn.red:hover:not(:disabled){background-color:#c82333}.full-width{grid-column:1/-1;width:100%}.control-btn.large-grid{padding:24px 28px;font-size:1.4rem;flex:1}.mobile-layout .service-buttons{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.service-buttons-grid{display:grid;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(2,1fr);gap:8px;height:50%}.service-btn,.service-btn-grid{background-color:#e67e22;border:none;color:#fff;padding:12px 8px;border-radius:5px;cursor:pointer;font-weight:700;transition:background-color .2s;font-size:.9rem}.service-btn-grid:hover,.service-btn:hover{background-color:#d35400}.service-btn-grid:disabled,.service-btn:disabled{background-color:#95a5a6;cursor:not-allowed;opacity:.7}.service-btn-grid{display:flex;align-items:center;justify-content:center;min-height:28px;padding:6px 4px;font-size:.75rem}.modal{display:none;position:fixed;z-index:100;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgba(0,0,0,.8)}.modal-content{background-color:#1a2639;margin:5% auto;padding:20px;border:1px solid #34495e;border-radius:10px;width:80%;max-width:800px;max-height:80vh;overflow-y:auto}.close{color:#aaa;float:right;font-size:28px;font-weight:700;cursor:pointer}.close:focus,.close:hover{color:#fff;text-decoration:none}.help-content{margin-top:20px}.help-content h3{color:#3498db;margin-top:15px;margin-bottom:10px}.help-content p{margin-bottom:10px;line-height:1.5}.help-content pre{background-color:#263747;padding:10px;border-radius:5px;overflow-x:auto;margin:10px 0;color:#ddd}.help-content ol,.help-content ul{padding-left:20px;margin-bottom:15px}.help-content li{margin-bottom:5px;line-height:1.5}.modal-content::-webkit-scrollbar{width:10px}.modal-content::-webkit-scrollbar-track{background:#2c3e50;border-radius:5px}.modal-content::-webkit-scrollbar-thumb{background:#34495e;border-radius:5px}.modal-content::-webkit-scrollbar-thumb:hover{background:#3f5973}.modal-enter-active,.modal-leave-active{transition:opacity .3s}.modal-enter-from,.modal-leave-to{opacity:0}.fade-enter-active,.fade-leave-active{transition:opacity .5s}.fade-enter-from,.fade-leave-to{opacity:0}.toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background-color:rgba(0,0,0,.8);color:#fff;padding:10px 20px;border-radius:5px;z-index:1000}.privacy-mobile{text-align:center;margin-top:10px;padding:5px 0}.privacy-mobile a{color:#888;text-decoration:none;opacity:.85;font-size:12px}.privacy-mobile a:hover{text-decoration:underline}@media (min-width:768px) and (max-width:1023px){.mobile-layout .service-buttons{grid-template-columns:repeat(2,1fr);gap:12px}.route-name{font-size:2.5rem}.current-station{font-size:1.5rem}.next-station{font-size:1.2rem}.brand-title .brand-text{font-size:1.5rem}.brand-title .brand-logo{height:1.5rem;width:1.5rem}}@media (max-width:480px){.container{padding:15px}.mobile-layout{gap:15px}.route-name{font-size:1.5rem}.current-station{font-size:1.2rem}.next-station,.terminal-station{font-size:1rem}.brand-title .brand-text{font-size:1.2rem}.brand-title .brand-logo{height:1.2rem;width:1.2rem}.direction-buttons,.global-actions{grid-template-columns:1fr 1fr}.global-actions>:nth-child(3){grid-column:1/-1}}@media (min-width:1400px){.grid-container{gap:25px}.grid-item{padding:20px}.card-title{font-size:1.2rem}}