refactor: remove unused imports and reorganize module-level constants across multiple routers

devplacepy/static/css/feed.css

@@ -65,7 +65,7 @@
     background: var(--bg-card);
     border: 1px solid var(--border);
     border-radius: var(--radius-lg);
-    padding: 1rem;
+    padding: var(--space-xl);
 }
 
 .post-card:hover {
@@ -375,7 +375,7 @@
     }
 
     .post-card {
-        padding: 0.75rem;
+        padding: var(--space-lg);
     }
 
     .post-header {

devplacepy/static/css/news.css

@@ -55,7 +55,7 @@
 }
 
 .news-card-body {
-    padding: 1rem;
+    padding: var(--space-xl);
     display: flex;
     flex-direction: column;
     gap: 0.625rem;
@@ -282,7 +282,7 @@
 
 @media (max-width: 480px) {
     .news-card-body {
-        padding: 0.875rem;
+        padding: var(--space-lg);
     }
 
     .news-card-title {

devplacepy/static/css/post.css

@@ -7,7 +7,7 @@
     background: var(--bg-card);
     border: 1px solid var(--border);
     border-radius: var(--radius-lg);
-    padding: 1rem;
+    padding: var(--space-xl);
     margin-bottom: 1rem;
 }
 
@@ -64,7 +64,7 @@
     background: var(--bg-card);
     border: 1px solid var(--border);
     border-radius: var(--radius-lg);
-    padding: 1rem;
+    padding: var(--space-xl);
 }
 
 .comments-section h3 {
@@ -198,7 +198,7 @@
 
 @media (max-width: 480px) {
     .post-detail {
-        padding: 0.75rem;
+        padding: var(--space-lg);
     }
 
     .post-detail-header {
@@ -211,7 +211,7 @@
     }
 
     .comments-section {
-        padding: 0.75rem;
+        padding: var(--space-lg);
     }
 
     .comment {
@@ -230,10 +230,10 @@
 
 @media (max-width: 360px) {
     .post-detail {
-        padding: 0.625rem;
+        padding: var(--space-md);
     }
 
     .comments-section {
-        padding: 0.625rem;
+        padding: var(--space-md);
     }
 }