:root{color:#111827;background:#f3f4f6;font-family:Pretendard,Noto Sans KR,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;--color-primary-600: #2563eb;--color-primary-500: #3b82f6;--color-primary-400: #60a5fa;--color-primary-200: #dbeafe;--color-success: #16a34a;--color-warning: #f59e0b;--color-danger: #ef4444;--color-info: #0ea5e9;--color-disabled: #cbd5e1;--color-gray-900: #111827;--color-gray-700: #374151;--color-gray-500: #6b7280;--color-gray-300: #d1d5db;--color-gray-100: #f3f4f6;--color-white: #ffffff;--spacing-1: 4px;--spacing-2: 8px;--spacing-3: 12px;--spacing-4: 16px;--radius-xs: 4px;--radius-s: 8px;--radius-m: 12px;--radius-l: 16px;--radius-xl: 24px;--radius-pill: 999px;--shadow-map-overlay: 0 4px 12px rgba(0, 0, 0, .08);--border: var(--color-gray-300);--muted: var(--color-gray-500);--panel: var(--color-white);--primary: var(--color-primary-600);--primary-hover: #1d4ed8;--danger: var(--color-danger);--side-line: #c9342f;--side-walk: var(--color-primary-600)}*{box-sizing:border-box}body{margin:0;min-width:1120px;background:var(--color-gray-100);font-size:14px}button,input,select{font:inherit}button{border:1px solid var(--border);background:var(--color-white);color:var(--color-gray-900);border-radius:var(--radius-m);padding:7px 10px;cursor:pointer;font-weight:600;transition:background-color .12s ease,border-color .12s ease,color .12s ease}button:hover{border-color:var(--color-primary-400);color:var(--color-primary-600)}button:disabled{cursor:not-allowed;opacity:.45}select{min-width:108px;border:1px solid var(--border);border-radius:var(--radius-m);padding:7px 9px;background:var(--color-white)}.app-shell{display:grid;grid-template-columns:204px minmax(0,1fr);min-height:100vh;transition:grid-template-columns .16s ease}.app-shell.sidebar-collapsed{grid-template-columns:64px minmax(0,1fr)}.admin-login-shell{display:grid;min-height:100vh;place-items:center;padding:32px;background:linear-gradient(#f8fafc 0,#f8fafc 0),repeating-linear-gradient(0deg,rgb(148 163 184 / .16) 0 1px,transparent 1px 48px),repeating-linear-gradient(90deg,rgb(148 163 184 / .16) 0 1px,transparent 1px 48px)}.admin-login-panel{display:grid;gap:16px;width:min(720px,100%);border:1px solid var(--border);border-radius:var(--radius-l);background:var(--color-white);padding:28px;box-shadow:var(--shadow-map-overlay)}.login-kicker{display:inline-flex;width:fit-content;border-radius:var(--radius-pill);padding:5px 10px;background:var(--color-primary-200);color:var(--color-primary-600);font-size:12px;font-weight:800}.admin-login-panel h1{margin:0;font-size:30px;line-height:38px}.admin-login-panel p{margin:0;color:var(--muted);line-height:1.55}.admin-login-panel .admin-auth-panel{grid-template-columns:1fr;align-items:stretch}.sidebar{position:relative;border-right:1px solid var(--border);background:var(--color-white);padding:14px 10px;min-width:0}.brand{display:flex;align-items:center;gap:10px;padding:4px 6px 16px}.brand-mark{display:grid;place-items:center;width:36px;height:36px;border-radius:var(--radius-m);background:var(--primary);color:var(--color-white);font-weight:800}.brand small{display:block;color:var(--muted)}.brand strong{font-size:15px}.sidebar-toggle{margin-left:auto;position:relative;width:30px;min-width:30px;height:30px;padding:0;border-radius:var(--radius-pill);border-color:var(--color-gray-300);background:var(--color-gray-100)}.sidebar-toggle span{position:absolute;left:50%;top:50%;width:8px;height:8px;border-left:2px solid var(--color-gray-700);border-bottom:2px solid var(--color-gray-700);transform:translate(-35%,-50%) rotate(45deg)}.sidebar-toggle:hover{background:var(--color-primary-200)}.sidebar-toggle:hover span{border-color:var(--color-primary-600)}.sidebar nav{display:grid;gap:3px}.sidebar nav button{display:flex;align-items:center;gap:8px;width:100%;text-align:left;border:0;background:transparent;padding:9px 12px;border-radius:var(--radius-m);color:var(--color-gray-700)}.nav-short{display:none;width:24px;min-width:24px;text-align:center;font-weight:800}.sidebar nav button.active,.sidebar nav button:hover{background:var(--color-primary-200);color:var(--color-primary-600)}.sidebar nav button.active{box-shadow:inset 3px 0 0 var(--color-primary-600)}.sidebar-collapsed .sidebar{padding-inline:8px}.sidebar-collapsed .brand{justify-content:center;padding-inline:0}.sidebar-collapsed .brand-copy{display:none}.sidebar-collapsed .brand-mark{width:36px;height:36px}.sidebar-collapsed .brand-mark{color:var(--color-white);background:var(--primary)}.sidebar-collapsed .sidebar-toggle{position:absolute;left:39px;top:38px;width:22px;height:22px;min-width:22px;transform:none;z-index:35;border-color:var(--color-gray-300);background:var(--color-white);box-shadow:0 2px 6px #0f172a2e}.sidebar-collapsed .sidebar-toggle span{width:6px;height:6px;border-color:var(--color-gray-700);transform:translate(-65%,-50%) rotate(-135deg)}.sidebar-collapsed .sidebar nav button{justify-content:center;height:38px;padding-inline:0}.nav-dot{display:none;width:7px;height:7px;border-radius:var(--radius-pill);background:var(--color-gray-300)}.sidebar-collapsed .nav-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.sidebar-collapsed .nav-dot{display:inline-block}.sidebar-collapsed .sidebar nav button.active .nav-dot{width:18px;background:var(--color-primary-600)}.workspace{min-width:0;display:grid;grid-template-rows:auto 1fr}.topbar{display:flex;position:relative;z-index:30;justify-content:space-between;align-items:flex-start;gap:14px;padding:8px 12px;border-bottom:1px solid var(--border);background:var(--color-white)}.topbar>div:first-child{flex:1 1 360px;min-width:320px}.topbar h1{margin:0;font-size:18px;line-height:25px;font-weight:700}.topbar p{margin:3px 0 0;color:var(--muted);font-size:12px;line-height:18px}.topbar-actions{display:flex;flex:0 1 auto;flex-wrap:wrap;justify-content:flex-end;align-items:flex-end;gap:6px;min-width:0;max-width:980px}.topbar-actions label{display:grid;gap:2px;color:var(--muted);font-size:11px;line-height:14px}.topbar-actions .backend-field{width:128px}.topbar-actions .backend-field span{overflow:hidden;color:var(--color-gray-700);text-overflow:ellipsis;white-space:nowrap}.topbar-actions .token-field{width:280px}.topbar-actions input{width:100%;height:34px;min-width:0}.topbar-actions select{height:34px;min-width:96px;padding:5px 8px}.topbar-actions button{flex:0 0 auto;min-width:56px;height:34px;margin-top:0;padding:0 12px;border-radius:var(--radius-s);white-space:nowrap}.topbar-actions .primary{width:auto}.editor-layout,.review-mode-layout{display:grid;grid-template-columns:minmax(0,1fr) 420px;min-height:0}.review-stage{min-height:calc(100vh - 58px);padding:28px;background:linear-gradient(#f8fafc 0,#f8fafc 0),repeating-linear-gradient(0deg,rgb(148 163 184 / .16) 0 1px,transparent 1px 48px),repeating-linear-gradient(90deg,rgb(148 163 184 / .16) 0 1px,transparent 1px 48px)}.review-stage-header{max-width:720px}.review-kicker{display:inline-flex;align-items:center;border-radius:var(--radius-pill);padding:5px 10px;background:var(--color-primary-200);color:var(--color-primary-600);font-weight:700;font-size:12px}.review-stage h2{margin:14px 0 8px;font-size:24px;line-height:32px}.review-stage p{margin:0;color:var(--muted)}.review-map-contract{display:grid;grid-template-columns:repeat(3,minmax(180px,1fr));gap:12px;margin-top:24px;max-width:980px}.review-map-contract div{border:1px solid var(--border);border-radius:var(--radius-l);padding:16px;background:var(--color-white);box-shadow:var(--shadow-map-overlay)}.review-map-contract strong,.review-map-contract span{display:block}.review-map-contract strong{font-size:13px}.review-map-contract span{margin-top:8px;color:var(--muted);line-height:1.45}.review-detail-panel .panel-section:last-child{border-bottom:0}.filter-chip-list,.review-action-list{display:flex;flex-wrap:wrap;gap:8px}.filter-chip-list span,.review-action-list span{display:inline-flex;align-items:center;border:1px solid var(--border);border-radius:var(--radius-pill);padding:6px 10px;background:var(--color-white);color:var(--color-gray-700);font-weight:700;font-size:12px}.map-shell{position:relative;min-height:calc(100vh - 58px);background:var(--color-gray-100)}.map-canvas{position:absolute;top:0;right:0;bottom:0;left:0}.map-toolbar{position:absolute;z-index:20;top:10px;left:10px;display:flex;gap:6px;padding:8px;border:1px solid var(--border);border-radius:var(--radius-l);background:var(--color-white);box-shadow:var(--shadow-map-overlay)}.attribute-legend{align-items:center;gap:10px}.legend-item{display:inline-flex;align-items:center;gap:5px;color:var(--color-gray-700);font-size:12px;font-weight:700}.legend-item span{width:18px;height:4px;border-radius:var(--radius-pill)}.attribute-tooltip{display:grid;gap:3px;max-width:240px;border:1px solid var(--border);border-radius:var(--radius-s);padding:8px 10px;background:var(--color-white);box-shadow:var(--shadow-map-overlay);color:var(--color-gray-900);font-size:12px;pointer-events:none}.attribute-tooltip span{color:var(--muted)}.facility-marker{display:block;width:14px;height:14px;border:2px solid var(--color-white);border-radius:50%;padding:0;box-shadow:0 1px 6px #0f172a59}.facility-marker:hover{border-color:var(--color-gray-900);transform:scale(1.2)}.reference-point-marker{display:block;width:11px;height:11px;border:2px solid var(--color-white);border-radius:2px;box-shadow:0 1px 5px #0f172a52;transform:rotate(45deg)}.map-status{position:absolute;z-index:20;right:10px;bottom:10px;border:1px solid var(--border);border-radius:var(--radius-pill);padding:6px 10px;background:var(--color-white);color:var(--muted);box-shadow:var(--shadow-map-overlay)}.roadview-panel{display:grid;grid-template-rows:auto 1fr;border:1px solid var(--border);border-radius:var(--radius-l);background:var(--color-white);box-shadow:var(--shadow-map-overlay);overflow:hidden}.roadview-panel.docked{height:min(420px,46vh);min-height:340px;box-shadow:none}.roadview-dock-section{padding-bottom:12px}.roadview-header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px;border-bottom:1px solid var(--border);font-weight:700}.roadview-close{width:30px;min-width:30px;height:30px;padding:0;font-size:17px;line-height:1}.roadview-body{position:relative;min-height:0}.roadview-container{width:100%;height:100%}.roadview-empty{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:18px;background:var(--color-white);color:var(--color-gray-600);font-size:13px;text-align:center}.roadview-arrow-marker{position:relative;width:26px;height:26px;transform:translate(-13px,-13px);pointer-events:none}.roadview-arrow-marker:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:var(--color-danger);border:2px solid var(--color-white);box-shadow:0 1px 7px #0f172a61}.roadview-arrow-marker:after{content:"";position:absolute;left:50%;top:-9px;transform:translate(-50%);border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:14px solid var(--color-danger);filter:drop-shadow(0 1px 1px rgb(15 23 42 / .28))}.roadview-arrow-inner{position:absolute;left:50%;top:50%;width:4px;height:10px;background:var(--color-white);transform:translate(-50%,-50%);border-radius:2px}.danger-outline{border-color:var(--color-danger);color:#b91c1c}.danger-soft{border-color:#fecaca;background:#fff1f2;color:#b91c1c}.selected-tool{border-color:var(--color-primary-600);background:var(--color-primary-600);color:var(--color-white)}.selected-tool:hover{border-color:var(--primary-hover);background:var(--primary-hover);color:var(--color-white)}.detail-panel{position:relative;z-index:25;border-left:1px solid var(--border);background:var(--color-white);padding:14px;overflow:auto}.panel-section{border-bottom:1px solid var(--border);padding:0 0 14px;margin-bottom:14px}.panel-section h2,.panel-section h3{margin:8px 0 6px}.panel-section p,.muted{color:var(--muted)}.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.metric{border:1px solid var(--border);border-radius:var(--radius-m);padding:8px;background:var(--color-white)}.metric span{display:block;color:var(--muted);font-size:12px}.metric strong{display:block;margin-top:4px;font-size:18px}.button-row{display:flex;gap:8px;margin-top:10px}.button-row.compact{margin-top:0}.button-row .primary,.button-row .danger{width:auto;margin-top:0}.reference-toggle-list{display:grid;gap:8px}.reference-toggle{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;border:1px solid var(--border);border-radius:var(--radius-m);padding:8px 10px;font-weight:700}.reference-toggle strong{color:var(--muted);font-size:12px}.reference-match-list{display:grid;gap:8px;margin-top:12px}.reference-match-list div{display:grid;gap:2px;border:1px solid var(--border);border-radius:var(--radius-m);padding:8px}.reference-match-list span{color:var(--color-gray-700)}.reference-match-list small{color:var(--muted)}.draft-list{margin:12px 0 0;padding-left:20px;color:var(--muted);font-size:13px}.draft-list li+li{margin-top:4px}.attribute-detail-list{display:grid;gap:7px;margin:12px 0 0}.attribute-detail-list div{display:grid;grid-template-columns:76px minmax(0,1fr);gap:10px;align-items:start}.attribute-detail-list dt,.attribute-detail-list dd{margin:0}.attribute-detail-list dt{color:var(--muted);font-size:12px;font-weight:700}.attribute-detail-list dd{min-width:0;overflow-wrap:anywhere;color:var(--color-gray-900)}.primary{width:100%;margin-top:8px;border-color:var(--primary);background:var(--primary);color:var(--color-white)}.primary:hover{border-color:var(--primary-hover);background:var(--primary-hover);color:var(--color-white)}.danger{border-color:var(--danger);background:var(--danger);color:var(--color-white)}.danger:hover{border-color:#dc2626;background:#dc2626;color:var(--color-white)}.danger-text{color:var(--danger);font-weight:700}.hazard-page{display:grid;grid-template-rows:auto minmax(0,1fr);min-height:0;padding:14px;gap:14px}.admin-auth-panel{display:grid;grid-template-columns:minmax(120px,180px) minmax(300px,1fr) minmax(260px,380px) minmax(240px,360px);align-items:end;gap:12px;width:100%}.admin-auth-panel.compact{grid-template-columns:132px minmax(270px,1fr) minmax(148px,180px) minmax(220px,320px);align-items:center}.admin-token-panel{display:block;border:1px solid var(--border);border-radius:var(--radius-m);background:var(--color-white);padding:12px}.admin-session-panel{display:flex;align-items:center;justify-content:space-between;gap:12px}.admin-session-panel div{display:grid;gap:4px}.admin-session-panel strong{color:var(--muted);font-size:12px}.admin-session-panel span{color:var(--color-gray-700);font-size:13px}.admin-auth-backend,.admin-auth-panel label{display:grid;gap:5px;color:var(--muted);font-size:12px;font-weight:800}.admin-auth-backend span,.admin-auth-status span,.admin-auth-status small{min-width:0;overflow-wrap:anywhere;color:var(--color-gray-700);font-size:13px}.admin-auth-status{display:grid;gap:4px;min-width:0}.admin-auth-status small{color:var(--muted);font-size:11px}.admin-auth-social{display:flex;flex-wrap:wrap;gap:6px}.login-button{min-width:92px;height:34px;padding:0 10px;border-radius:var(--radius-s);white-space:nowrap}.login-button.kakao{border-color:#fee500;background:#fee500;color:#191600}.login-button.kakao:hover{border-color:#f5dc00;background:#f5dc00;color:#191600}.login-button.naver{border-color:#03c75a;background:#03c75a;color:var(--color-white)}.login-button.naver:hover{border-color:#02b351;background:#02b351;color:var(--color-white)}.login-button.google{border-color:var(--border);background:var(--color-white);color:var(--color-gray-900)}.login-button.google:hover{border-color:var(--color-primary-400);background:#f8fafc;color:var(--color-primary-600)}.admin-token-fallback{min-width:0}.admin-token-fallback summary{cursor:pointer;color:var(--muted);font-size:12px;font-weight:800}.admin-token-fallback>div{display:grid;grid-template-columns:minmax(220px,1fr) auto;gap:8px;align-items:end;margin-top:8px}.admin-token-fallback input{width:100%;border:1px solid var(--border);border-radius:var(--radius-m);padding:8px 10px;font:inherit}.admin-principal{min-width:0;padding-bottom:8px}.hazard-layout{display:grid;grid-template-columns:minmax(560px,1fr) 380px;min-height:0;gap:14px}.hazard-list-panel,.hazard-detail-panel{min-width:0;min-height:0;border:1px solid var(--border);border-radius:var(--radius-m);background:var(--color-white);padding:12px;overflow:auto}.panel-toolbar{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-bottom:12px}.panel-toolbar label{display:grid;gap:5px;color:var(--muted);font-size:12px;font-weight:800}.hazard-table{display:grid;border:1px solid var(--border);border-radius:var(--radius-m);overflow:hidden}.hazard-table-head,.hazard-row{display:grid;grid-template-columns:84px 150px minmax(120px,1fr) 116px;align-items:center;gap:10px;min-height:46px;padding:0 12px}.hazard-table-head{background:var(--color-gray-100);color:var(--muted);font-size:12px;font-weight:800}.hazard-row{width:100%;border:0;border-top:1px solid var(--border);border-radius:0;text-align:left;font-weight:600}.hazard-row:hover,.hazard-row.selected{background:var(--color-primary-200)}.status-pill{display:inline-flex;justify-content:center;border-radius:var(--radius-pill);padding:4px 8px;font-size:12px;font-weight:800}.status-pill.pending{background:#fef3c7;color:#92400e}.status-pill.approved{background:#dcfce7;color:var(--color-success)}.status-pill.rejected{background:#fee2e2;color:#991b1b}.pagination-row{display:flex;justify-content:flex-end;gap:8px;margin-top:12px}.hazard-detail-panel h3{margin:4px 0 8px}.hazard-description{margin:14px 0;border:1px solid var(--border);border-radius:var(--radius-m);background:var(--color-gray-100);padding:10px;line-height:1.55;white-space:pre-wrap}.hazard-images{display:grid;gap:8px;margin-bottom:12px}.hazard-images img{width:100%;max-height:220px;border:1px solid var(--border);border-radius:var(--radius-m);object-fit:cover}.error-box{border:1px solid #fecaca;border-radius:var(--radius-m);background:#fef2f2;color:#991b1b;padding:10px}.table-card{margin:16px;border:1px solid var(--border);border-radius:var(--radius-m);background:var(--color-white);overflow:hidden}table{width:100%;border-collapse:collapse}th,td{padding:11px 14px;border-bottom:1px solid var(--border);text-align:left}th{color:var(--muted);font-size:13px;background:var(--color-gray-100)}tbody tr{cursor:pointer}tbody tr:hover,tbody tr.selected{background:var(--color-primary-200)}.status-badge{display:inline-flex;align-items:center;border-radius:var(--radius-pill);padding:4px 10px;font-size:12px;font-weight:700}.status-TODO{background:var(--color-gray-100);color:var(--color-gray-700)}.status-DRAFT{background:var(--color-primary-200);color:var(--color-primary-600)}.status-REVIEW{background:#fef3c7;color:#92400e}.status-APPLIED{background:#dcfce7;color:var(--color-success)}.status-REOPENED{background:#fee2e2;color:#991b1b}.dashboard-grid{display:grid;grid-template-columns:repeat(5,minmax(160px,1fr));gap:12px;padding:16px}.dashboard-card{border:1px solid var(--border);border-radius:var(--radius-m);background:var(--color-white);padding:14px}.dashboard-card span{color:var(--muted)}.dashboard-card strong{display:block;margin-top:8px;font-size:26px}