:root{--primary:#3b82f6;--primary-dark:#1e40af;--primary-light:#eff6ff;--secondary:#10b981;--success:#16a34a;--warning:#f59e0b;--danger:#ef4444;--error:#dc2626;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--white:#ffffff;--shadow-sm:0 1px 2px 0 rgba(0, 0, 0, 0.05);--shadow-md:0 4px 6px -1px rgba(0, 0, 0, 0.1);--shadow-lg:0 10px 15px -3px rgba(0, 0, 0, 0.1);--shadow-xl:0 20px 25px -5px rgba(0, 0, 0, 0.1);--shadow-premium:0 20px 40px -10px rgba(59, 130, 246, 0.15);--sp-xs:4px;--sp-sm:8px;--sp-md:12px;--sp-lg:16px;--sp-xl:24px;--sp-2xl:32px;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:18px;--radius-2xl:24px}*{box-sizing:border-box}body,html{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:linear-gradient(135deg,#f5f7fa 0,#c3cfe2 100%);min-height:100vh;color:var(--gray-700)}.nf-v2-container{max-width:1400px;margin:0 auto;padding:var(--sp-2xl) var(--sp-xl);animation:fadeIn .4s ease-out}@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.nf-v2-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--sp-2xl)}.nf-v2-header h1{font-size:32px;font-weight:800;color:var(--primary-dark);margin:0;letter-spacing:-.5px}.nf-v2-header-actions{display:flex;gap:var(--sp-lg)}.nf-v2-card{background:rgba(255,255,255,.95);backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px);border:1px solid rgba(255,255,255,.98);border-radius:var(--radius-2xl);box-shadow:var(--shadow-premium);padding:var(--sp-2xl);animation:slideUp .5s ease-out}@keyframes slideUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.nf-v2-section{margin-bottom:var(--sp-2xl)}.nf-v2-section-title{font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--gray-500);margin-bottom:var(--sp-lg);padding-bottom:var(--sp-lg);border-bottom:2px solid var(--gray-100);display:flex;align-items:center;gap:var(--sp-md)}.nf-v2-section-icon{font-size:18px;color:var(--primary)}.nf-v2-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--sp-xl);margin-bottom:var(--sp-xl)}.nf-v2-grid-2{grid-template-columns:repeat(2,1fr)}.nf-v2-grid-3{grid-template-columns:repeat(3,1fr)}.nf-v2-grid-4{grid-template-columns:repeat(4,1fr)}.nf-v2-field{display:flex;flex-direction:column}.nf-v2-label{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--gray-600);margin-bottom:var(--sp-md);display:flex;align-items:center;gap:var(--sp-sm)}.nf-v2-label-required{color:var(--danger);font-weight:800}.nf-v2-input,.nf-v2-select,.nf-v2-textarea{width:100%;padding:var(--sp-md) var(--sp-lg);border:1.5px solid var(--gray-200);border-radius:var(--radius-md);font-size:14px;font-weight:500;color:var(--gray-700);background:var(--white);transition:all .2s ease;font-family:inherit}.nf-v2-input:focus,.nf-v2-select:focus,.nf-v2-textarea:focus{outline:0;border-color:var(--primary);box-shadow:0 0 0 3px rgba(59,130,246,.1);background:rgba(59,130,246,.02)}.nf-v2-input:hover:not(:focus),.nf-v2-select:hover:not(:focus),.nf-v2-textarea:hover:not(:focus){border-color:var(--primary-light);background:rgba(59,130,246,.01)}.nf-v2-select{appearance:none;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"><path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd"/></svg>');background-repeat:no-repeat;background-position:right var(--sp-lg) center;background-size:20px;padding-right:var(--sp-2xl);background-color:var(--white);cursor:pointer}.nf-v2-textarea{resize:vertical;min-height:80px;font-family:inherit}.nf-v2-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-md);padding:var(--sp-md) var(--sp-xl);border:none;border-radius:var(--radius-md);font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;transition:all .2s ease;white-space:nowrap;font-family:inherit}.nf-v2-btn:active{transform:scale(.98)}.nf-v2-btn-primary{background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);color:var(--white);box-shadow:0 4px 15px rgba(59,130,246,.3)}.nf-v2-btn-primary:hover{box-shadow:0 6px 20px rgba(59,130,246,.4);transform:translateY(-2px)}.nf-v2-btn-secondary{background:var(--gray-100);color:var(--gray-700);border:1.5px solid var(--gray-200)}.nf-v2-btn-secondary:hover{background:var(--gray-200);border-color:var(--gray-300)}.nf-v2-btn-success{background:linear-gradient(135deg,var(--secondary) 0,var(--success) 100%);color:var(--white);box-shadow:0 4px 15px rgba(16,185,129,.3)}.nf-v2-btn-success:hover{box-shadow:0 6px 20px rgba(16,185,129,.4);transform:translateY(-2px)}.nf-v2-btn-danger{background:linear-gradient(135deg,#ef4444 0,#dc2626 100%);color:var(--white);box-shadow:0 4px 15px rgba(239,68,68,.3)}.nf-v2-btn-danger:hover{box-shadow:0 6px 20px rgba(239,68,68,.4);transform:translateY(-2px)}.nf-v2-btn-small{padding:var(--sp-sm) var(--sp-md);font-size:12px}.nf-v2-btn-icon{width:40px;height:40px;padding:0}.nf-v2-stavke-container{margin-top:var(--sp-2xl)}.nf-v2-stavke-header{display:grid;grid-template-columns:50px 200px 100px 100px 100px 100px 100px 50px;gap:var(--sp-lg);padding:var(--sp-lg) var(--sp-xl);background:var(--gray-50);border-radius:var(--radius-md);margin-bottom:var(--sp-md);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--gray-600)}.nf-v2-stavka{display:grid;grid-template-columns:50px 200px 100px 100px 100px 100px 100px 50px;gap:var(--sp-lg);padding:var(--sp-lg) var(--sp-xl);border:1px solid var(--gray-200);border-radius:var(--radius-md);margin-bottom:var(--sp-md);align-items:center;background:var(--white);transition:all .2s ease;animation:slideIn .3s ease-out}@keyframes slideIn{from{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.nf-v2-stavka:hover{box-shadow:var(--shadow-md);border-color:var(--primary-light)}.nf-v2-stavka-col{display:flex;align-items:center}.nf-v2-stavka-col input{width:100%;padding:var(--sp-md);border:1px solid var(--gray-200);border-radius:var(--radius-sm);font-size:13px;text-align:center}.nf-v2-stavka-col input:focus{outline:0;border-color:var(--primary);box-shadow:0 0 0 2px rgba(59,130,246,.1)}.nf-v2-stavka-delete{justify-content:center}.nf-v2-totals{display:flex;flex-direction:column;gap:var(--sp-md);padding:var(--sp-xl);background:var(--gray-50);border-radius:var(--radius-lg);margin:var(--sp-2xl) 0;border:1px solid var(--gray-200)}.nf-v2-total-row{display:flex;justify-content:space-between;align-items:center;padding:var(--sp-md) 0;border-bottom:1px solid var(--gray-200);font-size:14px}.nf-v2-total-row:last-child{border-bottom:none}.nf-v2-total-row-label{font-weight:600;color:var(--gray-700)}.nf-v2-total-row-value{font-weight:700;color:var(--primary);font-size:16px}.nf-v2-total-row-final{background:linear-gradient(135deg,rgba(59,130,246,.05) 0,rgba(59,130,246,.02) 100%);padding:var(--sp-lg) var(--sp-xl);border-radius:var(--radius-md);border:1.5px solid var(--primary-light);margin-top:var(--sp-lg)}.nf-v2-total-row-final .nf-v2-total-row-label{font-size:16px;color:var(--primary-dark)}.nf-v2-total-row-final .nf-v2-total-row-value{font-size:24px;color:var(--primary-dark)}.nf-v2-actions{display:flex;gap:var(--sp-lg);justify-content:flex-end;margin-top:var(--sp-2xl);padding-top:var(--sp-2xl);border-top:2px solid var(--gray-100)}.nf-v2-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.4);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-out;opacity:0;pointer-events:none;transition:opacity .2s ease}.nf-v2-modal-overlay.active{opacity:1;pointer-events:all}.nf-v2-modal{background:var(--white);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);padding:var(--sp-2xl);max-width:500px;width:90%;animation:slideUp .3s ease-out;max-height:80vh;overflow-y:auto}.nf-v2-modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--sp-xl);padding-bottom:var(--sp-lg);border-bottom:2px solid var(--gray-100)}.nf-v2-modal-title{font-size:22px;font-weight:800;color:var(--primary-dark);margin:0}.nf-v2-modal-close{background:0 0;border:none;font-size:24px;color:var(--gray-400);cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:all .2s ease}.nf-v2-modal-close:hover{background:var(--gray-100);color:var(--gray-700)}.nf-v2-modal-body{margin-bottom:var(--sp-xl)}.nf-v2-modal-footer{display:flex;gap:var(--sp-lg);justify-content:flex-end;padding-top:var(--sp-xl);border-top:1px solid var(--gray-100)}.nf-v2-alert{padding:var(--sp-lg) var(--sp-xl);border-radius:var(--radius-md);border-left:4px solid;margin-bottom:var(--sp-lg);animation:slideDown .3s ease-out}@keyframes slideDown{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.nf-v2-alert-success{background:rgba(16,185,129,.1);border-color:var(--success);color:var(--success)}.nf-v2-alert-error{background:rgba(239,68,68,.1);border-color:var(--error);color:var(--error)}.nf-v2-alert-info{background:rgba(59,130,246,.1);border-color:var(--primary);color:var(--primary)}@media (max-width:1200px){.nf-v2-grid-4{grid-template-columns:repeat(2,1fr)}.nf-v2-stavka,.nf-v2-stavke-header{grid-template-columns:40px 150px 80px 80px 80px 80px 80px 40px}}@media (max-width:768px){.nf-v2-container{padding:var(--sp-lg) var(--sp-md)}.nf-v2-header{flex-direction:column;align-items:flex-start;gap:var(--sp-lg)}.nf-v2-grid{grid-template-columns:1fr}.nf-v2-grid-2,.nf-v2-grid-3,.nf-v2-grid-4{grid-template-columns:1fr}.nf-v2-stavka,.nf-v2-stavke-header{grid-template-columns:1fr;gap:var(--sp-md)}.nf-v2-actions{flex-direction:column}.nf-v2-btn{width:100%}}.oprema-popup{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);display:none;justify-content:center;align-items:center;z-index:1000}.oprema-popup-content{background:#fff;border-radius:12px;width:85%;max-width:500px;max-height:85vh;overflow-y:auto;box-shadow:0 10px 30px rgba(0,0,0,.3)}.oprema-popup-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #e5e7eb}.oprema-popup-header h3{margin:0;font-size:16px;font-weight:600;color:#1f2937}.oprema-popup-close{background:0 0;border:none;font-size:20px;cursor:pointer;color:#6b7280;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.oprema-popup-close:hover{color:#374151}.oprema-popup-body{padding:16px 20px}.oprema-row{display:flex;gap:12px;margin-bottom:16px}.oprema-form-group{flex:1;min-width:0}.oprema-form-group label{display:block;margin-bottom:4px;font-size:11px;font-weight:500;color:#374151}.oprema-select{width:100%;padding:6px 8px;border:1px solid #d1d5db;border-radius:4px;font-size:12px;background:#fff}.oprema-matrix{margin-top:8px}.oprema-matrix-table{width:100%;border-collapse:collapse;font-size:11px}.oprema-matrix-table td,.oprema-matrix-table th{border:1px solid #e5e7eb;padding:4px 6px;text-align:center}.oprema-matrix-table th{background:#f9fafb;font-weight:600;color:#374151}.oprema-kolicina-select{width:50px;padding:2px 4px;border:1px solid #d1d5db;border-radius:3px;font-size:11px;text-align:center}.oprema-popup-footer{display:flex;justify-content:flex-end;gap:8px;padding:16px 20px;border-top:1px solid #e5e7eb}@media (max-width:600px){.oprema-popup-content{width:95%;max-width:none;max-height:90vh}.oprema-row{flex-direction:column;gap:8px}.oprema-popup-body,.oprema-popup-footer,.oprema-popup-header{padding:12px 16px}}html[data-theme=dark]{--primary-light:rgba(59, 130, 246, 0.12);--gray-50:#152035;--gray-100:#1a2744;--gray-200:rgba(255, 255, 255, 0.10);--gray-300:rgba(255, 255, 255, 0.15);--gray-400:#5a7a9a;--gray-500:#94a3b8;--gray-600:#94a3b8;--gray-700:#e2e8f0}html[data-theme=dark] body{background:linear-gradient(135deg,#0f1829 0,#152035 100%);color:#e2e8f0}html[data-theme=dark] .nf-v2-card{background:rgba(26,39,68,.95);border-color:rgba(255,255,255,.08)}html[data-theme=dark] .nf-v2-input,html[data-theme=dark] .nf-v2-select,html[data-theme=dark] .nf-v2-textarea{background:#152035;border-color:rgba(255,255,255,.1);color:#e2e8f0}html[data-theme=dark] .nf-v2-input:focus,html[data-theme=dark] .nf-v2-select:focus,html[data-theme=dark] .nf-v2-textarea:focus{background:rgba(59,130,246,.08)}html[data-theme=dark] .nf-v2-stavka-col input{background:#152035;border-color:rgba(255,255,255,.1);color:#e2e8f0}html[data-theme=dark] .nf-v2-btn-secondary{background:#1a2744;color:#94a3b8;border-color:rgba(255,255,255,.12)}html[data-theme=dark] .nf-v2-btn-secondary:hover{background:#1e2e52;border-color:rgba(255,255,255,.2)}html[data-theme=dark] .nf-v2-modal{background:#1a2744;border:1px solid rgba(255,255,255,.08)}html[data-theme=dark] .oprema-popup-content{background:#1a2744;box-shadow:0 10px 30px rgba(0,0,0,.6)}html[data-theme=dark] .oprema-popup-header{border-bottom-color:rgba(255,255,255,.08)}html[data-theme=dark] .oprema-popup-header h3{color:#e2e8f0}html[data-theme=dark] .oprema-popup-close{color:#94a3b8}html[data-theme=dark] .oprema-popup-close:hover{color:#e2e8f0}html[data-theme=dark] .oprema-form-group label{color:#94a3b8}html[data-theme=dark] .oprema-select{background:#152035;border-color:rgba(255,255,255,.1);color:#e2e8f0}html[data-theme=dark] .oprema-matrix-table td,html[data-theme=dark] .oprema-matrix-table th{border-color:rgba(255,255,255,.08)}html[data-theme=dark] .oprema-matrix-table th{background:#152035;color:#94a3b8}html[data-theme=dark] .oprema-kolicina-select{background:#152035;border-color:rgba(255,255,255,.1);color:#e2e8f0}html[data-theme=dark] .oprema-popup-footer{border-top-color:rgba(255,255,255,.08)}