Optimizacije — SQLite WAL, template keš, gzip kompresija, build skript

web/static/css/main.css

@@ -21,7 +21,7 @@ body {
 /* sidebar */
 .sidebar {
     width: 220px;
-    background: var(--sb-pozadina);
+    background: var(--sidebar-pozadina);
     display: flex;
     flex-direction: column;
     transition: width 0.28s cubic-bezier(.4,0,.2,1);
@@ -40,7 +40,7 @@ body {
     height: 72px;
     padding: 0 12px;
     gap: 10px;
-    border-bottom: 0.5px solid rgba(255,255,255,0.07);
+    border-bottom: 0.5px solid var(--ivica);
     flex-shrink: 0;
 }
 
@@ -49,7 +49,7 @@ body {
     background: none;
     border: none;
     cursor: pointer;
-    color: var(--sb-tekst-aktivan);
+    color: var(--tekst-jak);
     padding: 6px;
     border-radius: 6px;
     display: flex;
@@ -60,7 +60,7 @@ body {
 }
 
 .hamburger:hover {
-    background: var(--sb-hover);
+    background: var(--pozadina-hover);
 }
 
 /* logo zona */
@@ -81,14 +81,14 @@ body {
 }
 
 .logo-naziv {
-    color: var(--sb-tekst-aktivan);
+    color: var(--tekst-jak);
     font-weight: 500;
     font-size: 15px;
     white-space: nowrap;
 }
 
 .logo-podnazlov {
-    color: var(--sb-tekst);
+    color: var(--tekst-sporedni);
     font-size: 11px;
     white-space: nowrap;
 }
@@ -110,7 +110,7 @@ body {
     font-size: 10px;
     text-transform: uppercase;
     letter-spacing: 0.08em;
-    color: var(--sb-tekst);
+    color: var(--tekst-sporedni);
     padding: 12px 16px 4px;
     white-space: nowrap;
     opacity: 1;
@@ -127,7 +127,7 @@ body {
     gap: 12px;
     padding: 9px 16px;
     cursor: pointer;
-    color: var(--sb-tekst);
+    color: var(--tekst-sporedni);
     white-space: nowrap;
     position: relative;
     text-decoration: none;
@@ -135,13 +135,13 @@ body {
 }
 
 .nav-stavka:hover {
-    background: var(--sb-hover);
-    color: var(--sb-tekst-aktivan);
+    background: var(--pozadina-hover);
+    color: var(--tekst-jak);
 }
 
 .nav-stavka.aktivan {
     background: var(--sb-aktivan);
-    color: var(--sb-tekst-aktivan);
+    color: var(--tekst-jak);
 }
 
 .nav-stavka.aktivan::before {
@@ -174,7 +174,7 @@ body {
 
 .nav-separator {
     height: 0.5px;
-    background: rgba(255,255,255,0.07);
+    background: var(--ivica);
     margin: 8px 12px;
 }
 
@@ -207,7 +207,7 @@ body {
 /* dno sidebara */
 .sidebar-dno {
     padding: 8px 0;
-    border-top: 0.5px solid rgba(255,255,255,0.07);
+    border-top: 0.5px solid var(--ivica);
 }
 
 /* glavni sadržaj */
@@ -221,7 +221,7 @@ body {
 /* topbar */
 .topbar {
     height: 56px;
-    background: var(--topbar);
+    background: var(--kartica);
     border-bottom: 0.5px solid var(--ivica);
     display: flex;
     align-items: center;
@@ -250,12 +250,13 @@ body {
     border: 0.5px solid var(--ivica);
     border-radius: 12px;
     padding: 16px;
+    box-shadow: var(--senka);
     transition: transform 0.25s cubic-bezier(.4,0,.2,1), box-shadow 0.25s;
 }
 
 .kartica:hover {
     transform: translateY(-4px);
-    box-shadow: 0 8px 24px rgba(0,0,0,0.08);
+    box-shadow: var(--senka);
 }
 
 /* input polja — konzistentna za sve teme */
@@ -286,13 +287,23 @@ select:focus {
 
 /* poruka o uspehu — konzistentna za sve teme */
 .poruka-uspeh {
-    background: var(--kartica);
-    border: 0.5px solid var(--sb-akcent);
+    background: var(--poruka-uspeh-bg);
+    border: 0.5px solid var(--poruka-uspeh-boja);
     border-radius: 10px;
     padding: 12px 16px;
     margin-bottom: 20px;
     font-size: 14px;
-    color: var(--sb-akcent);
+    color: var(--poruka-uspeh-boja);
+}
+
+.poruka-greska {
+    background: rgba(207, 87, 87, 0.12);
+    border: 0.5px solid var(--greska);
+    border-radius: 10px;
+    padding: 12px 16px;
+    margin-bottom: 20px;
+    font-size: 14px;
+    color: var(--greska);
 }
 
 /* overlay za mobilni — tamni sloj iza sidebara */