@import url(https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&family=Syne:wght@600;700;800&display=swap);:root{--navy-1:#0f2442;--navy-2:#162d52;--teal-1:#00c9a7;--teal-2:#00b896;--teal-3:#00ddb9;--teal-dim:rgba(0,201,167,0.10);--teal-glow:rgba(0,201,167,0.22);--sky-1:#0ea5e9;--white:#ffffff;--bg:#f5f8fc;--bg-2:#edf2f8;--border:#dde7f2;--border-2:#c8d8eb;--text-1:#0f2442;--text-2:#3d5a80;--text-3:#7a9bbf;--text-4:#b0c8de;--s-text:rgba(255,255,255,0.60);--s-active-bg:rgba(0,201,167,0.16);--s-hover-bg:rgba(255,255,255,0.07);--st-nacrt:#7a9bbf;--st-poslata:#f59e0b;--st-placena:#00c9a7;--st-kasni:#ef4444;--sh-sm:0 1px 3px rgba(15,36,66,0.07),0 1px 2px rgba(15,36,66,0.04);--sh-md:0 4px 14px rgba(15,36,66,0.09),0 2px 4px rgba(15,36,66,0.05);--sh-lg:0 10px 40px rgba(15,36,66,0.13),0 4px 8px rgba(15,36,66,0.06);--sidebar-w:222px;--topbar-h:56px;--radius:12px;--radius-sm:8px;--radius-xs:6px;--font:'Plus Jakarta Sans',sans-serif;--font-head:'Syne',sans-serif}*,::after,::before{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font);background:var(--bg);color:var(--text-1);height:100vh;overflow:hidden;-webkit-font-smoothing:antialiased}.bg-blobs{position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden}.bg-blobs span{position:absolute;border-radius:50%;filter:blur(90px);opacity:.4}.bg-blobs span:first-child{width:500px;height:400px;top:-80px;right:5%;background:radial-gradient(circle,rgba(0,201,167,.12),transparent 70%)}.bg-blobs span:nth-child(2){width:400px;height:400px;bottom:-80px;left:25%;background:radial-gradient(circle,rgba(14,165,233,.08),transparent 70%)}.bg-blobs span:nth-child(3){width:280px;height:280px;top:45%;right:28%;background:radial-gradient(circle,rgba(0,201,167,.06),transparent 70%)}.app-layout{display:flex;height:100vh;overflow:hidden;position:relative;z-index:1}.main-content{flex:1;display:flex;flex-direction:column;height:100vh;overflow-y:auto;overflow-x:hidden;background:var(--bg)}.main-content::-webkit-scrollbar{width:5px}.main-content::-webkit-scrollbar-track{background:var(--bg-2)}.main-content::-webkit-scrollbar-thumb{background:var(--border-2);border-radius:3px}.sidebar{width:var(--sidebar-w);min-width:var(--sidebar-w);background:var(--navy-1);display:flex;flex-direction:column;position:relative;z-index:20}.sidebar::after{content:'';position:absolute;right:0;top:0;bottom:0;width:1px;background:linear-gradient(to bottom,transparent 0,rgba(0,201,167,.35) 25%,rgba(0,201,167,.35) 75%,transparent 100%)}.sidebar-logo{display:flex;align-items:center;justify-content:center;padding:20px 18px 16px;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.07);margin-bottom:6px;min-height:70px}.sidebar-logo img{max-width:100%;height:auto;object-fit:contain}.sidebar-logo-icon{width:34px;height:34px;background:linear-gradient(135deg,var(--teal-1),var(--sky-1));border-radius:9px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 14px var(--teal-glow);flex-shrink:0;transition:box-shadow .2s}.sidebar-logo:hover .sidebar-logo-icon{box-shadow:0 4px 22px rgba(0,201,167,.45)}.sidebar-logo-icon svg{color:#fff}.sidebar-logo-text{font-family:var(--font-head);font-size:17px;font-weight:700;color:#fff;letter-spacing:-.2px}.sidebar-logo-text span{color:var(--teal-1)}.sidebar-section-label{font-size:9.5px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:rgba(255,255,255,.28);padding:12px 18px 4px}.sidebar nav{padding:0 10px;flex:1}.sidebar nav a{display:flex;align-items:center;gap:9px;padding:8px 10px;border-radius:var(--radius-sm);text-decoration:none;color:var(--s-text);font-size:13.5px;font-weight:500;margin-bottom:1px;transition:all .15s ease;position:relative}.sidebar nav a:hover{background:var(--s-hover-bg);color:#fff}.sidebar nav a:hover svg{color:var(--teal-1)}.sidebar nav a.active{background:var(--s-active-bg);color:#fff;font-weight:600}.sidebar nav a.active svg{color:var(--teal-1)}.sidebar nav a.active::before{content:'';position:absolute;left:-10px;top:22%;bottom:22%;width:3px;background:var(--teal-1);border-radius:0 3px 3px 0;box-shadow:0 0 8px var(--teal-1)}.sidebar nav a svg{flex-shrink:0;color:rgba(255,255,255,.3);transition:color .15s}.sidebar-group-disabled{opacity:.32;pointer-events:none}.sidebar-footer{padding:12px 14px;border-top:1px solid rgba(255,255,255,.07);display:flex;align-items:center;gap:9px;margin-top:auto}.sidebar-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--teal-1),var(--sky-1));display:flex;align-items:center;justify-content:center;font-family:var(--font-head);font-size:11px;font-weight:700;color:#fff;flex-shrink:0;box-shadow:0 2px 8px var(--teal-glow)}.sidebar-user-info{flex:1;min-width:0}.sidebar-user-name{font-size:12.5px;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user-email{font-size:10.5px;color:rgba(255,255,255,.33);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-logout{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-xs);border:1px solid rgba(255,255,255,.1);color:rgba(255,255,255,.33);text-decoration:none;transition:all .15s;flex-shrink:0}.sidebar-logout:hover{background:rgba(239,68,68,.14);border-color:rgba(239,68,68,.35);color:#ef4444}.topbar,.topbar-sub{display:flex;align-items:center;justify-content:space-between;padding:0 28px;height:var(--topbar-h);background:rgba(245,248,252,.8);backdrop-filter:blur(20px) saturate(160%);-webkit-backdrop-filter:blur(20px) saturate(160%);border-bottom:1px solid rgba(221,231,242,.55);box-shadow:0 1px 0 rgba(255,255,255,.7),0 2px 12px rgba(15,36,66,.06);position:sticky;top:0;z-index:10;flex-shrink:0;overflow:visible}.topbar-sub::after,.topbar::after{content:'';position:absolute;bottom:-1px;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0,var(--teal-1) 25%,var(--sky-1) 75%,transparent 100%);opacity:.35;pointer-events:none}.topbar h1{font-family:var(--font-head);font-size:18px;font-weight:700;letter-spacing:-.3px;background:linear-gradient(135deg,var(--text-1) 30%,var(--teal-1) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.topbar-sub h1{font-family:var(--font-head);font-size:18px;font-weight:700;color:var(--text-1);letter-spacing:-.3px}.topbar-actions{display:flex;align-items:center;gap:10px}.topbar-search{display:flex;align-items:center;gap:7px;padding:7px 14px;border-radius:var(--radius-sm);background:var(--bg);border:1.5px solid var(--border);color:var(--text-3);font-size:12.5px;font-family:var(--font);text-decoration:none;transition:all .15s}.topbar-search:hover{border-color:var(--border-2);color:var(--text-2);background:var(--white)}.btn{display:inline-flex;align-items:center;gap:7px;padding:8px 18px;border-radius:var(--radius-sm);font-family:var(--font);font-size:13px;font-weight:600;cursor:pointer;border:none;text-decoration:none;transition:all .18s ease;white-space:nowrap;line-height:1}.btn-primary{background:linear-gradient(135deg,var(--teal-1) 0,var(--sky-1) 100%);color:#fff;box-shadow:0 3px 12px var(--teal-glow)}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 20px rgba(0,201,167,.38)}.btn-secondary{background:var(--white);color:var(--text-2);border:1.5px solid var(--border);box-shadow:var(--sh-sm)}.btn-secondary:hover{border-color:var(--border-2);color:var(--text-1);background:var(--bg)}.btn-danger{background:rgba(239,68,68,.07);color:var(--st-kasni);border:1.5px solid rgba(239,68,68,.2)}.btn-danger:hover{background:rgba(239,68,68,.14)}.btn-success{background:linear-gradient(135deg,#22c55e 0,#16a34a 100%);color:#fff;box-shadow:0 3px 12px rgba(34,197,94,.3)}.btn-success:hover{transform:translateY(-1px);box-shadow:0 6px 20px rgba(34,197,94,.45)}.btn-sm{padding:5px 12px;font-size:12px}.card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--sh-sm);padding:20px}.page-body{padding:14px 28px 20px;display:flex;flex-direction:column;gap:10px;flex:1}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.kpi-card{position:relative;overflow:hidden;padding:14px 18px;transition:transform .2s,box-shadow .2s;border-radius:var(--radius)}.kpi-card:hover{transform:translateY(-2px);box-shadow:var(--sh-md)}.kpi-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--teal-1),var(--sky-1));border-radius:var(--radius) var(--radius) 0 0;opacity:0;transition:opacity .2s}.kpi-card:hover::before{opacity:1}.kpi-card::after{content:'';position:absolute;bottom:-30px;right:-30px;width:110px;height:110px;border-radius:50%;background:radial-gradient(circle,var(--teal-dim),transparent 70%);pointer-events:none}.kpi-label{font-size:10.5px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--text-3);margin-bottom:10px;display:flex;align-items:center;gap:6px}.kpi-label svg{color:var(--teal-1)}.kpi-value{font-family:var(--font-head);font-size:26px;font-weight:700;color:var(--text-1);line-height:1;margin-bottom:5px}.kpi-card:first-child .kpi-value{color:var(--teal-1)}.kpi-sub{font-size:12px;color:var(--text-3)}.grid-chart{display:grid;grid-template-columns:1fr 260px;gap:14px}.grid-chart>*{min-width:0}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:14px}.grid-2>*{min-width:0}.section-title{font-family:var(--font-head);font-size:13px;font-weight:700;color:var(--text-1);margin-bottom:14px;letter-spacing:-.2px}.section-title span{color:var(--text-3);font-weight:400;font-family:var(--font)}.data-table{width:100%;border-collapse:collapse;font-size:13px}.data-table thead th{text-align:left;padding:9px 14px;font-size:10px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;color:var(--text-3);border-bottom:1.5px solid var(--border);white-space:nowrap}.data-table thead th.td-right{text-align:right}.data-table tbody tr{border-bottom:1px solid var(--bg-2);transition:background .12s}.data-table tbody tr:last-child{border-bottom:none}.data-table tbody tr:hover{background:rgba(0,201,167,.04)}.data-table td{padding:11px 14px;color:var(--text-2);vertical-align:middle}.td-bold{font-weight:600;color:var(--text-1)}.td-right{text-align:right}.td-mono{font-family:'SF Mono','Fira Code',Consolas,monospace;font-size:12px;color:var(--text-1);font-weight:600}.action-btn{width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-xs);border:1.5px solid var(--border);background:var(--white);color:var(--text-3);cursor:pointer;text-decoration:none;transition:all .14s;box-shadow:var(--sh-sm)}.action-btn:hover{border-color:var(--teal-1);color:var(--teal-1);background:var(--teal-dim);box-shadow:0 2px 8px var(--teal-glow)}.action-btn.danger:hover{border-color:rgba(239,68,68,.3);color:var(--st-kasni);background:rgba(239,68,68,.06);box-shadow:none}.badge{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:20px;font-size:11px;font-weight:600;letter-spacing:.2px}.badge::before{content:'';width:5px;height:5px;border-radius:50%;background:currentColor;flex-shrink:0}.badge-nacrt{background:rgba(122,155,191,.1);color:var(--st-nacrt);border:1px solid rgba(122,155,191,.2)}.badge-poslata{background:rgba(245,158,11,.1);color:#b45309;border:1px solid rgba(245,158,11,.22)}.badge-placena{background:rgba(0,201,167,.1);color:#059669;border:1px solid rgba(0,201,167,.22)}.badge-kasni{background:rgba(239,68,68,.08);color:var(--st-kasni);border:1px solid rgba(239,68,68,.2)}.stats-bar{display:flex;align-items:center;gap:24px;padding:11px 18px;background:var(--white);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:13px;color:var(--text-2);box-shadow:var(--sh-sm);flex-wrap:wrap}.stats-bar strong{color:var(--text-1);font-weight:700}.filter-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.filter-input{background:var(--white);border:1.5px solid var(--border);border-radius:var(--radius-sm);padding:8px 14px;font-family:var(--font);font-size:13px;color:var(--text-1);outline:0;transition:all .15s;box-shadow:var(--sh-sm);min-width:200px}.filter-input:focus{border-color:var(--teal-1);box-shadow:0 0 0 3px var(--teal-dim)}.filter-input::placeholder{color:var(--text-4)}.filter-select{background:var(--white);border:1.5px solid var(--border);border-radius:var(--radius-sm);padding:8px 14px;font-family:var(--font);font-size:13px;color:var(--text-1);outline:0;cursor:pointer;appearance:none;transition:all .15s;box-shadow:var(--sh-sm)}.filter-select:focus{border-color:var(--teal-1);box-shadow:0 0 0 3px var(--teal-dim)}.pagination{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 16px;flex-shrink:0}.pagination-info{font-size:12px;color:var(--text-3);white-space:nowrap}.pagination-info strong{color:var(--text-2);font-weight:700}.pagination-btns{display:flex;align-items:center;gap:4px}.page-btn{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:var(--radius-xs);font-size:12.5px;font-weight:500;text-decoration:none;border:1.5px solid var(--border);color:var(--text-2);background:var(--white);transition:all .14s;box-shadow:var(--sh-sm)}.page-btn:hover{border-color:var(--teal-1);color:var(--teal-1)}.page-btn.active{background:var(--navy-1);border-color:var(--navy-1);color:#fff;font-weight:700;box-shadow:0 2px 8px rgba(15,36,66,.28)}.pagination a,.pagination span{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:var(--radius-xs);font-size:12.5px;font-weight:500;text-decoration:none;border:1.5px solid var(--border);color:var(--text-2);background:var(--white);transition:all .14s;box-shadow:var(--sh-sm)}.pagination a:hover{border-color:var(--teal-1);color:var(--teal-1)}.pagination .current{background:var(--navy-1);border-color:var(--navy-1);color:#fff;font-weight:700;box-shadow:0 2px 8px rgba(15,36,66,.28)}.pagination .dots{border:none;background:0 0;box-shadow:none;color:var(--text-4)}.form-group{display:flex;flex-direction:column;gap:5px}.form-label{font-size:11px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;color:var(--text-3)}.form-control{background:var(--white);border:1.5px solid var(--border);border-radius:var(--radius-sm);padding:9px 14px;font-family:var(--font);font-size:13.5px;color:var(--text-1);outline:0;transition:all .15s;width:100%;box-shadow:var(--sh-sm)}.form-control:focus{border-color:var(--teal-1);box-shadow:0 0 0 3px var(--teal-dim)}.form-control::placeholder{color:var(--text-4)}select.form-control{appearance:none;cursor:pointer}.nf-wrap{display:flex;flex-direction:column;min-height:calc(100vh - var(--topbar-h))}.nf-topbar{padding:11px 24px;background:var(--white);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;box-shadow:var(--sh-sm)}.nf-topbar-title{font-family:var(--font-head);font-size:14px;font-weight:700;color:var(--text-1)}.nf-topbar-num{font-size:12px;color:var(--teal-1);font-weight:600;background:var(--teal-dim);padding:2px 9px;border-radius:20px;border:1px solid rgba(0,201,167,.22)}.nf-card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius);margin:16px 24px;overflow:hidden;box-shadow:var(--sh-md)}.nf-row1{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--border)}.nf-field-group{padding:16px 20px}.nf-field-group+.nf-field-group{border-left:1px solid var(--border)}.nf-field-label{font-size:10px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--text-3);margin-bottom:8px;display:flex;align-items:center;gap:6px}.nf-field-label svg{color:var(--teal-1)}.nf-select-wrap{position:relative}.nf-select-wrap select{width:100%;appearance:none;background:var(--bg);border:1.5px solid var(--border);border-radius:var(--radius-sm);padding:9px 34px 9px 13px;font-family:var(--font);font-size:13.5px;color:var(--text-1);cursor:pointer;outline:0;transition:all .15s;box-shadow:var(--sh-sm)}.nf-select-wrap select:focus{border-color:var(--teal-1);box-shadow:0 0 0 3px var(--teal-dim);background:var(--white)}.nf-select-chevron{position:absolute;right:11px;top:50%;transform:translateY(-50%);pointer-events:none;color:var(--text-3)}.nf-dates-row{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:end}.nf-date-input{background:var(--bg);border:1.5px solid var(--border);border-radius:var(--radius-sm);padding:9px 12px;font-family:var(--font);font-size:13px;color:var(--text-1);outline:0;width:100%;transition:all .15s;box-shadow:var(--sh-sm)}.nf-date-input:focus{border-color:var(--teal-1);box-shadow:0 0 0 3px var(--teal-dim);background:var(--white)}.nf-date-sep{font-size:11px;color:var(--text-3);white-space:nowrap;padding-bottom:10px;display:flex;align-items:center;gap:6px}.nf-add-wrap{padding:9px 14px;border-bottom:1px solid var(--border);display:flex;justify-content:flex-end;background:var(--bg)}.nf-table{width:100%;border-collapse:collapse;table-layout:fixed}.nf-table colgroup col:first-child{width:35%}.nf-table colgroup col:nth-child(2){width:12%}.nf-table colgroup col:nth-child(3){width:17%}.nf-table colgroup col:nth-child(4){width:11%}.nf-table colgroup col:nth-child(5){width:14%}.nf-table colgroup col:nth-child(6){width:11%}.nf-table thead th{padding:9px 11px;font-size:9.5px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;color:var(--text-3);border-bottom:1.5px solid var(--border);background:var(--bg);white-space:nowrap;overflow:hidden}.nf-table tbody tr{border-bottom:1px solid var(--bg-2);transition:background .12s}.nf-table tbody tr:hover{background:rgba(0,201,167,.03)}.nf-table tbody tr:last-child{border-bottom:none}.nf-table td{padding:9px 9px;vertical-align:middle;overflow:hidden}.nf-artikal-wrap{position:relative;display:flex;align-items:center}.nf-artikal-icon{position:absolute;left:8px;color:var(--text-4);pointer-events:none}.nf-artikal-select{width:100%;appearance:none;background:var(--bg);border:1.5px solid var(--border);border-radius:var(--radius-sm);padding:7px 24px 7px 27px;font-family:var(--font);font-size:13px;color:var(--text-1);cursor:pointer;outline:0;transition:all .15s}.nf-artikal-select:focus{border-color:var(--teal-1);box-shadow:0 0 0 3px var(--teal-dim);background:var(--white)}.nf-artikal-chevron{position:absolute;right:6px;top:50%;transform:translateY(-50%);pointer-events:none;color:var(--text-3)}.nf-qty-wrap{position:relative;width:100%}.nf-qty{width:100%;background:var(--bg);border:1.5px solid var(--border);border-radius:var(--radius-sm);padding:7px 20px 7px 8px;font-family:var(--font);font-size:13px;font-weight:600;color:var(--text-1);outline:0;text-align:center;-moz-appearance:textfield;transition:all .15s}.nf-qty::-webkit-inner-spin-button,.nf-qty::-webkit-outer-spin-button{opacity:0}.nf-qty:focus{border-color:var(--teal-1);box-shadow:0 0 0 3px var(--teal-dim);background:var(--white)}.nf-qty-arrows{position:absolute;right:4px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:1px}.nf-qty-btn{border:none;background:0 0;cursor:pointer;color:var(--text-4);padding:1px 2px;line-height:1;transition:color .12s}.nf-qty-btn:hover{color:var(--teal-1)}.nf-cena{width:100%;background:var(--bg);border:1.5px solid var(--border);border-radius:var(--radius-sm);padding:7px 10px;font-family:var(--font);font-size:13px;font-weight:600;color:var(--text-1);outline:0;text-align:right;-moz-appearance:textfield;transition:all .15s}.nf-cena:focus{border-color:var(--teal-1);box-shadow:0 0 0 3px var(--teal-dim);background:var(--white)}.nf-cena::-webkit-inner-spin-button,.nf-cena::-webkit-outer-spin-button{opacity:0}.nf-pdv-wrap{position:relative;width:100%}.nf-pdv-select{width:100%;appearance:none;background:var(--bg);border:1.5px solid var(--border);border-radius:var(--radius-sm);padding:7px 20px 7px 8px;font-family:var(--font);font-size:13px;font-weight:600;color:var(--text-1);cursor:pointer;outline:0;transition:all .15s}.nf-pdv-select:focus{border-color:var(--teal-1);box-shadow:0 0 0 3px var(--teal-dim);background:var(--white)}.nf-pdv-chevron{position:absolute;right:6px;top:50%;transform:translateY(-50%);pointer-events:none;color:var(--text-3)}.nf-ukupno-cell{font-size:13.5px;font-weight:700;color:var(--teal-1);text-align:right;white-space:nowrap}.nf-row-actions{display:flex;gap:4px;justify-content:center}.nf-icon-btn{width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-xs);border:1.5px solid var(--border);background:var(--white);color:var(--text-3);cursor:pointer;transition:all .14s;box-shadow:var(--sh-sm)}.nf-icon-btn:hover{border-color:var(--teal-1);color:var(--teal-1);background:var(--teal-dim)}.nf-icon-btn.del:hover{border-color:rgba(239,68,68,.3);color:var(--st-kasni);background:rgba(239,68,68,.06)}.nf-bottom{display:grid;grid-template-columns:1fr 285px;border-top:1.5px solid var(--border)}.nf-meta{padding:16px 20px;border-right:1px solid var(--border);display:flex;flex-direction:column;gap:12px}.nf-meta-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.nf-totali{padding:16px 20px;background:var(--bg)}.nf-total-row{display:flex;justify-content:space-between;align-items:center;padding:5px 0;font-size:13px;color:var(--text-2);border-bottom:1px solid var(--border)}.nf-total-row:last-child{border-bottom:none}.nf-total-row strong{color:var(--text-1);font-weight:600}.nf-total-final{display:flex;justify-content:space-between;align-items:center;margin-top:10px;padding-top:10px;border-top:2px solid var(--border)}.nf-total-final-label{font-family:var(--font-head);font-size:13px;font-weight:700;color:var(--text-1)}.nf-total-final-val{font-family:var(--font-head);font-size:22px;font-weight:800;color:var(--teal-1)}.nf-napomena{width:100%;background:var(--white);border:1.5px solid var(--border);border-radius:var(--radius-sm);padding:9px 13px;font-family:var(--font);font-size:13px;color:var(--text-1);outline:0;resize:vertical;min-height:65px;transition:all .15s}.nf-napomena:focus{border-color:var(--teal-1);box-shadow:0 0 0 3px var(--teal-dim)}.nf-napomena::placeholder{color:var(--text-4)}.nf-bottom-actions{padding:12px 20px;border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:10px;background:var(--bg)}.modal-overlay{position:fixed;inset:0;background:rgba(15,36,66,.42);backdrop-filter:blur(4px);z-index:100;display:flex;align-items:center;justify-content:center;padding:20px}.modal{background:var(--white);border:1px solid var(--border);border-radius:var(--radius);width:100%;max-width:560px;max-height:90vh;overflow-y:auto;box-shadow:var(--sh-lg)}.modal-header{padding:18px 22px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.modal-title{font-family:var(--font-head);font-size:15px;font-weight:700;color:var(--text-1)}.modal-close{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-xs);border:1.5px solid var(--border);background:var(--bg);color:var(--text-3);cursor:pointer;font-size:16px;transition:all .14s;line-height:1}.modal-close:hover{color:var(--text-1);border-color:var(--border-2);background:var(--bg-2)}.modal-body{padding:20px 22px;display:flex;flex-direction:column;gap:14px}.modal-footer{padding:14px 22px;border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:10px;background:var(--bg)}.modal-tabs{display:flex;border-bottom:1px solid var(--border);padding:0 22px;background:var(--bg)}.modal-tab{padding:10px 16px;font-size:13px;font-weight:500;color:var(--text-3);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;transition:all .14s}.modal-tab.active{color:var(--navy-1);border-bottom-color:var(--teal-1);font-weight:600}.modal-tab:hover:not(.active){color:var(--text-2)}.detalj-layout{display:grid;grid-template-columns:1fr 300px;gap:16px}.back-link{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;color:var(--text-3);text-decoration:none;transition:color .14s;margin-bottom:4px;font-weight:500}.back-link:hover{color:var(--teal-1)}.preview-card{position:sticky;top:18px;height:fit-content}.invoice-preview{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);padding:20px;min-height:300px;overflow:auto}.komentar{padding:12px;background:var(--bg);border-radius:var(--radius-sm);border:1px solid var(--border);margin-bottom:8px}.komentar-meta{font-size:11px;color:var(--text-3);margin-bottom:5px}.komentar-body{font-size:13px;color:var(--text-2);line-height:1.5}.komentar-input{width:100%;background:var(--white);border:1.5px solid var(--border);border-radius:var(--radius-sm);padding:9px 13px;font-family:var(--font);font-size:13px;color:var(--text-1);outline:0;resize:vertical;min-height:65px;transition:all .15s}.komentar-input:focus{border-color:var(--teal-1);box-shadow:0 0 0 3px var(--teal-dim)}.komentar-input::placeholder{color:var(--text-4)}.status-switcher{display:flex;gap:6px;flex-wrap:wrap}.status-btn{padding:6px 14px;border-radius:20px;border:1.5px solid var(--border);background:var(--white);color:var(--text-2);font-size:12px;font-weight:500;cursor:pointer;transition:all .14s;box-shadow:var(--sh-sm)}.status-btn:hover{border-color:var(--border-2);color:var(--text-1)}.status-btn.active-nacrt{background:rgba(122,155,191,.1);color:var(--st-nacrt);border-color:rgba(122,155,191,.28)}.status-btn.active-poslata{background:rgba(245,158,11,.08);color:#b45309;border-color:rgba(245,158,11,.25)}.status-btn.active-placena{background:rgba(0,201,167,.08);color:#059669;border-color:rgba(0,201,167,.25)}.status-btn.active-kasni{background:rgba(239,68,68,.08);color:var(--st-kasni);border-color:rgba(239,68,68,.25)}.zaliha-ok{color:#059669;font-weight:600}.zaliha-low{color:var(--st-kasni);font-weight:600;display:flex;align-items:center;gap:4px}.zaliha-low::before{content:'⚠';font-size:11px}.alert{padding:10px 16px;border-radius:var(--radius-sm);font-size:13px;display:flex;align-items:center;gap:8px;font-weight:500}.alert-success{background:rgba(0,201,167,.08);border:1px solid rgba(0,201,167,.2);color:#059669}.alert-error{background:rgba(239,68,68,.08);border:1px solid rgba(239,68,68,.2);color:var(--st-kasni)}.alert-info{background:var(--teal-dim);border:1px solid rgba(0,201,167,.2);color:var(--teal-2)}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg);position:relative;overflow:hidden}.login-page::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 55% 60% at 15% 50%,rgba(15,36,66,.06),transparent 60%),radial-gradient(ellipse 50% 50% at 85% 50%,rgba(0,201,167,.07),transparent 60%)}.login-page::after{content:'';position:absolute;left:0;top:0;bottom:0;width:45%;background:var(--navy-1);clip-path:polygon(0 0,88% 0,100% 100%,0 100%);z-index:0}.login-card{width:100%;max-width:420px;background:var(--white);border:1px solid var(--border);border-radius:var(--radius);padding:40px;position:relative;z-index:1;box-shadow:var(--sh-lg)}.login-logo{display:flex;flex-direction:column;align-items:center;gap:10px;margin-bottom:32px}.login-logo-icon{width:52px;height:52px;background:linear-gradient(135deg,var(--teal-1),var(--sky-1));border-radius:14px;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 20px var(--teal-glow)}.login-logo-text{font-family:var(--font-head);font-size:26px;font-weight:800;color:var(--text-1);letter-spacing:-.5px}.login-logo-text span{color:var(--teal-1)}.login-subtitle{font-size:13px;color:var(--text-3)}.login-form{display:flex;flex-direction:column;gap:14px}.login-label{font-size:11px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;color:var(--text-3);margin-bottom:5px;display:block}.login-input{width:100%;background:var(--bg);border:1.5px solid var(--border);border-radius:var(--radius-sm);padding:11px 14px;font-family:var(--font);font-size:14px;color:var(--text-1);outline:0;transition:all .15s}.login-input:focus{border-color:var(--teal-1);box-shadow:0 0 0 3px var(--teal-dim);background:var(--white)}.login-input::placeholder{color:var(--text-4)}.login-btn{width:100%;padding:12px;background:linear-gradient(135deg,var(--teal-1),var(--sky-1));color:#fff;border:none;border-radius:var(--radius-sm);font-family:var(--font);font-size:14px;font-weight:700;cursor:pointer;transition:all .18s;box-shadow:0 4px 14px var(--teal-glow);margin-top:4px}.login-btn:hover{transform:translateY(-1px);box-shadow:0 6px 22px rgba(0,201,167,.38)}.login-error{background:rgba(239,68,68,.08);border:1px solid rgba(239,68,68,.2);color:var(--st-kasni);border-radius:var(--radius-sm);padding:10px 14px;font-size:13px}.login-forgot{text-align:center;font-size:12px;color:var(--text-3);margin-top:16px}.login-forgot a{color:var(--teal-1);text-decoration:none}.login-forgot a:hover{text-decoration:underline}@media(max-width:900px){:root{--sidebar-w:56px}.sidebar nav a span,.sidebar-logo-text,.sidebar-section-label,.sidebar-user-info{display:none}.sidebar nav a{justify-content:center;padding:10px}.sidebar-footer{justify-content:center}.kpi-grid{grid-template-columns:1fr 1fr}.detalj-layout,.grid-2,.grid-chart,.nf-bottom{grid-template-columns:1fr}.nf-row1{grid-template-columns:1fr}.nf-field-group+.nf-field-group{border-left:none;border-top:1px solid var(--border)}.login-page::after{display:none}}@media(max-width:600px){.kpi-grid{grid-template-columns:1fr}.page-body{padding:14px 16px 24px}.topbar{padding:0 16px}}@keyframes rowFadeIn{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}.data-table tbody tr{animation:rowFadeIn .28s ease-out both}.data-table tbody tr:first-child{animation-delay:20ms}.data-table tbody tr:nth-child(2){animation-delay:60ms}.data-table tbody tr:nth-child(3){animation-delay:.1s}.data-table tbody tr:nth-child(4){animation-delay:140ms}.data-table tbody tr:nth-child(5){animation-delay:180ms}.data-table tbody tr:nth-child(6){animation-delay:215ms}.data-table tbody tr:nth-child(7){animation-delay:248ms}.data-table tbody tr:nth-child(8){animation-delay:278ms}.data-table tbody tr:nth-child(9){animation-delay:305ms}.data-table tbody tr:nth-child(10){animation-delay:330ms}.data-table tbody tr:nth-child(11){animation-delay:350ms}.data-table tbody tr:nth-child(12){animation-delay:368ms}.data-table tbody tr:nth-child(n+13){animation-delay:380ms}@keyframes cardRise{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.kpi-card{animation:cardRise .35s ease-out both}.kpi-card:first-child{animation-delay:60ms}.kpi-card:nth-child(2){animation-delay:120ms}.kpi-card:nth-child(3){animation-delay:180ms}.kpi-card:nth-child(n+4){animation-delay:240ms}@media (prefers-reduced-motion:reduce){.data-table tbody tr,.kpi-card{animation:none}}html[data-theme=dark]{--white:#1a2744;--bg:#0f1829;--bg-2:#152035;--border:rgba(255,255,255,0.08);--border-2:rgba(255,255,255,0.15);--text-1:#e2e8f0;--text-2:#94a3b8;--text-3:#5a7a9a;--text-4:#2d4a6a;--sh-sm:0 1px 3px rgba(0,0,0,0.4),0 1px 2px rgba(0,0,0,0.3);--sh-md:0 4px 14px rgba(0,0,0,0.5),0 2px 4px rgba(0,0,0,0.35);--sh-lg:0 10px 40px rgba(0,0,0,0.6),0 4px 8px rgba(0,0,0,0.4);color-scheme:dark}html[data-theme=dark] .topbar,html[data-theme=dark] .topbar-sub{background:rgba(15,24,41,.85);border-bottom-color:rgba(255,255,255,.06);box-shadow:0 1px 0 rgba(255,255,255,.04),0 2px 20px rgba(0,0,0,.35)}html[data-theme=dark] .topbar-sub::after,html[data-theme=dark] .topbar::after{opacity:.25}html[data-theme=dark] .topbar h1{background:linear-gradient(135deg,#e2e8f0 30%,var(--teal-1) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}html[data-theme=dark] .data-table tbody tr:hover{background:rgba(0,201,167,.07)}html[data-theme=dark] .modal-overlay{background:rgba(0,0,0,.68)}html[data-theme=dark] .bg-blobs span:first-child{opacity:.18}html[data-theme=dark] .bg-blobs span:nth-child(2){opacity:.12}html[data-theme=dark] .bg-blobs span:nth-child(3){opacity:.08}html[data-theme=dark] .login-page::after{background:rgba(15,36,66,.95)}html[data-theme=dark] input,html[data-theme=dark] select,html[data-theme=dark] textarea{color-scheme:dark}.dark-toggle{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-xs);border:1px solid rgba(255,255,255,.1);color:rgba(255,255,255,.35);cursor:pointer;transition:all .15s;flex-shrink:0;background:0 0;padding:0}.dark-toggle:hover{background:rgba(255,255,255,.07);color:rgba(255,255,255,.75);border-color:rgba(255,255,255,.22)}.dark-toggle .icon-sun{display:none}.dark-toggle .icon-moon{display:block}html[data-theme=dark] .dark-toggle .icon-sun{display:block}html[data-theme=dark] .dark-toggle .icon-moon{display:none}.iz-kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:14px}@media (max-width:900px){.iz-kpi-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:540px){.iz-kpi-grid{grid-template-columns:1fr}}@keyframes skeletonShimmer{0%{background-position:-400px 0}100%{background-position:400px 0}}.skeleton{background:linear-gradient(90deg,var(--bg-2) 25%,var(--border) 50%,var(--bg-2) 75%);background-size:800px 100%;animation:skeletonShimmer 1.5s ease-in-out infinite;border-radius:var(--radius-sm)}html[data-theme=dark] .skeleton{background:linear-gradient(90deg,rgba(255,255,255,.04) 25%,rgba(255,255,255,.09) 50%,rgba(255,255,255,.04) 75%);background-size:800px 100%}.chart-wrap{position:relative;min-width:0;overflow:hidden}.chart-wrap canvas{max-width:100%}.chart-skeleton{position:absolute;inset:0;border-radius:var(--radius-sm);z-index:1;transition:opacity .3s ease}.chart-skeleton.hidden{opacity:0;pointer-events:none}.chart-skeleton-donut{width:160px;height:160px;border-radius:50%;margin:18px auto 0}@keyframes navBarRun{0%{width:0%;opacity:1}60%{width:80%;opacity:1}100%{width:100%;opacity:0}}body.page-navigating::before{content:'';position:fixed;top:0;left:0;height:3px;width:0;background:linear-gradient(90deg,var(--teal-1),var(--sky-1));z-index:99999;animation:navBarRun .7s ease forwards}@keyframes toastIn{from{opacity:0;transform:translateY(14px) scale(.96)}to{opacity:1;transform:none}}@keyframes toastOut{from{opacity:1;transform:none}to{opacity:0;transform:translateY(8px) scale(.96)}}@keyframes toastPrg{from{transform:scaleX(1)}to{transform:scaleX(0)}}#toast-container{position:fixed;bottom:24px;right:24px;display:flex;flex-direction:column;gap:10px;z-index:9999;pointer-events:none}.toast{display:flex;align-items:center;gap:10px;min-width:260px;max-width:380px;padding:12px 14px 12px 14px;border-radius:10px;font-size:13.5px;font-weight:500;line-height:1.4;box-shadow:0 8px 28px rgba(0,0,0,.14),0 2px 6px rgba(0,0,0,.08);pointer-events:all;position:relative;overflow:hidden;animation:toastIn .28s cubic-bezier(.22,.68,0,1.2) both;border:1px solid transparent}.toast::after{content:'';position:absolute;left:0;bottom:0;width:100%;height:3px;transform-origin:left center;animation:toastPrg var(--td,4s) linear forwards;border-radius:0 0 10px 10px}.toast-hiding{animation:toastOut .22s ease forwards}.toast-success{background:#ecfdf5;color:#065f46;border-color:#a7f3d0}.toast-success svg{color:#059669;flex-shrink:0}.toast-success::after{background:#059669}.toast-error{background:#fef2f2;color:#991b1b;border-color:#fca5a5}.toast-error svg{color:#dc2626;flex-shrink:0}.toast-error::after{background:#dc2626}.toast-warning{background:#fffbeb;color:#92400e;border-color:#fcd34d}.toast-warning svg{color:#d97706;flex-shrink:0}.toast-warning::after{background:#d97706}.toast-info{background:#eff6ff;color:#1e3a5f;border-color:#bfdbfe}.toast-info svg{color:#3b82f6;flex-shrink:0}.toast-info::after{background:#3b82f6}.toast-msg{flex:1}.toast-close{background:0 0;border:none;cursor:pointer;opacity:.45;padding:2px;color:inherit;display:flex;align-items:center;flex-shrink:0;transition:opacity .15s}.toast-close:hover{opacity:.85}html[data-theme=dark] .toast-success{background:#052e16;color:#86efac;border-color:#166534}html[data-theme=dark] .toast-success svg{color:#4ade80}html[data-theme=dark] .toast-error{background:#2d0a0a;color:#fca5a5;border-color:#7f1d1d}html[data-theme=dark] .toast-error svg{color:#f87171}html[data-theme=dark] .toast-warning{background:#2d1b00;color:#fcd34d;border-color:#78350f}html[data-theme=dark] .toast-warning svg{color:#fbbf24}html[data-theme=dark] .toast-info{background:#0c1f3d;color:#93c5fd;border-color:#1e3a5f}html[data-theme=dark] .toast-info svg{color:#60a5fa}.print-footer{display:none}.print-only{display:none}@media print{@page{size:A4 portrait;margin:8mm 4mm}*,::after,::before{animation:none!important;transition:none!important;box-shadow:none!important}body,html{overflow:visible!important;height:auto!important;background:#fff!important;color:#0f2442!important;font-size:11pt}#toast-container,.bg-blobs,.no-print,.sidebar,.topbar,.topbar-sub{display:none!important}.app-layout{display:block!important;height:auto!important;overflow:visible!important}.main-content{display:block!important;margin:0!important;padding:0!important;overflow:visible!important;height:auto!important;min-height:0!important;width:100%!important;max-height:none!important}.page-body{padding:0!important;overflow:visible!important;height:auto!important}.detalj-layout{display:block!important;overflow:visible!important;height:auto!important;max-height:none!important}.faktura-doc{background:#fff!important;border:none!important;padding:0!important;margin:0!important}.card{background:#fff!important;border:none!important}.napomena-box{break-inside:avoid}:root{--blue-1:#0f2442;--gray-1:#3d5a80;--gray-2:#7a9bbf;--gray-3:#b0c8de;--border:#dde7f2}.data-table{width:100%!important;font-size:9pt}.data-table td,.data-table thead th{padding:6px 5px!important}.data-table col:first-child{width:4%!important}.data-table col:nth-child(2){width:19%!important}.data-table col:nth-child(3){width:23%!important}.data-table col:nth-child(4){width:5%!important}.data-table col:nth-child(5){width:5%!important}.data-table col:nth-child(6){width:14%!important}.data-table col:nth-child(7){width:9%!important}.data-table col:nth-child(8){width:8%!important}.data-table col:nth-child(9){width:13%!important}.col-sifra{overflow:visible!important;text-overflow:clip!important;white-space:nowrap!important}.data-table thead th{background:#f1f5f9!important;color:#0f2442!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.data-table tbody tr{break-inside:avoid}.data-table tbody tr:nth-child(2n){background:#f8fafc!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.badge{-webkit-print-color-adjust:exact;print-color-adjust:exact}.badge-placena{background:rgba(0,201,167,.12)!important;color:#047857!important}.badge-poslata{background:rgba(245,158,11,.12)!important;color:#b45309!important}.badge-kasni{background:rgba(239,68,68,.12)!important;color:#b91c1c!important}.badge-nacrt{background:rgba(100,116,139,.12)!important;color:#475569!important}[style*="border-top:2px solid"]{border-top:2px solid #dde7f2!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.print-footer{display:flex!important}.print-only{display:block!important}.napomena-box{background:#f8fafc!important;border:1px solid #dde7f2!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}}