:root{--ink:#0c0e0a;--ink-2:#1a1d16;--lime:#c6e545;--lime-2:#b3d334;--soft:#eef6cf;--paper:#f4f5ef;--card:#fff;--line:#e3e6dc;--line-2:#d3d8c8;--muted:#5d6256;--ok:#3c6e12;--warn:#9a6a00;--err:#b23b1e;--blue:#2c5d8a;--r:18px;--sh:0 1px 2px rgba(12,14,10,.04),0 12px 32px -20px rgba(12,14,10,.22);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--ink);background:var(--paper)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;min-height:100%}body{font-size:15px;line-height:1.5}a{color:inherit}h1,h2,h3{margin:0;line-height:1.2;letter-spacing:-.01em;font-family:Poppins,Inter,system-ui,sans-serif}h1{font-size:clamp(23px,2vw,30px);font-weight:800}h2{font-size:17px;font-weight:700}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.page-h{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;margin-bottom:22px;padding-bottom:18px;border-bottom:1px solid var(--line)}.page-h p{margin:4px 0 0;color:var(--muted)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--line-2);background:#fff;padding:9px 16px;border-radius:99px;font-weight:600;font-size:14px;text-decoration:none;color:var(--ink);transition:.15s;white-space:nowrap}.btn:hover{border-color:var(--ink)}.btn--primary{background:var(--lime);border-color:var(--lime);color:var(--ink)}.btn--primary:hover{background:var(--lime-2);border-color:var(--lime-2)}.btn--dark{background:var(--ink);border-color:var(--ink);color:#fff}.btn--dark:hover{background:var(--ink-2)}.btn--ghost{background:transparent;border-color:transparent}.btn--ghost:hover{background:#eaece4;border-color:transparent}.btn--danger{color:var(--err)}.btn--danger:hover{background:#fbe6df;border-color:#f0c3b6}.btn--sm{padding:6px 12px;font-size:13px}.btn--lg{padding:13px 24px;font-size:15.5px}.btn:disabled{opacity:.45;cursor:not-allowed}.icon-btn{width:34px;height:34px;display:inline-grid;place-items:center;border-radius:10px;border:1px solid transparent;background:transparent;color:var(--muted)}.icon-btn:hover{background:#eaece4;color:var(--ink)}.ico{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}.field{display:grid;gap:6px;margin-bottom:14px}.field>span,.lbl{font-size:13px;font-weight:600;color:#3a3f35}.field small,.hint{color:var(--muted);font-size:12.5px}.inp,.field input:not([type=checkbox]):not([type=radio]):not([type=range]),.field select,.field textarea{width:100%;border:1px solid var(--line);background:#fff;border-radius:11px;padding:10px 12px;font-size:14.5px;transition:border-color .15s,box-shadow .15s}.inp:focus,.field input:focus,.field select:focus,.field textarea:focus{outline:0;border-color:var(--ink);box-shadow:0 0 0 3px #c6e5458c}.field textarea{resize:vertical;min-height:84px;line-height:1.5}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:0 16px}.check{display:flex;align-items:center;gap:8px;font-size:14px;cursor:pointer}.check input{width:17px;height:17px;accent-color:var(--ink)}.switch{position:relative;width:40px;height:22px;flex:none;display:inline-block}.switch input{opacity:0;width:0;height:0;position:absolute}.switch i{position:absolute;inset:0;background:#cdd2c4;border-radius:22px;transition:.2s;cursor:pointer}.switch i:after{content:"";position:absolute;width:16px;height:16px;left:3px;top:3px;background:#fff;border-radius:50%;transition:.2s}.switch input:checked+i{background:var(--ink)}.switch input:checked+i:after{transform:translate(18px);background:var(--lime)}.card{background:var(--card);border:1px solid #e7e9e1;border-radius:var(--r);padding:22px;box-shadow:var(--sh)}.card+.card{margin-top:16px}.card__h{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px}.muted{color:var(--muted)}.small{font-size:13px}.badge{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:650;padding:3px 10px;border-radius:999px;background:#eceee6;color:#4a4f43;white-space:nowrap}.badge--ok{background:#dff0cf;color:var(--ok)}.badge--lime{background:var(--lime);color:var(--ink)}.badge--warn{background:#fbefcf;color:var(--warn)}.badge--blue{background:#e1ecf6;color:var(--blue)}.badge--red{background:#fbe2da;color:var(--err)}.badge--dark{background:var(--ink);color:var(--lime)}.empty{padding:44px 20px;text-align:center;color:var(--muted)}.dot{width:8px;height:8px;border-radius:50%;background:var(--line-2);display:inline-block;flex:none}.dot--on{background:var(--lime-2);box-shadow:0 0 0 3px #c6e5454d}.tbl-wrap{overflow-x:auto;border:1px solid #e7e9e1;border-radius:var(--r);background:#fff;box-shadow:var(--sh)}.table{width:100%;border-collapse:collapse}.table th{text-align:left;font-size:11.5px;text-transform:uppercase;letter-spacing:.07em;color:var(--muted);font-weight:650;padding:11px 12px;border-bottom:1px solid var(--line);background:#fafbf7;white-space:nowrap}.table td{padding:11px 12px;border-bottom:1px solid #eef0e9;vertical-align:middle}.table tr:last-child td{border-bottom:0}.table tbody tr:hover td{background:#fbfcf8}.table tr.sel td{background:#f6fae6}.t-title{font-weight:650;color:var(--ink);text-decoration:none}.t-title:hover{text-decoration:underline}.t-sub{display:block;font-size:12.5px;color:var(--muted);max-width:340px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tabs{display:flex;gap:4px;border-bottom:1px solid var(--line);margin-bottom:18px;overflow-x:auto;scrollbar-width:none}.tabs button,.tabs a{border:0;background:none;padding:10px 14px;font-weight:600;color:var(--muted);border-bottom:2px solid transparent;margin-bottom:-1px;white-space:nowrap;text-decoration:none}.tabs .on{color:var(--ink);border-bottom-color:var(--ink)}.chips{display:flex;gap:6px;flex-wrap:wrap}.chip{border:1px solid var(--line);background:#fff;border-radius:99px;padding:6px 12px;font-size:13px;font-weight:600;color:#3a3f35;display:inline-flex;gap:6px;align-items:center}.chip b{font-weight:700;color:var(--muted);font-size:12px}.chip.on{background:var(--ink);border-color:var(--ink);color:#fff}.chip.on b{color:var(--lime)}.modal{position:fixed;inset:0;background:#0c0e0a8c;display:grid;place-items:center;padding:16px;z-index:50;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal__box{background:#fff;border-radius:18px;width:min(560px,100%);max-height:calc(100vh - 32px);overflow:auto;box-shadow:0 30px 80px -20px #00000080}.modal__box--wide{width:min(900px,100%)}.modal__h{display:flex;justify-content:space-between;align-items:center;padding:18px 22px;border-bottom:1px solid var(--line);position:sticky;top:0;background:#fff;z-index:1}.modal__b{padding:20px 22px}.modal__f{display:flex;justify-content:flex-end;gap:10px;padding:14px 22px;border-top:1px solid var(--line);position:sticky;bottom:0;background:#fff}.toasts{position:fixed;right:18px;bottom:18px;display:grid;gap:8px;z-index:100;max-width:min(420px,calc(100vw - 36px))}.toast{background:var(--ink);color:#fff;padding:12px 16px;border-radius:12px;box-shadow:0 12px 30px -10px #00000080;font-size:14px;border-left:4px solid var(--lime);animation:tin .2s ease-out}.toast--err{border-left-color:#ff7a59}@keyframes tin{0%{transform:translateY(8px);opacity:0}}.alert{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border-radius:12px;background:#fbefcf;color:#5e4300;font-size:14px;margin-bottom:12px}.alert--red{background:#fbe2da;color:#7a2510}.alert--ok{background:var(--soft);color:#2b3a07}.alert a{font-weight:700}.skeleton{background:linear-gradient(90deg,#eceee6,#f6f7f2,#eceee6);background-size:200% 100%;animation:sk 1.2s infinite;border-radius:10px;min-height:16px}@keyframes sk{to{background-position:-200% 0}}@media(max-width:760px){.grid2,.grid3{grid-template-columns:1fr}h1{font-size:22px}.card{padding:16px}}.st{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:650;padding:3px 10px 3px 8px;border-radius:999px;white-space:nowrap}.st:before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}.st--novo{background:#e1ecf6;color:#2c5d8a}.st--u_obradi{background:#fbefcf;color:#8a5d00}.st--u_obradi:before{animation:pulse 1.6s infinite}.st--ceka_klijenta{background:#f3e3fa;color:#7a3196}.st--reseno{background:#dff0cf;color:#3c6e12}.st--nije_reseno{background:#fbe2da;color:#b23b1e}.st--zatvoreno{background:#eceee6;color:#5d6256}@keyframes pulse{50%{opacity:.25}}.pr{font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.pr--hitan{color:#b23b1e}.pr--visok{color:#b07a00}.pr--normalan{color:#5d6256}.pr--nizak{color:#8b917f}.ava{width:34px;height:34px;border-radius:50%;display:inline-grid;place-items:center;font-weight:800;font-size:13px;flex:none;color:#fff;background:#5d6256;text-transform:uppercase}.ava--lg{width:52px;height:52px;font-size:18px;border-radius:16px}.online{position:relative}.online:after{content:"";position:absolute;right:-1px;bottom:-1px;width:10px;height:10px;border-radius:50%;background:#5fbf3a;border:2px solid #fff}.stat{background:#fff;border:1px solid #e7e9e1;border-radius:var(--r);padding:18px 20px;box-shadow:var(--sh)}.stat b{display:block;font:800 28px/1.1 Poppins,Inter,sans-serif;letter-spacing:-.02em}.stat span{color:var(--muted);font-size:13px}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-bottom:20px}.list{display:grid}.li{display:flex;gap:12px;align-items:center;padding:12px 4px;border-bottom:1px solid #eef0e9;text-decoration:none;color:inherit;min-width:0}.li:last-child{border-bottom:0}.li:hover .li__t{text-decoration:underline}.li__m{flex:1;min-width:0}.li__t{font-weight:650;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.li__s{display:block;font-size:12.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.new-dot{width:9px;height:9px;border-radius:50%;background:#2c5d8a;flex:none;box-shadow:0 0 0 3px #2c5d8a2e}.cols{display:grid;grid-template-columns:minmax(0,1fr) clamp(320px,24vw,420px);gap:20px;align-items:start}.files{display:flex;gap:8px;flex-wrap:wrap}.file{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:10px;padding:6px 10px;font-size:13px;text-decoration:none;color:var(--ink);background:#fff;max-width:100%}.file:hover{border-color:var(--ink)}.file span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:220px}.file small{color:var(--muted)}.kv{display:grid;grid-template-columns:auto 1fr;gap:6px 16px;font-size:14px;margin:0}.kv dt{color:var(--muted)}.kv dd{margin:0;font-weight:550;min-width:0;overflow-wrap:anywhere}.notice{display:flex;gap:14px;padding:14px 16px;border-radius:14px;margin-bottom:12px;border:1px solid}.notice--info,.notice--cestitka{background:#eef4fa;border-color:#cfe0f0}.notice--napomena{background:#fbf5e3;border-color:#efdca5}.notice--opomena{background:#fbe8e2;border-color:#f0c3b6}.notice--odrzavanje{background:#f1f6df;border-color:#d9e8a6}.notice h3{font-size:15px;margin-bottom:2px}.notice p{margin:0;font-size:14px;white-space:pre-line}.cols>*{min-width:0}@media(max-width:1100px){.cols{grid-template-columns:minmax(0,1fr)}}@media(max-width:560px){.notice{flex-wrap:wrap}.notice>div{min-width:calc(100% - 40px)}.notice .btn{margin-left:36px}}.card{transition:box-shadow .2s,border-color .2s}.li{border-radius:12px;padding:12px 10px;margin:0 -6px;transition:background .15s}.li:hover{background:#f8f9f4}.table tbody tr{transition:background .12s}.btn{transition:transform .15s,background .15s,border-color .15s,box-shadow .15s}.btn:active{transform:scale(.97)}.btn--primary{box-shadow:0 6px 18px -10px #8caa14e6}::selection{background:var(--lime);color:var(--ink)}*{scrollbar-width:thin;scrollbar-color:#cdd2c4 transparent}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}