diff --git a/src/styles/dashboard.css b/src/styles/dashboard.css
index 5c1bbaf..85801c4 100644
--- a/src/styles/dashboard.css
+++ b/src/styles/dashboard.css
@@ -321,9 +321,60 @@
   cursor: pointer;
 }
 
-.empty-state {
-  padding: 4rem 2rem;
-  text-align: center;
-  color: var(--text-muted);
-  font-size: 0.8125rem;
+/* --- Asset Detail Sidebar (LocationView) --- */
+.asset-detail-sidebar {
+  padding-top: 1rem;
+  background: var(--white);
+  height: 100%;
+  overflow-y: auto;
+}
+
+.detail-section {
+  margin-bottom: 20px;
+  padding: 0 1.25rem;
+}
+
+.detail-section-title {
+  font-size: 13px;
+  font-weight: 700;
+  color: var(--primary-color);
+  border-bottom: 1px solid var(--border-color);
+  padding-bottom: 6px;
+  margin-bottom: 12px;
+}
+
+.detail-grid {
+  display: grid;
+  grid-template-columns: repeat(2, minmax(80px, auto) 1fr);
+  gap: 8px 16px;
+}
+
+.detail-label {
+  font-size: 12px;
+  color: var(--text-muted);
+  font-weight: 600;
+  display: flex;
+  align-items: center;
+}
+
+.detail-value {
+  font-size: 14px;
+  color: var(--text-main);
+  font-weight: 500;
+  word-break: break-all;
+  display: flex;
+  align-items: center;
+}
+
+.detail-header-actions {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  width: 100%;
+}
+
+.detail-header-title {
+  flex: 1;
+  font-size: 0.95rem;
+  font-weight: 700;
 }
diff --git a/src/views/LocationView.ts b/src/views/LocationView.ts
index 5bb81ff..9ade3c6 100644
--- a/src/views/LocationView.ts
+++ b/src/views/LocationView.ts
@@ -176,21 +176,22 @@ export async function renderLocationView(container: HTMLElement) {
   const renderAssetDetail = (asset: any) => {
     const title = container.querySelector('#loc-list-title')!;
     const tableContainer = container.querySelector('#loc-asset-table-container')!;
+    
     title.innerHTML = `
-      <div style="display: flex; align-items: center; gap: 8px; width: 100%;">
+      <div class="detail-header-actions">
         <button id="btn-back-to-list" class="btn-icon" style="background: none; border: none; cursor: pointer; color: var(--primary-color); font-size: 1.2rem; padding: 0 4px;">←</button>
-        <span style="flex: 1;">📍 자산 상세 정보</span>
+        <span class="detail-header-title">자산 상세 정보</span>
         <button id="btn-edit-from-loc" class="btn btn-primary btn-sm" style="font-size: 11px; height: 28px;">수정</button>
       </div>
     `;
 
     const renderSection = (title: string, fields: { label: string; value: any }[]) => `
-      <div class="detail-section" style="margin-bottom: 20px; padding: 0 1rem;">
-        <div style="font-size: 12px; font-weight: 700; color: var(--primary-color); border-bottom: 1px solid var(--border-color); padding-bottom: 6px; margin-bottom: 10px;">${title}</div>
-        <div style="display: grid; grid-template-columns: 100px 1fr; gap: 8px 12px;">
+      <div class="detail-section">
+        <div class="detail-section-title">${title}</div>
+        <div class="detail-grid">
           ${fields.map(f => `
-            <div style="font-size: 12px; color: var(--text-muted);">${f.label}</div>
-            <div style="font-size: 12px; color: var(--text-main); font-weight: 500; word-break: break-all;">${f.value || '-'}</div>
+            <div class="detail-label">${f.label}</div>
+            <div class="detail-value">${f.value || '-'}</div>
           `).join('')}
         </div>
       </div>
@@ -224,7 +225,7 @@ export async function renderLocationView(container: HTMLElement) {
     ].join('');
 
     tableContainer.innerHTML = `
-      <div class="asset-detail-sidebar" style="padding-top: 1rem; background: #fff; max-height: 100%; overflow-y: auto;">
+      <div class="asset-detail-sidebar">
         ${sectionsHTML}
       </div>
     `;