*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0d1117;--surf:#161b22;--card:#21262d;--border:#30363d;--accent:#f0b429;--red:#f85149;--blue:#58a6ff;--green:#3fb950;--purple:#bc8cff;--text:#e6edf3;--muted:#8b949e;--radius:10px}.light{--bg:#f6f8fa;--surf:#ffffff;--card:#f0f3f6;--border:#d0d7de;--accent:#b35f00;--red:#cf222e;--blue:#0969da;--green:#1a7f37;--purple:#8250df;--text:#1f2328;--muted:#57606a}body{font-family:Barlow,sans-serif;background:var(--bg);color:var(--text);min-height:100vh;-webkit-tap-highlight-color:transparent}.layout{display:flex;min-height:100vh}.sidebar{width:220px;background:var(--surf);border-right:1px solid var(--border);display:flex;flex-direction:column;position:fixed;top:0;left:0;height:100vh;z-index:100;transition:transform .25s}.sidebar.closed{transform:translate(-220px)}.content{flex:1;margin-left:220px;min-height:100vh;display:flex;flex-direction:column;transition:margin .25s}.content.full{margin-left:0}@media (max-width:768px){.sidebar{transform:translate(-220px)}.sidebar.open{transform:translate(0)}.content{margin-left:0}}@media (min-width:769px){.sidebar{transform:translate(0)}.content{margin-left:220px}}.sb-logo{padding:18px 16px 14px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:10px}.sb-logo-icon{color:var(--accent)}.sb-logo-text{font-family:Barlow Condensed,sans-serif;font-size:18px;font-weight:900;letter-spacing:2px;text-transform:uppercase;line-height:1}.sb-logo-text span{color:var(--muted);font-weight:400;font-size:10px;display:block;letter-spacing:1px}.sb-nav{flex:1;padding:10px 8px;overflow-y:auto}.sb-item{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:7px;cursor:pointer;font-family:Barlow Condensed,sans-serif;font-size:14px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:var(--muted);transition:all .15s;-webkit-user-select:none;user-select:none;border:none;background:none;width:100%;text-align:left}.sb-item:hover{background:#ffffff0d;color:var(--text)}.sb-item.active{background:#f0b4291f;color:var(--accent)}.sb-item .icon{width:18px;flex-shrink:0;opacity:.7}.sb-item.active .icon{opacity:1}.sb-sep{height:1px;background:var(--border);margin:6px 0}.sb-section{font-family:Barlow Condensed,sans-serif;font-size:9px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--muted);padding:8px 12px 4px;opacity:.6}.sb-bottom{padding:10px 8px;border-top:1px solid var(--border)}.sb-user{display:flex;align-items:center;gap:9px;padding:8px 10px;background:var(--card);border-radius:7px;margin-bottom:6px}.sb-user-name{font-family:Barlow Condensed,sans-serif;font-size:12px;font-weight:800;letter-spacing:.5px}.sb-user-role{font-size:10px;color:var(--muted)}.sb-user-badge{font-family:Barlow Condensed,sans-serif;font-size:9px;font-weight:800;letter-spacing:1px;text-transform:uppercase;padding:2px 6px;border-radius:3px;margin-left:auto}.sb-user-badge.admin{background:#f0b42926;color:var(--accent)}.sb-user-badge.radnik{background:#58a6ff1f;color:var(--blue)}.topbar{height:52px;background:var(--surf);border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 16px;gap:10px;position:sticky;top:0;z-index:50}.topbar-burger{background:none;border:none;color:var(--muted);cursor:pointer;padding:4px;display:flex;flex-direction:column;gap:5px}.topbar-burger span{display:block;width:20px;height:2px;background:currentColor;border-radius:2px}.topbar-title{font-family:Barlow Condensed,sans-serif;font-size:16px;font-weight:800;letter-spacing:1px;text-transform:uppercase;flex:1}.topbar-actions{display:flex;gap:6px;align-items:center}.tb-btn{background:none;border:1.5px solid var(--border);color:var(--muted);border-radius:7px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:14px;flex-shrink:0}.tb-btn:hover{border-color:var(--accent);color:var(--accent)}.btn-add-main{background:var(--accent);color:#000;border:none;font-family:Barlow Condensed,sans-serif;font-weight:900;font-size:12px;letter-spacing:1px;text-transform:uppercase;padding:7px 14px;border-radius:7px;cursor:pointer;display:flex;align-items:center;gap:5px;white-space:nowrap}.page{padding:16px;max-width:1280px;margin:0 auto;width:100%}.page-header{margin-bottom:18px}.page-title{font-family:Barlow Condensed,sans-serif;font-size:26px;font-weight:900;letter-spacing:2px;text-transform:uppercase}.page-sub{color:var(--muted);font-size:13px;margin-top:2px}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin-bottom:20px}.kpi{background:var(--surf);border:1.5px solid var(--border);border-radius:var(--radius);padding:14px 16px}.kpi-lbl{font-family:Barlow Condensed,sans-serif;font-size:9px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--muted);margin-bottom:6px}.kpi-val{font-family:Barlow Condensed,sans-serif;font-size:32px;font-weight:900;line-height:1}.kpi-sub{font-size:10px;color:var(--muted);margin-top:3px}.kpi.accent{border-color:#f0b4294d;background:#f0b4290d}.kpi.green{border-color:#3fb9504d;background:#3fb9500d}.kpi.blue{border-color:#58a6ff4d;background:#58a6ff0d}.kpi.purple{border-color:#bc8cff4d;background:#bc8cff0d}.kpi.red{border-color:#f851494d;background:#f851490d}.section-title{font-family:Barlow Condensed,sans-serif;font-size:13px;font-weight:800;letter-spacing:2px;text-transform:uppercase;color:var(--accent);margin-bottom:10px;display:flex;align-items:center;justify-content:space-between}.card-panel{background:var(--surf);border:1.5px solid var(--border);border-radius:var(--radius);padding:14px 16px;margin-bottom:16px}.act-item{display:flex;gap:10px;padding:8px 0;border-bottom:1px solid var(--border);align-items:flex-start}.act-item:last-child{border-bottom:none}.act-dot{width:8px;height:8px;border-radius:50%;margin-top:5px;flex-shrink:0}.act-dot.green{background:var(--green)}.act-dot.blue{background:var(--blue)}.act-dot.accent{background:var(--accent)}.act-dot.purple{background:var(--purple)}.act-dot.red{background:var(--red)}.act-body{flex:1;min-width:0}.act-main{font-size:12px;line-height:1.4}.act-time{font-size:10px;color:var(--muted);white-space:nowrap;flex-shrink:0;margin-top:2px}.sf-wrap{background:var(--surf);border:1.5px solid var(--border);border-radius:var(--radius);padding:12px 14px;margin-bottom:12px}.sf-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.sf-full{grid-column:1/-1}.fg label{display:block;font-family:Barlow Condensed,sans-serif;font-size:9px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--muted);margin-bottom:3px}.fg input,.fg select{width:100%;background:var(--card);border:1.5px solid var(--border);border-radius:5px;color:var(--text);font-family:Barlow,sans-serif;font-size:13px;padding:7px 9px;outline:none}.fg select option{background:var(--card)}.status-tabs{display:flex;gap:6px;margin-bottom:12px}.stab{background:none;border:1.5px solid var(--border);color:var(--muted);border-radius:6px;font-family:Barlow Condensed,sans-serif;font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase;padding:5px 12px;cursor:pointer;flex:1;text-align:center}.stab.as{border-color:var(--green);color:var(--green);background:#3fb95014}.stab.ap{border-color:var(--purple);color:var(--purple);background:#bc8cff14}.res-count{font-family:Barlow Condensed,sans-serif;font-size:10px;letter-spacing:1px;text-transform:uppercase;color:var(--muted);margin-bottom:10px}.res-count b{color:var(--accent);font-size:13px}.tire-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(155px,1fr));gap:10px}.tire-card{background:var(--card);border:1.5px solid var(--border);border-radius:var(--radius);overflow:hidden;cursor:pointer;position:relative}.tire-card.sold{opacity:.65;border-color:#3d2d5a}.tire-thumb{width:100%;height:120px;background:var(--surf);display:flex;align-items:center;justify-content:center;color:var(--border)}.tire-thumb img{width:100%;height:100%;object-fit:cover}.bs{position:absolute;top:7px;left:7px;font-family:Barlow Condensed,sans-serif;font-size:9px;font-weight:800;letter-spacing:1px;text-transform:uppercase;padding:2px 5px;border-radius:3px;display:flex;align-items:center;gap:2px}.bs.z{background:#58a6ff38;color:#58a6ff;border:1px solid #58a6ff}.bs.l{background:#f0b42929;color:#f0b429;border:1px solid #f0b429}.bsif{position:absolute;top:7px;right:7px;background:#000000b3;color:#fff;font-family:Barlow Condensed,sans-serif;font-size:9px;font-weight:800;padding:2px 5px;border-radius:3px}.bsold{position:absolute;bottom:0;left:0;right:0;background:#9b59b6d9;color:#fff;font-family:Barlow Condensed,sans-serif;font-size:9px;font-weight:800;letter-spacing:2px;text-transform:uppercase;text-align:center;padding:3px}.tire-info{padding:8px 10px}.tire-size{font-family:Barlow Condensed,sans-serif;font-weight:800;font-size:16px;letter-spacing:1px;margin-bottom:1px}.tire-cod{font-family:Barlow Condensed,sans-serif;font-size:10px;font-weight:700;color:var(--accent);letter-spacing:1px;margin-bottom:1px}.tire-loc{font-size:10px;color:var(--muted)}.empty{text-align:center;padding:40px 20px;color:var(--muted)}.auto-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.auto-card{background:var(--card);border:1.5px solid var(--border);border-radius:var(--radius);overflow:hidden;cursor:pointer;position:relative}.auto-card:hover{border-color:var(--accent)}.auto-img{width:100%;height:140px;background:var(--surf);display:flex;align-items:center;justify-content:center;color:var(--border);overflow:hidden}.auto-img img{width:100%;height:100%;object-fit:cover}.auto-status{position:absolute;top:7px;right:7px;font-family:Barlow Condensed,sans-serif;font-size:9px;font-weight:800;letter-spacing:1px;text-transform:uppercase;padding:2px 7px;border-radius:3px}.auto-status.na_stanju{background:#3fb95033;color:var(--green);border:1px solid var(--green)}.auto-status.prodat{background:#bc8cff33;color:var(--purple);border:1px solid var(--purple)}.auto-info{padding:10px 12px}.auto-name{font-family:Barlow Condensed,sans-serif;font-size:18px;font-weight:900;letter-spacing:.5px;margin-bottom:2px}.auto-sub{font-size:11px;color:var(--muted);margin-bottom:6px}.auto-price{font-family:Barlow Condensed,sans-serif;font-size:14px;font-weight:800;color:var(--accent)}.zadaci-list{display:flex;flex-direction:column;gap:8px}.zadatak{background:var(--card);border:1.5px solid var(--border);border-radius:8px;padding:12px 14px;display:flex;align-items:flex-start;gap:12px}.zadatak.zatvoren{opacity:.5}.zadatak-check{width:20px;height:20px;border-radius:50%;border:2px solid var(--border);flex-shrink:0;cursor:pointer;display:flex;align-items:center;justify-content:center;margin-top:1px;transition:all .15s}.zadatak-check:hover{border-color:var(--green)}.zadatak-check.done{background:var(--green);border-color:var(--green)}.zadatak-body{flex:1}.zadatak-title{font-family:Barlow Condensed,sans-serif;font-size:15px;font-weight:800;margin-bottom:2px}.zadatak-opis{font-size:12px;color:var(--muted);line-height:1.5}.prioritet{font-family:Barlow Condensed,sans-serif;font-size:9px;font-weight:800;letter-spacing:1px;text-transform:uppercase;padding:2px 6px;border-radius:3px}.prioritet.visok{background:#f8514926;color:var(--red)}.prioritet.srednji{background:#f0b42926;color:var(--accent)}.prioritet.nizak{background:#58a6ff1f;color:var(--blue)}.trosak-card{background:var(--card);border:1.5px solid var(--border);border-radius:8px;overflow:hidden;margin-bottom:10px}.trosak-head{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;cursor:pointer}.trosak-head:hover{background:#ffffff05}.trosak-name{font-family:Barlow Condensed,sans-serif;font-size:16px;font-weight:800;letter-spacing:.5px}.trosak-sum{font-family:Barlow Condensed,sans-serif;font-size:13px;font-weight:700}.trosak-sum.over{color:var(--red)}.trosak-sum.ok{color:var(--green)}.trosak-body{padding:0 14px 12px;border-top:1px solid var(--border)}.dio-row{display:flex;align-items:center;gap:8px;padding:7px 0;border-bottom:1px solid var(--border);font-size:12px}.dio-row:last-child{border-bottom:none}.dio-naziv{flex:1;font-weight:500}.dio-plan{color:var(--muted);width:70px;text-align:right}.dio-stv{font-family:Barlow Condensed,sans-serif;font-weight:800;font-size:13px;width:80px;text-align:right}.dio-stv.over{color:var(--red)}.dio-stv.under{color:var(--green)}.dio-stv.pending{color:var(--muted)}.dio-check{width:18px;height:18px;border-radius:50%;border:1.5px solid var(--border);flex-shrink:0;cursor:pointer;display:flex;align-items:center;justify-content:center}.dio-check.done{background:var(--green);border-color:var(--green)}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000c;z-index:300;overflow-y:auto;-webkit-overflow-scrolling:touch}.overlay-inner{min-height:100%;display:flex;align-items:flex-start;justify-content:center;padding:14px}.modal{background:var(--surf);border:1.5px solid var(--border);border-radius:14px;padding:20px;width:100%;max-width:480px;margin:auto}.modal-title{font-family:Barlow Condensed,sans-serif;font-size:18px;font-weight:900;letter-spacing:2px;text-transform:uppercase;margin-bottom:16px;display:flex;align-items:center;justify-content:space-between}.btn-close{background:none;border:none;color:var(--muted);cursor:pointer;font-size:22px;line-height:1}.fg2{margin-bottom:12px}.fg2 input:focus,.fg2 select:focus,.fg2 textarea:focus{scroll-margin-bottom:200px}.modal input:focus,.modal select:focus,.modal textarea:focus{scroll-margin-bottom:300px}.fg2 label{display:block;font-family:Barlow Condensed,sans-serif;font-size:9px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--muted);margin-bottom:4px}.fg2 input,.fg2 select,.fg2 textarea{width:100%;background:var(--card);border:1.5px solid var(--border);border-radius:5px;color:var(--text);font-family:Barlow,sans-serif;font-size:13px;padding:8px 10px;outline:none}.fg2 select option{background:var(--card)}.fg2 textarea{resize:vertical;min-height:60px}.fg2 input.ok{border-color:var(--green)}.fg2 input.err{border-color:var(--red)}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:9px}.modal-foot{display:flex;gap:7px;justify-content:flex-end;margin-top:16px;padding-top:13px;border-top:1px solid var(--border);align-items:center}.foot-left{margin-right:auto}.btn-cancel{background:none;border:1.5px solid var(--border);color:var(--muted);border-radius:5px;font-family:Barlow Condensed,sans-serif;font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase;padding:6px 12px;cursor:pointer}.btn-save{background:var(--accent);color:#000;border:none;border-radius:5px;font-family:Barlow Condensed,sans-serif;font-size:12px;font-weight:900;letter-spacing:1px;text-transform:uppercase;padding:7px 16px;cursor:pointer}.btn-save:disabled{opacity:.4;cursor:not-allowed}.btn-danger{background:var(--red);color:#fff;border:none;border-radius:5px;font-family:Barlow Condensed,sans-serif;font-size:11px;font-weight:800;letter-spacing:1px;text-transform:uppercase;padding:6px 12px;cursor:pointer}.btn-sm{background:none;border:1px solid var(--border);color:var(--muted);border-radius:4px;font-family:Barlow Condensed,sans-serif;font-size:10px;font-weight:700;letter-spacing:1px;text-transform:uppercase;padding:3px 8px;cursor:pointer;display:inline-flex;align-items:center;gap:3px}.btn-sm:hover{border-color:var(--accent);color:var(--accent)}.btn-sm.red:hover{border-color:var(--red);color:var(--red)}.specs-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:9px}.spec-box{background:var(--card);border:1px solid var(--border);border-radius:5px;padding:7px 11px}.spec-lbl{font-family:Barlow Condensed,sans-serif;font-size:8px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--muted);margin-bottom:1px}.spec-val{font-family:Barlow Condensed,sans-serif;font-size:17px;font-weight:800}.loc-box{background:#58a6ff12;border:1px solid rgba(88,166,255,.2);border-radius:5px;padding:7px 11px;font-size:11px;color:#58a6ff;margin-bottom:9px}.sold-box{background:#bc8cff1a;border:1px solid rgba(188,140,255,.3);border-radius:5px;padding:7px 11px;font-size:11px;color:var(--purple);margin-bottom:9px;display:flex;align-items:center;gap:7px;flex-wrap:wrap}.sec-lbl{font-family:Barlow Condensed,sans-serif;font-size:9px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--muted);margin-bottom:4px;padding-bottom:4px;border-bottom:1px solid var(--border);margin-top:10px}.sell-box{background:#3fb9500f;border:1.5px solid rgba(63,185,80,.2);border-radius:9px;padding:14px;margin-bottom:4px}.price-row{display:flex;align-items:center;border:1.5px solid var(--border);border-radius:5px;overflow:hidden;background:var(--card)}.price-inp{flex:1;background:transparent;border:none;color:var(--text);font-family:Barlow Condensed,sans-serif;font-size:20px;font-weight:800;padding:9px 12px;outline:none}.price-curr{padding:9px 12px;font-family:Barlow Condensed,sans-serif;font-size:12px;font-weight:700;color:var(--muted);border-left:1px solid var(--border)}.det-imgs{display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:5px;margin-bottom:12px}.det-imgs .thumb{width:100%;aspect-ratio:1;object-fit:cover;border-radius:5px;cursor:pointer;display:block;border:2px solid transparent}.det-imgs .thumb:hover{border-color:var(--accent)}.img-zone{border:2px dashed var(--border);border-radius:7px;padding:14px;text-align:center;cursor:pointer;color:var(--muted);font-size:11px;display:flex;flex-direction:column;align-items:center;gap:4px;min-height:64px}.img-zone:hover{border-color:var(--accent)}.img-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-top:7px}.img-item{position:relative;border-radius:4px;overflow:hidden;aspect-ratio:1;background:var(--card)}.img-item img{width:100%;height:100%;object-fit:cover;display:block}.img-rm{position:absolute;top:3px;right:3px;background:#000000bf;border:none;color:#fff;border-radius:50%;width:18px;height:18px;cursor:pointer;font-size:10px;display:flex;align-items:center;justify-content:center}.upload-bar-wrap{background:var(--card);border-radius:4px;height:6px;overflow:hidden;margin:6px 0 4px}.upload-bar{background:var(--blue);height:100%;border-radius:4px;transition:width .2s}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000ed;z-index:500;display:flex;align-items:center;justify-content:center;padding:20px}.lightbox img{max-width:100%;max-height:90vh;border-radius:8px;object-fit:contain}.lightbox-close{position:absolute;top:16px;right:16px;background:#ffffff1a;border:none;color:#fff;width:40px;height:40px;border-radius:50%;cursor:pointer;font-size:20px;display:flex;align-items:center;justify-content:center}.lightbox-nav{position:absolute;top:50%;transform:translateY(-50%);background:#ffffff1a;border:none;color:#fff;width:44px;height:44px;border-radius:50%;cursor:pointer;font-size:22px;display:flex;align-items:center;justify-content:center}.lightbox-nav.prev{left:12px}.lightbox-nav.next{right:12px}.set-tabs{display:flex;gap:5px;margin-bottom:12px;flex-wrap:wrap}.set-tab{background:none;border:1px solid var(--border);color:var(--muted);border-radius:5px;font-family:Barlow Condensed,sans-serif;font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase;padding:5px 11px;cursor:pointer}.set-tab.on{border-color:var(--accent);color:var(--accent);background:#f0b42914}.mag-card{background:var(--card);border:1.5px solid var(--border);border-radius:8px;overflow:hidden;margin-bottom:6px}.tree-row{display:flex;align-items:center;justify-content:space-between;padding:9px 12px;cursor:pointer;-webkit-user-select:none;user-select:none}.tree-row:hover{background:#ffffff08}.tree-lbl-mag{font-family:Barlow Condensed,sans-serif;font-size:14px;font-weight:800;letter-spacing:1px;text-transform:uppercase;display:flex;align-items:center;gap:6px}.tree-lbl-prolaz{font-family:Barlow Condensed,sans-serif;font-weight:800;font-size:11px;letter-spacing:1px;text-transform:uppercase;color:var(--blue)}.tree-lbl-regal{font-family:Barlow Condensed,sans-serif;font-size:10px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--muted)}.polica-chip{background:#58a6ff1a;border:1px solid rgba(88,166,255,.25);color:var(--blue);border-radius:3px;font-family:Barlow Condensed,sans-serif;font-size:10px;font-weight:700;padding:1px 5px;display:inline-flex;align-items:center;gap:2px}.del-btn{background:none;border:none;color:var(--muted);cursor:pointer;padding:1px 3px;border-radius:2px;display:flex;align-items:center;opacity:.6}.del-btn:hover{color:var(--red);opacity:1}.police-wrap{display:flex;flex-wrap:wrap;gap:3px}.add-row{display:flex;flex-wrap:wrap;gap:4px;margin-top:5px}.add-btn{background:none;border:1px dashed var(--border);color:var(--muted);border-radius:3px;font-family:Barlow Condensed,sans-serif;font-size:10px;font-weight:600;text-transform:uppercase;padding:2px 7px;cursor:pointer;display:flex;align-items:center;gap:2px}.add-btn:hover{border-color:var(--accent);color:var(--accent)}.cust-inp{background:var(--card);border:1px dashed var(--border);border-radius:3px;color:var(--text);font-family:Barlow Condensed,sans-serif;font-size:11px;font-weight:700;padding:3px 7px;outline:none;width:90px;text-transform:uppercase}.user-item{background:var(--card);border:1px solid var(--border);border-radius:6px;padding:10px 14px;display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px}.user-role{font-family:Barlow Condensed,sans-serif;font-size:10px;font-weight:700;letter-spacing:1px;text-transform:uppercase;padding:2px 7px;border-radius:3px}.user-role.admin{background:#f0b42926;color:var(--accent)}.user-role.radnik{background:#58a6ff1f;color:var(--blue)}.btn-new{background:var(--accent);color:#000;border:none;border-radius:6px;font-family:Barlow Condensed,sans-serif;font-size:11px;font-weight:800;letter-spacing:1px;text-transform:uppercase;padding:5px 11px;cursor:pointer;display:inline-flex;align-items:center;gap:3px}.sifra-prev{background:#f0b42914;border:1px solid rgba(240,180,41,.25);border-radius:6px;padding:6px 12px;font-family:Barlow Condensed,sans-serif;font-size:15px;font-weight:900;color:var(--accent);letter-spacing:2px;margin-bottom:12px;display:flex;align-items:center;gap:6px}.ph{margin-top:4px;padding:5px 9px;border-radius:4px;font-size:11px;display:flex;align-items:center;gap:4px}.ph.ok{background:#3fb95014;border:1px solid rgba(63,185,80,.3);color:var(--green)}.ph.err{background:#f8514914;border:1px solid rgba(248,81,73,.3);color:var(--red)}.tip-badge{display:inline-flex;align-items:center;font-family:Barlow Condensed,sans-serif;font-size:10px;font-weight:800;letter-spacing:1px;text-transform:uppercase;padding:2px 7px;border-radius:3px}.tip-badge.tip-komad{background:#58a6ff26;color:var(--blue)}.tip-badge.tip-par{background:#f0b42926;color:var(--accent)}.tip-badge.tip-set{background:#3fb95026;color:var(--green)}.log-item{display:flex;gap:10px;padding:8px 0;border-bottom:1px solid var(--border);align-items:flex-start}.log-item:last-child{border-bottom:none}.log-badge{font-family:Barlow Condensed,sans-serif;font-size:9px;font-weight:800;letter-spacing:1px;text-transform:uppercase;padding:2px 7px;border-radius:3px;white-space:nowrap;flex-shrink:0;margin-top:1px}.log-badge.PRIJAVA{background:#58a6ff26;color:var(--blue)}.log-badge.DODANA_GUMA,.log-badge.DODAN_AUTO{background:#3fb95026;color:var(--green)}.log-badge.EDITOVANA_GUMA,.log-badge.EDITOVAN_AUTO{background:#f0b42926;color:var(--accent)}.log-badge.PREMJESTENA_GUMA{background:#bc8cff26;color:var(--purple)}.log-badge.PRODANA_GUMA,.log-badge.PRODAT_AUTO{background:#3fb95033;color:var(--green)}.log-badge.OBRISANA_GUMA,.log-badge.OBRISAN_AUTO{background:#f8514926;color:var(--red)}.log-badge.accent{background:#f0b42926;color:var(--accent)}.log-badge.blue{background:#58a6ff26;color:var(--blue)}.log-badge.green{background:#3fb95026;color:var(--green)}.log-badge.muted{background:#ffffff0f;color:var(--muted)}.log-time{font-size:10px;color:var(--muted);white-space:nowrap;flex-shrink:0}.log-user{font-family:Barlow Condensed,sans-serif;font-size:12px;font-weight:800;color:var(--text)}.log-detail{font-size:11px;color:var(--muted);margin-top:1px}.olx-link{display:inline-flex;align-items:center;gap:5px;background:#3fb9501a;border:1px solid rgba(63,185,80,.3);color:var(--green);border-radius:5px;font-family:Barlow Condensed,sans-serif;font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase;padding:4px 10px;text-decoration:none;cursor:pointer}.offline-bar{position:fixed;top:0;left:0;right:0;background:#f85149;color:#fff;text-align:center;font-family:Barlow Condensed,sans-serif;font-size:12px;font-weight:700;letter-spacing:1px;text-transform:uppercase;padding:5px;z-index:1000;display:flex;align-items:center;justify-content:center;gap:6px}.fab{position:fixed;bottom:20px;right:20px;width:56px;height:56px;background:var(--accent);color:#000;border:none;border-radius:50%;font-size:26px;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px #f0b42966;z-index:200;transition:transform .15s}.fab:active{transform:scale(.9)}.fab-menu{position:fixed;bottom:86px;right:20px;display:flex;flex-direction:column;gap:8px;align-items:flex-end;z-index:200}.fab-item{display:flex;align-items:center;gap:8px;cursor:pointer}.fab-item-lbl{background:var(--surf);border:1px solid var(--border);border-radius:6px;padding:5px 10px;font-family:Barlow Condensed,sans-serif;font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase;white-space:nowrap;box-shadow:0 2px 8px #0000004d}.fab-item-btn{width:40px;height:40px;background:var(--surf);border:1.5px solid var(--border);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;box-shadow:0 2px 8px #0000004d}.fab-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:199}.toast{position:fixed;bottom:20px;left:50%;transform:translate(-50%);background:#1a1f2e;color:#fff;padding:10px 18px;border-radius:8px;font-size:13px;z-index:999;white-space:nowrap;border-left:3px solid var(--green);box-shadow:0 4px 20px #0006;pointer-events:none}.toast.err{border-left-color:var(--red)}.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;background:var(--bg)}.login-card{background:var(--surf);border:1.5px solid var(--border);border-radius:16px;padding:32px;width:100%;max-width:360px}.login-logo{font-family:Barlow Condensed,sans-serif;font-weight:900;font-size:24px;letter-spacing:3px;text-transform:uppercase;color:var(--accent);text-align:center;margin-bottom:6px;display:flex;align-items:center;justify-content:center;gap:8px}.login-sub{text-align:center;color:var(--muted);font-size:13px;margin-bottom:28px}.login-err{background:#f851491a;border:1px solid rgba(248,81,73,.4);color:var(--red);border-radius:6px;padding:10px 14px;font-size:13px;margin-bottom:14px;text-align:center}.combo-custom{width:100%;margin-top:5px;background:var(--card);border:1.5px solid var(--accent);border-radius:5px;color:var(--text);font-family:Barlow,sans-serif;font-size:13px;padding:8px 10px;outline:none}.dead-capital{position:absolute;top:7px;left:7px;background:#f85149e6;color:#fff;font-family:Barlow Condensed,sans-serif;font-size:9px;font-weight:900;letter-spacing:1px;text-transform:uppercase;padding:2px 6px;border-radius:3px;display:flex;align-items:center;gap:3px}.site-footer{text-align:center;padding:18px 20px;color:var(--muted);font-size:11px;border-top:1px solid var(--border);font-family:Barlow Condensed,sans-serif;letter-spacing:1px;text-transform:uppercase;font-weight:700;margin-top:auto}.site-footer span{color:var(--accent)}@media (min-width:769px){body{font-size:15px;line-height:1.5}.page{padding:24px 28px}.page-title{font-size:32px}.page-sub{font-size:14px}.kpi-val{font-size:38px}.kpi-lbl{font-size:10px;letter-spacing:2px}.kpi-sub{font-size:12px}.kpi{padding:16px 20px}.kpi-grid{gap:14px;margin-bottom:24px}.section-title{font-size:15px;margin-bottom:14px}.card-panel{padding:18px 20px;margin-bottom:20px;border-radius:12px}.sb-item{font-size:15px;padding:10px 14px;gap:12px}.sb-logo-text{font-size:20px}.sb-section{font-size:10px}.topbar{height:60px;padding:0 24px}.topbar-title{font-size:18px}.tire-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:14px}.tire-size{font-size:20px}.tire-cod,.tire-loc{font-size:12px}.tire-thumb{height:150px}.tire-info{padding:10px 12px}.auto-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}.auto-img{height:170px}.auto-name{font-size:22px}.auto-sub{font-size:13px}.auto-price{font-size:16px}.status-tabs{gap:8px;margin-bottom:16px}.stab{font-size:13px;padding:7px 16px}.modal{padding:28px;border-radius:16px;max-width:560px}.modal-title{font-size:20px;margin-bottom:20px}.fg2{margin-bottom:16px}.fg2 label{font-size:10px;margin-bottom:6px}.fg2 input,.fg2 select,.fg2 textarea{font-size:14px;padding:10px 12px;border-radius:7px}.btn-save{font-size:13px;padding:9px 20px;border-radius:7px}.btn-cancel{font-size:12px;padding:8px 14px}.btn-sm{font-size:11px;padding:5px 11px}.btn-add-main{font-size:13px;padding:9px 18px;border-radius:8px}.two-col{gap:14px}.spec-box{padding:10px 14px}.spec-lbl{font-size:9px}.spec-val{font-size:20px}.act-time{font-size:12px}.act-dot{width:10px;height:10px;margin-top:5px}.log-badge{font-size:10px;padding:3px 9px}.log-user{font-size:14px}.log-time{font-size:11px}.zadatak{padding:14px 18px;border-radius:10px}.zadatak-title{font-size:17px}.zadatak-opis{font-size:13px}.prioritet{font-size:10px;padding:3px 8px}.trosak-name{font-size:18px}.dio-naziv{font-size:13px}.dio-plan{font-size:12px}.dio-stv{font-size:14px}.set-tab{font-size:12px;padding:6px 14px}.res-count{font-size:12px}.sf-wrap{padding:14px 18px;margin-bottom:16px}.user-item{padding:12px 18px}.site-footer{font-size:12px;padding:22px}.sidebar{width:240px}.content{margin-left:240px}.sidebar{transform:translate(0)}.act-main{font-size:14px}.trosak-head .trosak-name{font-size:19px}.dio-naziv{font-size:14px}.dio-plan,.dio-stv{font-size:13px}.tire-info .tire-loc{font-size:12px}.auto-info .auto-sub{font-size:13px}.log-detail{font-size:12px}.user-item{padding:14px 18px;font-size:14px}.overlay .fg2 label{font-size:11px}.overlay .fg2 input,.overlay .fg2 select,.overlay .fg2 textarea{font-size:15px;padding:11px 13px}.kpi-val{font-size:40px}.card-panel .act-main{font-size:14px}.sf-wrap .fg input,.sf-wrap .fg select{font-size:14px;padding:9px 11px}.bs{font-size:10px;padding:3px 7px}.tip-badge,.prioritet{font-size:11px}}@media (max-width:600px){.two-col{grid-template-columns:1fr}.kpi-grid,.tire-grid,.auto-grid{grid-template-columns:1fr 1fr}}