.app-root{position:relative;width:100vw;height:100vh;overflow:hidden}.map-container{width:100%;height:100%}.filter-bar{position:absolute;top:12px;left:50%;transform:translateX(-50%);z-index:10;display:flex;align-items:center;gap:6px;background:white;border-radius:999px;padding:6px 12px;box-shadow:0 2px 8px rgba(0,0,0,.18)}.filter-label{font-size:13px;color:#555;margin-right:2px}.filter-btn{border:none;background:transparent;padding:4px 12px;border-radius:999px;font-size:13px;cursor:pointer;color:#444;transition:background .15s}.filter-btn:hover{background:#f0f0f0}.filter-btn-active{background:#2563eb;color:white}.filter-btn-active:hover{background:#1d4ed8}.fab{position:absolute;bottom:32px;right:20px;z-index:10;background:#2563eb;color:white;border:none;border-radius:999px;padding:12px 20px;font-size:15px;font-weight:600;cursor:pointer;box-shadow:0 4px 12px rgba(37,99,235,.4);transition:background .15s}.fab:hover{background:#1d4ed8}.detail-panel{position:absolute;top:0;right:0;z-index:20;width:320px;height:100%;background:white;box-shadow:-4px 0 16px rgba(0,0,0,.12);display:flex;flex-direction:column;overflow-y:auto}@media (max-width:600px){.detail-panel{width:100%;height:60%;top:auto;bottom:0;box-shadow:0 -4px 16px rgba(0,0,0,.12)}}.detail-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid #e5e5e5}.close-btn{background:none;border:none;font-size:16px;cursor:pointer;color:#666;padding:2px 6px;border-radius:4px}.close-btn:hover{background:#f0f0f0}.detail-body{padding:16px;display:flex;flex-direction:column;gap:10px}.detail-address{font-size:15px;font-weight:600;color:#111}.detail-notes{font-size:13px;color:#555}.detail-meta{gap:2px;font-size:12px;color:#777}.detail-meta,.fix-info{display:flex;flex-direction:column}.fix-info{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:6px;padding:10px 12px;font-size:13px;color:#166534;gap:4px}.status-badge{display:inline-block;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:700;letter-spacing:.03em}.badge-open{background:#fee2e2;color:#991b1b}.badge-fixed{background:#dcfce7;color:#166534}.inline-form{gap:10px}.inline-form,.inline-form label{display:flex;flex-direction:column}.inline-form label{gap:4px;font-size:13px;font-weight:500;color:#333}.inline-form input,.inline-form textarea{border:1px solid #d1d5db;border-radius:6px;padding:7px 10px;font-size:13px;color:#111;outline:none;font-family:inherit;resize:vertical}.inline-form input:focus,.inline-form textarea:focus{border-color:#2563eb;box-shadow:0 0 0 2px rgba(37,99,235,.15)}.field-error{color:#dc2626;font-size:12px;font-weight:400}.form-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:4px}.btn{border:none;border-radius:6px;padding:8px 14px;font-size:13px;font-weight:600;cursor:pointer;transition:background .15s}.btn-primary{background:#2563eb;color:white}.btn-primary:hover{background:#1d4ed8}.btn-green{background:#16a34a;color:white}.btn-green:hover{background:#15803d}.btn-ghost{background:#f3f4f6;color:#374151}.btn-ghost:hover{background:#e5e7eb}.toast{position:absolute;bottom:90px;left:50%;transform:translateX(-50%);z-index:30;background:#1e293b;color:white;padding:10px 20px;border-radius:8px;font-size:14px;box-shadow:0 4px 12px rgba(0,0,0,.2);pointer-events:none;white-space:nowrap}