:root{--navy: #223267;--navy-2: #2c3f78;--navy-3: #1a2550;--crvena: #d0231f;--crvena-2: #b91d1a;--bg: #f5f6f9;--panel: #ffffff;--panel-2: #f1f2f7;--text: #223267;--text-2: #4a5170;--muted: #8a90a6;--border: #eceef4;--border-2: #d7dbe8;--primary: #d0231f;--primary-text: #ffffff;--danger: #d0231f;--ok: #1f8a5b;--info: #2563c9;--warn: #a9791f;--shadow: 0 1px 3px rgba(34, 50, 103, .1), 0 8px 24px rgba(34, 50, 103, .05);--radius: 14px;--radius-sm: 10px}:root[data-tema=dark]{--bg: #11151f;--panel: #1a2030;--panel-2: #232b3d;--text: #e7ecf6;--text-2: #b7c0d6;--muted: #8893ad;--border: #2a3650;--border-2: #36436a;--primary: #d0231f;--primary-text: #ffffff;--danger: #e5534b;--ok: #3fb27a;--info: #4c87e6;--warn: #d2a032;--shadow: 0 1px 3px rgba(0, 0, 0, .4), 0 8px 24px rgba(0, 0, 0, .25)}*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text-2);font-size:14px;-webkit-font-smoothing:antialiased}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3{font-weight:800;color:var(--text);letter-spacing:-.01em}h2{font-size:24px}h3{font-size:17px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 18px;border-radius:var(--radius-sm);border:1.5px solid var(--border-2);background:var(--panel);color:var(--text);cursor:pointer;font:700 14px Arial;line-height:1;white-space:nowrap;transition:filter .12s,background .12s,border-color .12s}.btn:hover{border-color:var(--navy)}.btn.primary{background:var(--primary);color:var(--primary-text);border-color:var(--primary)}.btn.primary:hover{filter:brightness(.93);border-color:var(--primary)}.btn.danger{background:var(--danger);color:#fff;border-color:var(--danger)}.btn.danger:hover{filter:brightness(.93)}.btn:disabled{opacity:.5;cursor:not-allowed;filter:none}.btn.sm{padding:7px 12px;font-size:13px;border-radius:9px}input,select,textarea{padding:11px 14px;border-radius:var(--radius-sm);border:1px solid var(--border-2);background:var(--panel);color:var(--text);font:14px Arial;width:100%}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--navy)}input::placeholder{color:var(--muted)}label{display:block;font:600 13px Arial;color:var(--muted);margin:12px 0 5px}.card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow)}.grid{display:grid;gap:16px}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:13px 12px;border-bottom:1px solid var(--border)}th{color:var(--muted);font:700 12px Arial;text-transform:uppercase;letter-spacing:.04em;background:var(--panel-2)}tbody tr:last-child td{border-bottom:none}tr:hover td{background:var(--panel-2)}.badge{display:inline-flex;align-items:center;padding:5px 12px;border-radius:999px;font:700 12px Arial;white-space:nowrap;color:var(--text-2);background:var(--panel-2)}.badge.ok{color:#1f8a5b;background:#e3f3ec}.badge.info{color:#2563c9;background:#e6eefb}.badge.warn{color:#a9791f;background:#f7f0df}.badge.err{color:#d0231f;background:#fdecec}.greska{color:var(--danger);background:#fdecec;border:1px solid #f6c9c7;border-radius:var(--radius-sm);padding:10px 14px;margin:10px 0;display:flex;align-items:center;gap:10px;font-weight:600}:root[data-tema=dark] .greska{background:#3a1f22;border-color:#5b2b2e}.ok-poruka{color:var(--ok);background:#e3f3ec;border:1px solid #bfe6d2;border-radius:var(--radius-sm);padding:10px 14px;margin:10px 0;font-weight:600}:root[data-tema=dark] .ok-poruka{background:#16302440;border-color:#2c5a44}.muted{color:var(--muted)}.app{display:flex;min-height:100vh}.sidebar{width:252px;flex-shrink:0;background:var(--navy);color:#fff;padding:22px 16px;display:flex;flex-direction:column;gap:4px}.sidebar .brand{display:flex;align-items:center;gap:12px;padding:0 6px 20px;margin-bottom:8px;border-bottom:1px solid rgba(255,255,255,.1)}.sidebar .brand img.ikona{width:38px;height:38px;border-radius:10px;display:block;box-shadow:0 4px 12px #00000040}.sidebar .brand .naziv{font:800 17px Arial;color:#fff;letter-spacing:-.01em;line-height:1.1}.sidebar .brand .podnaziv{font:11px Arial;color:#9aa6cf;margin-top:2px}.sidebar a{padding:11px 14px;border-radius:var(--radius-sm);display:flex;align-items:center;gap:11px;color:#ffffffc7;font:700 14px Arial;position:relative}.sidebar a:hover{background:#ffffff14;color:#fff;text-decoration:none}.sidebar a.active{background:#d0231f2e;color:#fff}.sidebar a.active:before{content:"";position:absolute;left:0;top:9px;bottom:9px;width:3px;border-radius:0 3px 3px 0;background:var(--crvena)}.sidebar a .ico{width:18px;text-align:center;flex-shrink:0;opacity:.9}.sidebar .sb-foot{display:flex;flex-direction:column;gap:8px}.sidebar .sb-btn{background:#ffffff14;border:1px solid rgba(255,255,255,.14);color:#ffffffd9;border-radius:var(--radius-sm);padding:9px 12px;font:700 13px Arial;cursor:pointer;text-align:left;display:flex;align-items:center;gap:8px}.sidebar .sb-btn:hover{background:#ffffff24;color:#fff}.main{flex:1;min-width:0;display:flex;flex-direction:column}.app-topbar{height:70px;flex-shrink:0;background:var(--panel);border-bottom:1px solid var(--border);display:flex;align-items:center;gap:16px;padding:0 28px;position:sticky;top:0;z-index:10}.app-topbar .user{font:700 13px Arial;color:var(--text)}.app-topbar .user span{color:var(--muted);font-weight:600}.main-inner{flex:1;padding:26px 28px;overflow:auto}.topbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px}.center-page{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:20px;background:linear-gradient(160deg,#f6f8fc,#eaeef7)}:root[data-tema=dark] .center-page{background:linear-gradient(160deg,#141a28,#0e131d)}.auth-box{width:100%;max-width:400px}.modal-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:#22326773;display:flex;align-items:center;justify-content:center;z-index:50;padding:16px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal{width:100%;max-width:520px;max-height:90vh;overflow:auto}.row{display:flex;gap:10px;align-items:center}.row.wrap{flex-wrap:wrap}.spacer{flex:1}.viewer{display:flex;gap:16px;height:calc(100vh - 190px)}.viewer .strane-list{width:120px;overflow:auto;display:flex;flex-direction:column;gap:8px}.viewer .strane-list img{width:100%;border:2px solid transparent;border-radius:8px;cursor:pointer}.viewer .strane-list img.akt{border-color:var(--crvena)}.viewer .platno{flex:1;overflow:auto;background:var(--panel-2);border-radius:var(--radius);display:flex;justify-content:center;align-items:flex-start;padding:16px}.viewer .platno img{max-width:100%;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;box-shadow:var(--shadow);background:#fff;border-radius:4px}.tree{list-style:none;margin:0;padding:0}.tree .tree{padding-left:15px}.tree li{padding:1px 0}.node{cursor:pointer;padding:9px 11px;border-radius:var(--radius-sm);color:var(--text);display:flex;align-items:center;gap:8px;font:600 14px Arial}.node:hover{background:var(--panel-2)}.node.akt{background:#d0231f14;color:var(--text);font-weight:700}.tree .node{padding:6px 8px;gap:4px}.tree .node .tw{width:15px;flex-shrink:0;text-align:center;color:var(--muted);font-size:10px;cursor:pointer;-webkit-user-select:none;user-select:none;line-height:1}.tree .node .tw.prazno{visibility:hidden;cursor:default}.tree .node .ime{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tree .node .btn.sm{flex-shrink:0;padding:3px 7px}.link-akcija{cursor:pointer;font:700 12px Arial;color:var(--crvena);-webkit-user-select:none;user-select:none}.link-akcija:hover{text-decoration:underline}