refactor(css): layout utili .kolona i .red-izmedju

Nove utility klase: .kolona (display:flex;flex-direction:column) i .red-izmedju
(display:flex;justify-content:space-between) — struktura bez razmaka. Izdvojena
strukturna flex deklaracija iz 50 elemenata (32 kolona + 18 red-izmedju); gap/
margin ostaju kao kontekstualni override po instanci.

Visoko varirani page-header redovi (sa border-bottom/flex-wrap) ostavljeni —
jednokratni. Bez promene izgleda; šabloni parsiraju.

web/templates/stranice/magacin.html

@@ -25,7 +25,7 @@
 {{end}}
 
 {{define "sadrzaj"}}
-<div style="display:flex;flex-direction:column;gap:16px;">
+<div class="kolona" style="gap:16px;">
 
     {{if .Sacuvano}}
     <div class="poruka-uspeh">Artikal je uspešno sačuvan.</div>
@@ -48,7 +48,7 @@
     </div>
 
     <!-- pretraga i filteri -->
-    <form method="GET" action="/magacin" style="display:flex;flex-direction:column;gap:10px;">
+    <form method="GET" action="/magacin" class="kolona" style="gap:10px;">
         <input type="text" name="pretraga" value="{{.Filter.Pretraga}}"
             placeholder="Pretraži artikle..."
             style="width:100%;">
@@ -134,7 +134,7 @@
     <div class="magacin-kartice">
         {{range .Artikli}}
         <div class="kartica magacin-kartica animiraj">
-            <div style="display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:10px;">
+            <div class="red-izmedju" style="align-items:flex-start;gap:12px;margin-bottom:10px;">
                 <div>
                     <div style="font-size:15px;font-weight:500;color:var(--tekst-glavni);">{{.Naziv}}</div>
                     {{if .KategorijaNaziv}}