fixed a bit

app/(main)/admin/page.js

@@ -72,27 +72,52 @@ export default function Admin() {
 
     return (
         <div className="admin-page">
-            <div className="admin-card">
-                <h1>Admin Controls</h1>
+            <div className="page-header">
+                <div className="back-button">←</div>
+                <div className="page-title">Admin Controls</div>
+                <div className="placeholder"></div>
+            </div>
 
-                <div className="timer-section">
-                    <h2>Hunt Timer</h2>
-                    <p>Status: <span className={timerActive ? 'active' : 'inactive'}>
-                        {timerActive ? 'Active' : 'Inactive'}
-                    </span></p>
-
-                    <div className="control-buttons">
-                        <button
-                            onClick={toggleTimer}
-                            className={timerActive ? 'stop-button' : 'start-button'}
-                            disabled={loading}
-                        >
-                            {loading ? 'Updating...' : timerActive ? 'Stop Timer' : 'Start Timer'}
-                        </button>
-                    </div>
+            <div className="admin-controls">
+                <div className="admin-input-container">
+                    <label>Username</label>
+                    <input type="text" className="admin-input" />
                 </div>
 
-                {error && <p className="error">{error}</p>}
+                <div className="admin-input-container">
+                    <label>Password</label>
+                    <input type="password" className="admin-input" />
+                </div>
+
+                <div className="admin-input-container">
+                    <label>Email</label>
+                    <input type="email" className="admin-input" />
+                </div>
+
+                <button
+                    onClick={toggleTimer}
+                    className={`admin-button ${timerActive ? 'red-button' : 'green-button'}`}
+                    disabled={loading}
+                >
+                    {loading ? 'Updating...' : timerActive ? 'Stop' : 'Start'}
+                </button>
+
+                {error && <p className="error-message">{error}</p>}
+            </div>
+
+            <div className="nav-bar">
+                <div className="nav-item">
+                    <div className="nav-icon">🏠</div>
+                </div>
+                <div className="nav-item">
+                    <div className="nav-icon">📊</div>
+                </div>
+                <div className="nav-item">
+                    <div className="nav-icon">🏆</div>
+                </div>
+                <div className="nav-item">
+                    <div className="nav-icon">👤</div>
+                </div>
             </div>
         </div>
     );

app/(main)/team-selection/page.js

@@ -2,7 +2,7 @@
 import { useState } from 'react';
 import { useSession } from 'next-auth/react';
 import { useRouter } from 'next/navigation';
-import { joinTeam } from '../actions/auth';
+import { joinTeam } from '../../actions/auth';
 
 export default function TeamSelection() {
     const { data: session, status } = useSession();