:root{--primary-cta-bg-color: #635bff;--primary-font-family: "Noto Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif}*{box-sizing:border-box}body{background-color:#f9fafb;color:#111827;font-family:var(--primary-font-family);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@keyframes crpFadeIn{0%{opacity:0}to{opacity:1}}@keyframes crpFadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.desktop-view{display:none!important}.mobile-view{display:block!important}.mobile-hidden{display:none!important}.mobile-full-width{width:100%!important}.mobile-stack{flex-direction:column!important}.mobile-grid-1{grid-template-columns:1fr!important}.mobile-grid-2{grid-template-columns:repeat(2,1fr)!important}.mobile-padding{padding:2px!important}.mobile-text-sm{font-size:.75rem!important}.mobile-text-lg{font-size:1rem!important}.mobile-margin-sm{margin:4px 0!important}.mobile-gap-sm{gap:4px!important}.mobile-gap-md{gap:8px!important}.modal-content{padding:8px!important;max-height:95vh!important;overflow-y:auto!important}.modal-title{margin-bottom:8px!important}.modal-title h2{font-size:1rem!important}.modal-form-grid{gap:12px!important;margin-bottom:8px!important}.modal-form-field{margin-bottom:4px!important}.modal-remarks{margin-bottom:8px!important}.modal-buttons{gap:8px!important;margin-top:8px!important}.responsive-container{padding:0 2px 2px;max-width:1400px;margin:0 auto;animation:crpFadeIn .3s ease-out both}.responsive-grid{display:grid;gap:4px;grid-template-columns:1fr}.responsive-flex{display:flex;flex-direction:column;gap:4px}@media (min-width: 640px){.responsive-container{padding:0 4px 4px}.responsive-grid{grid-template-columns:repeat(2,1fr)}.responsive-flex{flex-direction:row}}@media (min-width: 768px){.responsive-container{padding:0 12px 12px}.responsive-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width: 1024px){.responsive-grid{grid-template-columns:repeat(4,1fr)}}.mobile-button{min-height:36px;padding:8px 12px;font-size:14px;border-radius:6px;border:none;cursor:pointer}.mobile-input{min-height:32px;height:32px;padding:6px 10px;font-size:13px}.mobile-card{background:#fff;border:1px solid #e9ecef;border-radius:6px;padding:4px;margin-bottom:4px;box-shadow:0 1px 2px #0000001a}.mobile-card{margin-left:-2px;margin-right:-2px;border-radius:4px}.mobile-button{min-height:32px;padding:6px 10px;font-size:12px}.mobile-input{min-height:28px;height:28px;padding:4px 8px;font-size:12px}.mobile-input-container{margin-bottom:8px}.charging-status-list-card{margin-left:-4px!important;margin-right:-4px!important;border-radius:4px!important;padding:4px!important}.charging-status-table th,.charging-status-table td{padding:4px 6px!important;font-size:12px!important}.charging-status-table th{font-size:11px!important;font-weight:600!important}.charging-status-table{font-size:12px!important}.mobile-list-item{padding:6px 8px!important;margin-bottom:2px!important;font-size:13px!important}.responsive-container{padding-top:0!important;margin-top:0!important}.responsive-container>*:first-child{margin-top:0!important;padding-top:0!important}.responsive-container>div:first-child{margin-top:0!important;padding-top:0!important;margin-bottom:4px!important}.responsive-container>div:first-child>div{margin-top:0!important;padding-top:0!important}.responsive-container>div{margin-bottom:4px!important}.download-button{padding:6px 12px!important;font-size:13px!important;min-height:32px!important}.responsive-container>div:first-child{margin-top:0!important;padding-top:0!important}.MuiAutocomplete-popper{z-index:9999!important}.mobile-card{background:#fff;border:1px solid #e9ecef;border-radius:8px;padding:8px;margin-bottom:8px;box-shadow:0 2px 4px #0000001a}@media (min-width: 768px){.mobile-card{padding:16px;margin-bottom:16px}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}}.stop-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:10000}.stop-modal-container{background:#fff;border-radius:12px;padding:24px;max-width:500px;width:90%;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;box-sizing:border-box}.stop-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-shrink:0}.stop-modal-title{font-size:1.5rem;font-weight:600;color:#2c3e50;margin:0}.stop-modal-close-btn{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#6c757d;padding:4px 8px;line-height:1}.stop-modal-form{flex:1;display:flex;flex-direction:column;overflow:hidden;min-height:0}.stop-modal-body{flex:1;overflow-y:auto;min-height:0;-webkit-overflow-scrolling:touch;padding:2px}.stop-modal-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:16px}.stop-modal-field{display:flex;flex-direction:column}.stop-modal-field--full{grid-column:1 / -1}.stop-modal-label{display:block;font-size:.9rem;font-weight:500;color:#2c3e50;margin-bottom:6px}.stop-modal-input{width:100%;padding:10px 12px;border:1px solid #d1d5db;border-radius:8px;font-size:.95rem;color:#1a1a1a;background:#fff;box-sizing:border-box;transition:border-color .2s}.stop-modal-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.stop-modal-connector-badge{background:#f8f9fa;padding:10px 12px;border-radius:6px;border:1px solid #e9ecef;font-size:.9rem;color:#495057}.stop-modal-error{color:#dc3545;font-size:.8rem;margin-bottom:8px;padding:8px 12px;background:#f8d7da;border-radius:6px;border:1px solid #f5c6cb}.stop-modal-actions{display:flex;gap:12px;justify-content:flex-end;flex-shrink:0;padding-top:16px;border-top:1px solid #f0f0f0}.stop-modal-btn{padding:12px 20px;border-radius:8px;font-size:.9rem;font-weight:500;min-height:44px;cursor:pointer;border:none}.stop-modal-btn--cancel{background:#fff;color:#6c757d;border:1px solid #e9ecef}.stop-modal-btn--submit{color:#fff}@media (max-width: 768px){.stop-modal-container{position:fixed;inset:0;border-radius:0;padding:16px;max-width:100%;width:100%;max-height:100%;height:100%}.stop-modal-header{margin-bottom:16px}.stop-modal-title{font-size:1.15rem}.stop-modal-grid{grid-template-columns:1fr;gap:14px}.stop-modal-label{font-size:.85rem;margin-bottom:4px}.stop-modal-input{padding:10px 12px;font-size:16px;min-height:44px}.stop-modal-connector-badge{padding:10px 12px;font-size:.85rem}.stop-modal-actions{padding-top:12px;padding-bottom:env(safe-area-inset-bottom,12px)}.stop-modal-btn{flex:1;padding:12px 14px;font-size:.9rem}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--primary-font-family);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f8f9fa;color:#333}button,input,textarea,select{font-family:inherit}a{color:inherit;text-decoration:none}.container{max-width:1200px;margin:0 auto;padding:0 1rem}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.flex{display:flex}.flex-column{flex-direction:column}.justify-center{justify-content:center}.align-center{align-items:center}.gap-1{gap:.5rem}.gap-2{gap:1rem}.gap-3{gap:1.5rem}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.p-1{padding:.5rem}.p-2{padding:1rem}.p-3{padding:1.5rem}