Responsive: grid and padding adjustments

app/page.tsx

@@ -77,7 +77,7 @@ export default function MissionControl() {
       <header style={{
         position: 'relative',
         zIndex: 10,
-        padding: '30px 50px',
+        padding: '20px',
         borderBottom: '1px solid rgba(255,255,255,0.08)',
         display: 'flex',
         justifyContent: 'space-between',
@@ -147,8 +147,8 @@ export default function MissionControl() {
       <main style={{ 
         position: 'relative', 
         zIndex: 10, 
-        padding: '40px 50px',
-        maxWidth: '1600px',
+        padding: '20px',
+        maxWidth: '1200px',
         margin: '0 auto'
       }}>
         {!mounted ? (
@@ -197,7 +197,7 @@ function TasksBoard({ tasks }: { tasks: Task[] }) {
   ];
 
   return (
-    <div style={{ display: 'grid', gridTemplateColumns: 'repeat(3, 1fr)', gap: '20px' }}>
+    <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(280px, 1fr))', gap: '20px' }}>
       {columns.map((col, i) => (
         <div 
           key={col.status}