diff --git a/TASKS.md b/TASKS.md
index 5585cdf..f3000b2 100644
--- a/TASKS.md
+++ b/TASKS.md
@@ -20,8 +20,6 @@ If you want to use emojis for visibility, here's some I have used:
 
 ### To Do
 
-* `[ ]` **1.4: Basic Session Management:** Create a simple session/JWT system to know *who* is logged in.
-
 ### In Progress
 
 ### Done
@@ -31,6 +29,7 @@ If you want to use emojis for visibility, here's some I have used:
 * `[✔️]` **1.1.5: Discord Overview:** Create an automated 'TASK-LIST' and post to Discord whenever someone pushes a change to the repository. @ramforth
 * `[✔️]` **1.2: Twitch OAuth API:** Create FastAPI endpoints for `/login/twitch` (redirect) and `/auth/twitch/callback` (handles token exchange). @ramforth
 * `[✔️]` **1.3: Secure Token Storage:** Implement helper functions to `encrypt` and `decrypt` OAuth tokens before storing them in the database. @ramforth
+* `[✔️]` **1.4: Basic Session Management:** Create a simple session/JWT system to know *who* is logged in. @ramforth
 * `[✔️]` **1.5: Login Frontend:** Create a basic `login.html` file with a "Login with Twitch" button. @ramforth
 ---
 
@@ -40,6 +39,7 @@ If you want to use emojis for visibility, here's some I have used:
 * *(All tasks for this phase are on hold until Phase 1 is complete)*
 
 ### To Do
+* `[ ]` **2.0: CSS Refactor & Styling:** Improve the general look and feel of the application pages.
 * `[ ]` **2.1: Dashboard UI:** Create `dashboard.html` (only for logged-in users).
 * `[ ]` **2.2: Config API:** Create API endpoints (`GET`, `POST`) for `/api/settings` to save/load user preferences (e.g., custom CSS).
 * `[ ]` **2.3: Overlay URL:** Generate and display the unique overlay URL for the user (e.g., `/overlay/{user_id}`).
diff --git a/static/dashboard.html b/static/dashboard.html
index bfc31df..dc2e84c 100644
--- a/static/dashboard.html
+++ b/static/dashboard.html
@@ -4,14 +4,10 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Dashboard - MultiChatOverlay</title>
-    <style>
-        body { font-family: sans-serif; display: flex; justify-content: center; align-items: center; height: 100vh; background-color: #f0f2f5; margin: 0; }
-        .dashboard-container { text-align: center; padding: 40px; background-color: white; border-radius: 8px; box-shadow: 0 4px 8px rgba(0,0,0,0.1); }
-        a { color: #9146FF; }
-    </style>
+    <link rel="stylesheet" href="/static/style.css">
 </head>
 <body>
-    <div class="dashboard-container">
+    <div class="container">
         <h1>Dashboard</h1>
         <p>Welcome! You are successfully logged in.</p>
         <p><a href="/logout">Logout</a></p>
diff --git a/static/login.html b/static/login.html
index b867733..95ed988 100644
--- a/static/login.html
+++ b/static/login.html
@@ -4,14 +4,10 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Login - MultiChatOverlay</title>
-    <style>
-        body { font-family: sans-serif; display: flex; justify-content: center; align-items: center; height: 100vh; background-color: #f0f2f5; margin: 0; }
-        .login-container { text-align: center; padding: 40px; background-color: white; border-radius: 8px; box-shadow: 0 4px 8px rgba(0,0,0,0.1); }
-        .twitch-btn { display: inline-block; background-color: #9146FF; color: white; padding: 10px 20px; border-radius: 5px; text-decoration: none; font-weight: bold; }
-    </style>
+    <link rel="stylesheet" href="/static/style.css">
 </head>
 <body>
-    <div class="login-container">
+    <div class="container">
         <h1>Welcome to MultiChatOverlay</h1>
         <p>Connect your streaming accounts to get started.</p>
         <a href="/login/twitch" class="twitch-btn">Login with Twitch</a>
diff --git a/static/style.css b/static/style.css
new file mode 100644
index 0000000..497a492
--- /dev/null
+++ b/static/style.css
@@ -0,0 +1,27 @@
+body {
+    font-family: sans-serif;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    height: 100vh;
+    background-color: #f0f2f5;
+    margin: 0;
+}
+
+.container {
+    text-align: center;
+    padding: 40px;
+    background-color: white;
+    border-radius: 8px;
+    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
+}
+
+.twitch-btn {
+    display: inline-block;
+    background-color: #9146FF;
+    color: white;
+    padding: 10px 20px;
+    border-radius: 5px;
+    text-decoration: none;
+    font-weight: bold;
+}
\ No newline at end of file
