support desktop mode

src/index.css

@@ -52,17 +52,22 @@ body {
 
 #root {
   width: 100%;
-  max-width: 480px; /* Mobile App feel */
   margin: 0 auto;
   min-height: 100vh;
   display: flex;
   flex-direction: column;
   position: relative;
   background-color: var(--bg-primary);
-  box-shadow: 0 0 20px rgba(0,0,0,0.5);
+  box-shadow: none;
   overflow-x: hidden;
 }
 
+@media (min-width: 768px) {
+  #root {
+    flex-direction: row;
+  }
+}
+
 /* Utilities */
 .glass-card {
   background: var(--glass-bg);
@@ -160,9 +165,20 @@ input, select, button {
 /* Page Container */
 .page-container {
   padding: 24px;
-  padding-bottom: 90px; /* Space for bottom nav */
+  padding-bottom: 90px; /* Space for bottom nav on mobile */
   flex: 1;
   overflow-y: auto;
+  width: 100%;
+  max-width: 1200px;
+  margin: 0 auto;
+}
+
+@media (min-width: 768px) {
+  .page-container {
+    padding: 40px;
+    padding-left: 120px; /* Space for sidebar */
+    padding-bottom: 40px;
+  }
 }
 
 /* Typography */