fix: make main area fill remaining width

src/components/MainArea.vue

@@ -85,9 +85,11 @@ watch(
 
 <style scoped>
 .main-area {
+  flex: 1;
   height: 100%;
   display: flex;
   flex-direction: column;
+  min-width: 0;
 }
 
 .tab-bar {

src/components/StatusView.vue

@@ -105,9 +105,10 @@ defineExpose({ refresh })
 
 .info-grid {
   display: grid;
-  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
+  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
   gap: 12px;
   margin-bottom: 24px;
+  width: 100%;
 }
 
 .info-card {
@@ -136,6 +137,7 @@ defineExpose({ refresh })
   display: grid;
   grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
   gap: 16px;
+  width: 100%;
 }
 
 .info-section {