:root{color:#17201b;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f5f7f2;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,textarea{font:inherit}.app-shell{width:min(1180px,100% - 32px);margin:0 auto;padding:28px 0}.top-bar{justify-content:flex-end;align-items:center;gap:16px;margin-bottom:20px;display:flex}.primary-action,.secondary-action,.danger-action{cursor:pointer;border-radius:6px;padding:9px 12px;font-weight:700}.primary-action{color:#fff;background:#18794e;border:1px solid #18794e}.primary-action:hover{background:#0f5f3b}.primary-action:disabled{cursor:not-allowed;background:#9caf9f;border-color:#9caf9f}.secondary-action{color:#263b2d;background:#fff;border:1px solid #c8d3cb}.danger-action{color:#fff;background:#b84242;border:1px solid #b84242}.danger-action:hover{background:#963333}.danger-action:disabled{cursor:not-allowed;background:#caa0a0;border-color:#caa0a0}.eyebrow{color:#5a6a61;letter-spacing:0;text-transform:uppercase;margin:0 0 6px;font-size:.82rem;font-weight:700}h1,h2{margin:0}h1{font-size:clamp(1.8rem,3vw,3rem);line-height:1.1}h2{font-size:1.05rem}.content-grid{grid-template-columns:minmax(0,1fr) 280px;align-items:stretch;gap:20px;display:grid}.map-container{background:#fff;border:1px solid #d8dfd7;border-radius:8px;height:620px;padding:14px;position:relative}.map-surface{background:#edf2e7;border-radius:6px;width:100%;height:100%;position:relative;overflow:hidden}.map-message{color:#31523c;text-align:center;background:#f5f7f2e0;border-radius:6px;place-items:center;padding:24px;font-weight:700;display:grid;position:absolute;inset:14px}.map-mode-badge{z-index:10;color:#244231;background:#fffffff0;border:1px solid #b8c8bd;border-radius:999px;padding:8px 12px;font-size:.88rem;font-weight:800;position:absolute;top:26px;left:26px;box-shadow:0 8px 20px #17201b1f}.charge-marker{color:#fff;background:#0f7f51;border:3px solid #fff;border-radius:50%;place-items:center;width:36px;height:36px;font-size:1.18rem;font-weight:900;line-height:1;display:grid;box-shadow:0 10px 24px #0f7f515c}.charge-marker-pending{background:#d98b13;box-shadow:0 10px 24px #d98b1361}.charge-marker-rejected,.charge-marker-offline{background:#8b3a3a;box-shadow:0 10px 24px #8b3a3a52}.charge-marker-selected{background:#d15b18;width:40px;height:40px;box-shadow:0 12px 28px #d15b186b}.user-location-marker{color:#fff;background:#2b70d6;border:3px solid #fff;border-radius:50%;place-items:center;width:36px;height:36px;font-size:.9rem;font-weight:900;display:grid;box-shadow:0 10px 24px #2b70d65c}.selection-guide{color:#244231;background:#edf5ef;border:1px solid #b8c8bd;border-radius:8px;gap:10px;margin-top:16px;padding:14px;display:grid}.selection-guide strong{font-size:.98rem}.selection-guide p{color:#4d6254;margin:0;font-size:.9rem;line-height:1.55}.station-panel{background:#fff;border:1px solid #d8dfd7;border-radius:8px;padding:18px}.station-panel ul{gap:12px;margin:16px 0 0;padding:0;list-style:none;display:grid}.station-panel li{border:1px solid #e1e7e1;border-radius:6px;overflow:hidden}.station-panel span{color:#637168;font-size:.9rem}.spot-list-button{width:100%;color:inherit;text-align:left;cursor:pointer;background:#fff;border:0;gap:4px;padding:12px;display:grid}.spot-list-button:hover{background:#f5f9f6}.pagination-controls{justify-content:space-between;align-items:center;gap:8px;margin-top:12px;display:flex}.pagination-controls span{color:#637168;font-size:.88rem;font-weight:700}.spot-count{background:#f7faf6;border:1px solid #d8dfd7;border-radius:8px;align-items:baseline;gap:8px;margin-top:14px;padding:12px;display:flex}.spot-count strong{color:#18794e;font-size:1.8rem;line-height:1}.spot-count span{color:#506159;font-size:.9rem}.map-legend{background:#fff;border:1px solid #d8dfd7;border-radius:8px;gap:8px;margin-top:12px;padding:12px;display:grid}.map-legend div{color:#506159;align-items:center;gap:8px;font-size:.88rem;display:flex}.legend-dot{border-radius:50%;width:12px;height:12px;box-shadow:0 0 0 2px #fff,0 0 0 3px #d8dfd7}.legend-dot-approved{background:#0f7f51}.legend-dot-pending{background:#d98b13}.panel-message{color:#637168;margin:16px 0 0;font-size:.92rem}.panel-message-error{color:#9b2f2f}.panel-message-success{color:#18794e;font-weight:700}.panel-message-warning{color:#8a5b08}.spot-form{gap:12px;margin-top:16px;display:grid}.spot-form label{color:#34473a;gap:6px;font-size:.88rem;font-weight:700;display:grid}.spot-form input,.spot-form textarea{color:#17201b;background:#fff;border:1px solid #cfd9d1;border-radius:6px;width:100%;padding:9px 10px}.spot-form textarea{resize:vertical}.optional-details{gap:12px;display:grid}.optional-details[open]{gap:12px}.optional-details summary{cursor:pointer;color:#31523c;font-size:.9rem;font-weight:800}.optional-details label{margin-top:12px}.coordinate-note{color:#506159;background:#f5f7f2;border:1px solid #d8dfd7;border-radius:6px;margin:0;padding:9px 10px;font-size:.86rem}.form-actions{justify-content:flex-end;gap:8px;display:flex}.spot-info-window{color:#17201b;gap:8px;min-width:220px;line-height:1.45;display:grid}.spot-info-window strong{font-size:.98rem}.spot-info-window p{color:#4f5f55;margin:0;font-size:.86rem}.spot-info-window dl{grid-template-columns:52px 1fr;gap:5px 10px;margin:0;font-size:.84rem;display:grid}.spot-info-window dt{color:#65736b}.spot-info-window dd{color:#223328;margin:0}.admin-shell{width:min(1180px,100% - 32px);margin:0 auto;padding:28px 0}.admin-login{background:#fff;border:1px solid #d8dfd7;border-radius:8px;width:min(420px,100%);padding:22px}.admin-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}.admin-stats{grid-template-columns:repeat(2,minmax(0,180px));gap:12px;margin:0 0 18px;display:grid}.admin-stats div{background:#fff;border:1px solid #d8dfd7;border-radius:8px;gap:6px;padding:14px;display:grid}.admin-stats span{color:#637168;font-size:.86rem}.admin-stats strong{color:#17201b;font-size:1.8rem;line-height:1}.admin-map-section{margin:0 0 18px}.admin-section-header{justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:12px;display:flex}.admin-section-header p{color:#637168;margin:6px 0 0;font-size:.9rem}.filter-controls{flex-wrap:wrap;gap:8px;display:flex}.filter-button{color:#263b2d;cursor:pointer;background:#fff;border:1px solid #c8d3cb;border-radius:999px;padding:7px 10px;font-weight:700}.filter-button-active{color:#fff;background:#18794e;border-color:#18794e}.admin-map-section .map-container{height:420px}.admin-map-section .map-surface{height:100%}.admin-edit-panel{background:#fff;border:1px solid #d8dfd7;border-radius:8px;margin:0 0 18px;padding:16px}.admin-edit-form{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.admin-edit-form label{color:#34473a;gap:6px;font-size:.88rem;font-weight:700;display:grid}.admin-edit-form label:nth-child(2){grid-column:span 2}.admin-edit-form input,.admin-edit-form textarea{color:#17201b;background:#fff;border:1px solid #cfd9d1;border-radius:6px;width:100%;padding:9px 10px}.admin-edit-form .form-actions{grid-column:1/-1}.admin-table-wrap{background:#fff;border:1px solid #d8dfd7;border-radius:8px;overflow-x:auto}.admin-pagination-controls{justify-content:flex-end}.admin-table{border-collapse:collapse;width:100%;min-width:940px}.admin-table th,.admin-table td{text-align:left;vertical-align:top;border-bottom:1px solid #e1e7e1;padding:12px;font-size:.9rem}.admin-table th{color:#34473a;background:#f5f7f2;font-weight:800}.admin-table tr:last-child td{border-bottom:0}.table-actions{white-space:nowrap;gap:8px;display:flex}.table-link-button{color:#17643f;text-align:left;cursor:pointer;background:0 0;border:0;padding:0;font-weight:800}.table-link-button:hover{text-decoration:underline}.table-link-button:disabled{color:#8b958d;cursor:not-allowed;text-decoration:none}.status-tag{border-radius:999px;align-items:center;padding:4px 8px;font-size:.78rem;font-weight:800;display:inline-flex}.status-tag-approved{color:#17643f;background:#e2f0e7}.status-tag-pending{color:#75530f;background:#f6ecd0}.status-tag-rejected,.status-tag-offline{color:#8b2c2c;background:#f2dddd}@media (width<=820px){.app-shell{width:min(100% - 20px,1180px);padding:18px 0}.top-bar{align-items:flex-start}.content-grid{grid-template-columns:1fr}.admin-section-header{flex-direction:column;align-items:flex-start}.admin-edit-form{grid-template-columns:1fr}.admin-edit-form label:nth-child(2){grid-column:span 1}.map-container,.map-surface{height:460px}}