@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--color-primary-50:#eff6ff;--color-primary-100:#dbeafe;--color-primary-200:#bfdbfe;--color-primary-500:#3b82f6;--color-primary-600:#2563eb;--color-primary-700:#1d4ed8;--color-primary-800:#1e40af;--color-gray-50:#f8fafc;--color-gray-100:#f1f5f9;--color-gray-200:#e2e8f0;--color-gray-300:#cbd5e1;--color-gray-400:#94a3b8;--color-gray-500:#64748b;--color-gray-600:#475569;--color-gray-700:#334155;--color-gray-800:#1e293b;--color-gray-900:#0f172a;--color-success:#16a34a;--color-error:#dc2626;--color-warning:#d97706;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--font-family:"Inter", sans-serif;--font-size-xs:12px;--font-size-sm:14px;--font-size-base:16px;--font-size-lg:18px;--font-size-xl:20px;--font-size-2xl:24px;--font-size-3xl:30px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -2px #0000000d}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{font-size:var(--font-size-base);-webkit-text-size-adjust:100%}body{font-family:var(--font-family);font-size:var(--font-size-base);color:var(--color-gray-800);background-color:var(--color-gray-50);-webkit-font-smoothing:antialiased;line-height:1.5}#root{min-height:100vh}a{color:var(--color-primary-600);text-decoration:none}a:hover{color:var(--color-primary-700);text-decoration:underline}button{font-family:var(--font-family);cursor:pointer}input,select,textarea{font-family:var(--font-family);font-size:var(--font-size-base)}.field{gap:var(--space-1);flex-direction:column;display:flex}.field label{font-size:var(--font-size-sm);color:var(--color-gray-700);font-weight:500}.field input,.field select,.field textarea{width:100%;padding:var(--space-2) var(--space-3);border:1px solid var(--color-gray-300);border-radius:var(--radius-sm);color:var(--color-gray-800);background:#fff;height:40px;transition:border-color .15s,box-shadow .15s}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--color-primary-500);box-shadow:0 0 0 3px var(--color-primary-100);outline:none}.field input::placeholder{color:var(--color-gray-400)}.field textarea{resize:vertical;height:auto}.btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-5);font-size:var(--font-size-sm);border-radius:var(--radius-sm);white-space:nowrap;border:none;height:40px;font-weight:600;transition:background-color .15s,opacity .15s;display:inline-flex}.btn-primary{background-color:var(--color-primary-600);color:#fff}.btn-primary:hover{background-color:var(--color-primary-700)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{background-color:var(--color-gray-100);color:var(--color-gray-700);border:1px solid var(--color-gray-200)}.btn-secondary:hover{background-color:var(--color-gray-200)}.btn-danger{color:var(--color-error);background-color:#fef2f2;border:1px solid #fecaca}.btn-danger:hover{background-color:#fee2e2}.btn-full{width:100%}.alert{padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);font-size:var(--font-size-sm)}.alert-error{color:var(--color-error);background-color:#fef2f2;border:1px solid #fecaca}.alert-success{color:var(--color-success);background-color:#f0fdf4;border:1px solid #bbf7d0}.card{border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);background:#fff}.page-header{margin-bottom:var(--space-6);justify-content:space-between;align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.page-title{font-size:var(--font-size-2xl);color:var(--color-gray-900);font-weight:700}.login-page{background:linear-gradient(135deg, var(--color-primary-800) 0%, var(--color-primary-600) 50%, var(--color-primary-500) 100%);min-height:100vh;padding:var(--space-4);justify-content:center;align-items:center;display:flex}.login-card{width:100%;max-width:420px;padding:var(--space-8)}.login-logo{align-items:center;gap:var(--space-2);margin-bottom:var(--space-6);display:flex}.login-logo-icon{background:var(--color-primary-600);color:#fff;border-radius:var(--radius-md);width:40px;height:40px;font-weight:700;font-size:var(--font-size-xl);justify-content:center;align-items:center;display:flex}.login-logo-text{font-size:var(--font-size-xl);color:var(--color-gray-900);letter-spacing:-.5px;font-weight:700}.login-title{font-size:var(--font-size-2xl);color:var(--color-gray-900);margin-bottom:var(--space-1);font-weight:700}.login-subtitle{font-size:var(--font-size-sm);color:var(--color-gray-500);margin-bottom:var(--space-6)}.login-form{gap:var(--space-4);flex-direction:column;display:flex}.alert{margin-bottom:var(--space-2)}@media (width<=480px){.login-card{padding:var(--space-6)}}.dashboard-welcome{padding:var(--space-6);margin-bottom:var(--space-6);border-left:4px solid var(--color-primary-600)}.dashboard-welcome-title{font-size:var(--font-size-xl);color:var(--color-gray-900);margin-bottom:var(--space-1);font-weight:600}.dashboard-welcome-sub{font-size:var(--font-size-sm);color:var(--color-gray-500)}.dashboard-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));display:grid}.dashboard-stat{padding:var(--space-6);gap:var(--space-2);flex-direction:column;display:flex}.dashboard-stat-label{font-size:var(--font-size-sm);color:var(--color-gray-500);font-weight:500}.dashboard-stat-value{font-size:var(--font-size-3xl);color:var(--color-gray-900);font-weight:700}.confirm-overlay{z-index:500;padding:var(--space-4);background:#0006;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.confirm-box{border-radius:var(--radius-lg);padding:var(--space-6);background:#fff;width:100%;max-width:380px;box-shadow:0 20px 60px #0003}.confirm-message{font-size:var(--font-size-base);color:var(--color-gray-700);margin:0 0 var(--space-5) 0;line-height:1.5}.confirm-actions{justify-content:flex-end;gap:var(--space-3);display:flex}.katalog-filters{gap:var(--space-4);padding:var(--space-4);margin-bottom:var(--space-6);grid-template-columns:2fr 1fr 1fr;display:grid}.katalog-loading,.katalog-empty{padding:var(--space-8);text-align:center;color:var(--color-gray-500);font-size:var(--font-size-sm)}.katalog-table-wrap{overflow-x:auto}.katalog-table{border-collapse:collapse;width:100%;font-size:var(--font-size-sm)}.katalog-table th{text-align:left;padding:var(--space-3) var(--space-4);color:var(--color-gray-600);border-bottom:1px solid var(--color-gray-200);white-space:nowrap;background:var(--color-gray-50);font-weight:600}.katalog-table td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-gray-100);color:var(--color-gray-700);vertical-align:middle}.katalog-table tr:last-child td{border-bottom:none}.katalog-table tr:hover td{background:var(--color-gray-50)}.katalog-name{flex-direction:column;gap:2px;display:flex}.katalog-name small{color:var(--color-gray-400);font-size:var(--font-size-xs)}.katalog-actions{gap:var(--space-2);white-space:nowrap;display:flex}.badge{font-size:var(--font-size-xs);white-space:nowrap;border-radius:999px;align-items:center;padding:2px 8px;font-weight:600;display:inline-flex}.badge-material{color:#1d4ed8;background:#eff6ff}.badge-supplier_material{color:#15803d;background:#f0fdf4}.badge-semi_product{color:#a16207;background:#fefce8}.badge-product{color:#7e22ce;background:#fdf4ff}.badge-class-A{color:#15803d;background:#f0fdf4}.badge-class-B{color:#1d4ed8;background:#eff6ff}.badge-class-C{color:#c2410c;background:#fff7ed}.form-grid-1{margin-top:var(--space-4);grid-template-columns:1fr}.attr-row{gap:var(--space-4);margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--color-gray-100);grid-template-columns:2fr 2fr 1fr 1fr auto;align-items:flex-end;display:grid}.attr-remove{align-self:flex-end;height:40px}.comp-row{gap:var(--space-4);margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--color-gray-100);grid-template-columns:2fr 1fr 1fr 2fr auto;align-items:flex-end;display:grid}.comp-remove{align-self:flex-end;height:40px}.price-preview{gap:var(--space-2);flex-direction:column;display:flex}.price-preview-row{padding:var(--space-2) var(--space-3);background:var(--color-gray-50);border-radius:var(--radius-sm);font-size:var(--font-size-sm);justify-content:space-between;align-items:center;display:flex}.price-preview-row span{color:var(--color-gray-600)}.price-preview-row strong{color:var(--color-gray-900);font-size:var(--font-size-base)}.price-preview-row--highlight{background:var(--color-primary-50);border:1px solid var(--color-primary-200)}.price-preview-row--highlight span,.price-preview-row--highlight strong{color:var(--color-primary-700)}@media (width<=768px){.katalog-filters{grid-template-columns:1fr}.katalog-table th:nth-child(n+4):not(:last-child),.katalog-table td:nth-child(n+4):not(:last-child){display:none}.attr-row{grid-template-columns:1fr 1fr}.attr-row .attr-remove{grid-column:1/-1}.comp-row{grid-template-columns:1fr 1fr}.comp-row .comp-remove{grid-column:1/-1}.form-actions{flex-direction:column-reverse}.form-actions .btn{width:100%}}.operacije-filters{gap:var(--space-4);padding:var(--space-4);margin-bottom:var(--space-6);grid-template-columns:1fr 2fr;display:grid}.operacije-loading,.operacije-empty{padding:var(--space-8);text-align:center;color:var(--color-gray-500);font-size:var(--font-size-sm)}.operacije-table-wrap{overflow-x:auto}.operacije-table{border-collapse:collapse;width:100%;font-size:var(--font-size-sm)}.operacije-table th{text-align:left;padding:var(--space-3) var(--space-4);color:var(--color-gray-600);border-bottom:1px solid var(--color-gray-200);background:var(--color-gray-50);white-space:nowrap;font-weight:600}.operacije-table th:nth-child(n+3),.operacije-table td:nth-child(n+3),.operacije-table th:last-child,.operacije-table td:last-child{text-align:right}.operacije-table td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-gray-100);color:var(--color-gray-700);vertical-align:middle}.operacije-table tr:last-child td{border-bottom:none}.operacije-table tr:hover td{background:var(--color-gray-50)}.operacije-name{flex-direction:column;gap:2px;font-weight:500;display:flex;color:var(--color-gray-900)!important}.operacije-name small{color:var(--color-gray-400);font-weight:400;font-size:var(--font-size-xs)}.badge-category{background:var(--color-primary-50);color:var(--color-primary-700);font-size:var(--font-size-xs);border-radius:999px;padding:2px 8px;font-weight:700}.operacije-note{font-size:var(--font-size-xs);max-width:200px;color:var(--color-gray-400)!important}.operacije-note-inline{color:var(--color-gray-400);font-weight:400;font-size:var(--font-size-xs);white-space:nowrap;text-overflow:ellipsis;max-width:260px;font-style:italic;overflow:hidden}.operacije-actions{gap:var(--space-2);white-space:nowrap;display:flex}@media (width<=768px){.operacije-filters{grid-template-columns:1fr}.operacije-table th:nth-child(n+4),.operacije-table td:nth-child(n+4){display:none}}.tpl-filters{gap:var(--space-4);padding:var(--space-4);margin-bottom:var(--space-6);grid-template-columns:2fr 1fr;display:grid}.tpl-loading,.tpl-empty{padding:var(--space-8);text-align:center;color:var(--color-gray-500);font-size:var(--font-size-sm)}.tpl-table-wrap{overflow-x:auto}.tpl-table{border-collapse:collapse;width:100%;font-size:var(--font-size-sm)}.tpl-table th{text-align:left;padding:var(--space-3) var(--space-4);color:var(--color-gray-600);border-bottom:1px solid var(--color-gray-200);white-space:nowrap;background:var(--color-gray-50);font-weight:600}.tpl-table td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-gray-100);color:var(--color-gray-700);vertical-align:middle}.tpl-table tr:last-child td{border-bottom:none}.tpl-table tr:hover td{background:var(--color-gray-50)}.tpl-code{font-family:monospace;font-size:var(--font-size-xs);color:var(--color-gray-400);white-space:nowrap}.tpl-title{color:var(--color-gray-800);font-weight:500}.tpl-actions{gap:var(--space-2);white-space:nowrap;display:flex}.badge-status-draft{background:var(--color-gray-100);color:var(--color-gray-600)}.badge-status-review{color:#1d4ed8;background:#eff6ff}.badge-status-sent{color:#15803d;background:#f0fdf4}.badge-status-negotiating{color:#a16207;background:#fefce8}.badge-status-contracted{color:#166534;background:#dcfce7}.badge-status-rejected{color:#b91c1c;background:#fef2f2}.badge-status-archived{background:var(--color-gray-100);color:var(--color-gray-400)}.tpl-section-name-field{flex:1}.tpl-section-actions{gap:var(--space-2);flex-shrink:0;align-items:flex-end;display:flex}.form-section-header{gap:var(--space-4)}.tpl-snapshot-section-title{font-weight:700;font-size:var(--font-size-sm);color:var(--color-gray-700);background:var(--color-gray-100);padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);margin-bottom:var(--space-2);text-transform:uppercase;letter-spacing:.05em}.tpl-item-row{gap:var(--space-3);margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--color-gray-100);grid-template-columns:2fr 1fr 1fr 1fr 1fr 1fr auto;align-items:flex-end;display:grid}.tpl-total-value{padding:var(--space-2) var(--space-3);background:var(--color-gray-50);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);text-align:right;font-weight:600;font-size:var(--font-size-sm);justify-content:flex-end;align-items:center;height:40px;display:flex}.tpl-grand-total{justify-content:flex-end;align-items:center;gap:var(--space-4);padding:var(--space-4) 0 0;font-size:var(--font-size-sm);color:var(--color-gray-700);border-top:1px solid var(--color-gray-200);margin-top:var(--space-4);display:flex}.tpl-grand-total strong{font-size:var(--font-size-lg);color:var(--color-gray-900)}@media (width<=768px){.tpl-filters{grid-template-columns:1fr}.tpl-table th:nth-child(n+4):not(:last-child),.tpl-table td:nth-child(n+4):not(:last-child){display:none}.tpl-item-row{grid-template-columns:1fr 1fr}.tpl-item-name,.tpl-item-remove{grid-column:1/-1}.form-actions{flex-direction:column-reverse}.form-actions .btn{width:100%}}.rn-filters{gap:var(--space-4);padding:var(--space-4);margin-bottom:var(--space-6);grid-template-columns:2fr 1fr;display:grid}.rn-loading,.rn-empty{padding:var(--space-8);text-align:center;color:var(--color-gray-500);font-size:var(--font-size-sm)}.rn-table-wrap{overflow-x:auto}.rn-table{border-collapse:collapse;width:100%;font-size:var(--font-size-sm)}.rn-table th{text-align:left;padding:var(--space-3) var(--space-4);color:var(--color-gray-600);border-bottom:1px solid var(--color-gray-200);white-space:nowrap;background:var(--color-gray-50);font-weight:600}.rn-table td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-gray-100);color:var(--color-gray-700);vertical-align:middle}.rn-table tr:last-child td{border-bottom:none}.rn-table tr:hover td{background:var(--color-gray-50)}.rn-code{font-family:monospace;font-size:var(--font-size-xs);color:var(--color-gray-400)}.rn-title{color:var(--color-gray-800);font-weight:500}.rn-period{white-space:nowrap;font-size:var(--font-size-xs);color:var(--color-gray-500)}.rn-actions{gap:var(--space-2);white-space:nowrap;display:flex}.badge-rn-draft{background:var(--color-gray-100);color:var(--color-gray-600)}.badge-rn-assigned{color:#1d4ed8;background:#eff6ff}.badge-rn-in_progress{color:#a16207;background:#fefce8}.badge-rn-completed{color:#166534;background:#dcfce7}.badge-rn-closed{background:var(--color-gray-100);color:var(--color-gray-400)}.rn-detail-meta{gap:var(--space-4);font-size:var(--font-size-sm);color:var(--color-gray-500);margin-top:var(--space-1);flex-wrap:wrap;display:flex}.rn-progress-card{padding:var(--space-4);margin-bottom:var(--space-4)}.rn-progress-header{font-size:var(--font-size-sm);color:var(--color-gray-600);margin-bottom:var(--space-2);justify-content:space-between;display:flex}.rn-progress-bar{background:var(--color-gray-200);border-radius:999px;height:8px;overflow:hidden}.rn-progress-fill{background:var(--color-primary-500,#3b82f6);border-radius:999px;height:100%;transition:width .3s}.rn-product-title{color:var(--color-primary-700,#1d4ed8)}.rn-stavke-list{gap:var(--space-2);margin-top:var(--space-2);flex-direction:column;display:flex}.rn-stavka{gap:var(--space-3);padding:var(--space-3);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);background:#fff;transition:opacity .2s;display:flex}.rn-stavka--done{opacity:.6;background:var(--color-gray-50)}.rn-stavka-check{flex-shrink:0}.rn-check-btn{border:2px solid var(--color-gray-300);cursor:pointer;width:28px;height:28px;color:var(--color-gray-400);background:#fff;border-radius:50%;justify-content:center;align-items:center;font-size:14px;transition:all .15s;display:flex}.rn-check-btn:hover{border-color:var(--color-primary-500,#3b82f6)}.rn-check-btn--done{color:#fff;background:#22c55e;border-color:#22c55e}.rn-stavka-body{flex:1;min-width:0}.rn-stavka-name{font-weight:500;font-size:var(--font-size-sm);color:var(--color-gray-800);align-items:center;gap:var(--space-2);margin-bottom:var(--space-1);display:flex}.rn-category{font-family:monospace;font-size:var(--font-size-xs);background:var(--color-gray-100);color:var(--color-gray-500);border-radius:var(--radius-sm);padding:1px 6px}.rn-stavka-meta{gap:var(--space-3);font-size:var(--font-size-xs);color:var(--color-gray-500);flex-wrap:wrap;align-items:center;display:flex}.rn-stavka-note{font-style:italic}.rn-done-at{color:#16a34a}.rn-edit-btn{font-size:var(--font-size-xs);height:auto;padding:2px 8px}.rn-stavka-edit{margin-top:var(--space-2);padding-top:var(--space-2);border-top:1px solid var(--color-gray-100)}.rn-dokazi{gap:var(--space-2);margin-top:var(--space-2);flex-wrap:wrap;display:flex}.rn-dokaz-chip{align-items:center;gap:var(--space-1);background:var(--color-gray-100);border-radius:var(--radius-sm);font-size:var(--font-size-xs);padding:2px 6px;display:flex}.rn-dokaz-chip a{color:var(--color-primary-600,#2563eb);text-decoration:none}.rn-dokaz-chip a:hover{text-decoration:underline}.rn-dokaz-chip button{cursor:pointer;color:var(--color-gray-400);background:0 0;border:none;padding:0 2px;font-size:14px;line-height:1}.rn-upload-btn{cursor:pointer;font-size:var(--font-size-xs);color:var(--color-primary-600,#2563eb);border:1px dashed var(--color-primary-300,#93c5fd);border-radius:var(--radius-sm);align-items:center;padding:2px 6px;display:inline-flex}.rn-upload-btn:hover{background:var(--color-primary-50,#eff6ff)}.rn-product-list{gap:var(--space-2);margin-top:var(--space-3);flex-wrap:wrap;display:flex}.rn-product-chip{align-items:center;gap:var(--space-2);color:#1d4ed8;border-radius:var(--radius-sm);padding:var(--space-1) var(--space-3);font-size:var(--font-size-sm);background:#eff6ff;display:flex}.rn-product-chip button{cursor:pointer;color:#93c5fd;background:0 0;border:none;font-size:16px;line-height:1}.form-section-header{margin-bottom:var(--space-4);justify-content:space-between;align-items:center;display:flex}.form-section-header .form-section-title{margin-bottom:0}.form-empty{font-size:var(--font-size-sm);color:var(--color-gray-400);padding:var(--space-4) 0}.rn-tabs{gap:var(--space-1);margin-bottom:var(--space-4);border-bottom:2px solid var(--color-gray-200);display:flex}.rn-tab{padding:var(--space-2) var(--space-4);cursor:pointer;font-size:var(--font-size-sm);color:var(--color-gray-500);background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-2px;font-weight:500}.rn-tab--active{color:var(--color-primary-600,#2563eb);border-bottom-color:var(--color-primary-600,#2563eb)}.rn-priority{font-size:var(--font-size-xs);color:#a16207;border-radius:var(--radius-sm);background:#fefce8;padding:1px 5px;font-weight:600}.rn-dep-badge{font-size:var(--font-size-xs);color:var(--color-gray-400);font-style:italic}.rn-assigned-badge{font-size:var(--font-size-xs);background:var(--color-gray-100);color:var(--color-gray-500);border-radius:var(--radius-sm);padding:1px 6px}.rn-check-btn:disabled{opacity:.3;cursor:not-allowed}.rn-edit-actions{gap:var(--space-2);margin-top:var(--space-3);flex-wrap:wrap;align-items:center;display:flex}.rn-shift-control{gap:var(--space-2);align-items:center;margin-left:auto;display:flex}.gantt-wrap{min-width:700px;padding:var(--space-2)}.gantt-empty{padding:var(--space-8);text-align:center;color:var(--color-gray-400);font-size:var(--font-size-sm)}.gantt-header{height:40px;margin-bottom:var(--space-2);padding-bottom:var(--space-2);border-bottom:1px solid var(--color-gray-200);align-items:flex-end;display:flex}.gantt-label-col{flex-shrink:0;width:260px}.gantt-timeline-col{flex:1;height:100%;position:relative}.gantt-date-label{font-size:var(--font-size-xs);color:var(--color-gray-400);white-space:nowrap;position:absolute;transform:translate(-50%)}.gantt-body{gap:var(--space-2);flex-direction:column;display:flex}.gantt-row{min-height:52px;padding:var(--space-1) 0;border-bottom:1px solid var(--color-gray-100);align-items:center;display:flex}.gantt-row:last-child{border-bottom:none}.gantt-label-col{width:260px;padding-right:var(--space-4);flex-direction:column;flex-shrink:0;gap:3px;display:flex;overflow:hidden}.gantt-cat{font-family:monospace;font-size:var(--font-size-xs);color:var(--color-gray-400)}.gantt-op{font-size:var(--font-size-sm);color:var(--color-gray-700);white-space:nowrap;text-overflow:ellipsis;font-weight:500;overflow:hidden}.gantt-dep-label{font-size:var(--font-size-xs);color:var(--color-gray-400);font-style:italic}.gantt-timeline-col{background:var(--color-gray-50);border-radius:var(--radius-md);flex:1;height:36px;position:relative;overflow:hidden}.gantt-weekend{background:#0000000a;position:absolute;top:0;bottom:0}.gantt-today-line{z-index:2;background:#ef4444;width:2px;position:absolute;top:0;bottom:0}.gantt-bar{z-index:1;cursor:default;border-radius:4px;align-items:center;min-width:4px;display:flex;position:absolute;top:5px;bottom:5px;overflow:hidden}.gantt-bar-label{font-size:var(--font-size-xs);color:#fff;padding:0 var(--space-2);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.gantt-legend{gap:var(--space-4);margin-top:var(--space-4);padding-top:var(--space-3);border-top:1px solid var(--color-gray-200);font-size:var(--font-size-xs);color:var(--color-gray-500);flex-wrap:wrap;display:flex}.gantt-legend-item{align-items:center;gap:var(--space-2);display:flex}.gantt-legend-item span:first-child{border-radius:2px;width:16px;height:10px;display:inline-block}.gantt-today-legend{color:#ef4444;font-weight:600}.gantt-unscheduled{margin-top:var(--space-4);padding:var(--space-3);background:var(--color-gray-50);border-radius:var(--radius-md);font-size:var(--font-size-xs);color:var(--color-gray-500);gap:var(--space-2);flex-wrap:wrap;align-items:center;display:flex}.gantt-unsched-chip{background:var(--color-gray-200);border-radius:var(--radius-sm);padding:2px 8px}@media (width<=768px){.rn-filters{grid-template-columns:1fr}.rn-table th:nth-child(n+4):not(:last-child),.rn-table td:nth-child(n+4):not(:last-child){display:none}.rn-actions{flex-direction:column}.form-actions{flex-direction:column-reverse}.form-actions .btn{width:100%}}.kor-table-wrap{overflow-x:auto}.kor-table{border-collapse:collapse;width:100%;font-size:var(--font-size-sm)}.kor-table th{text-align:left;padding:var(--space-3) var(--space-4);color:var(--color-gray-600);border-bottom:1px solid var(--color-gray-200);white-space:nowrap;background:var(--color-gray-50);font-weight:600}.kor-table td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-gray-100);color:var(--color-gray-700);vertical-align:middle}.kor-table tr:last-child td{border-bottom:none}.kor-table tr:hover td{background:var(--color-gray-50)}.kor-row-inactive td{opacity:.5}.kor-name{color:var(--color-gray-800);font-weight:500}.kor-you{color:var(--color-gray-400);font-weight:400;font-size:var(--font-size-xs)}.kor-actions{gap:var(--space-2);white-space:nowrap;display:flex}.kor-loading,.kor-empty{padding:var(--space-8);text-align:center;color:var(--color-gray-500);font-size:var(--font-size-sm)}.badge-role-administrator{color:#7e22ce;background:#fdf4ff}.badge-role-finansije{color:#1d4ed8;background:#eff6ff}.badge-role-inzenjer{color:#15803d;background:#f0fdf4}.badge-role-radnik{background:var(--color-gray-100);color:var(--color-gray-600)}.badge-active{color:#166534;background:#dcfce7}.badge-inactive{background:var(--color-gray-100);color:var(--color-gray-400)}@media (width<=768px){.kor-table th:nth-child(n+3):not(:last-child),.kor-table td:nth-child(n+3):not(:last-child){display:none}.kor-actions{flex-direction:column}.form-actions{flex-direction:column-reverse}.form-actions .btn{width:100%}}.pod-loading{padding:var(--space-8);text-align:center;color:var(--color-gray-500);font-size:var(--font-size-sm)}.form-section{padding:var(--space-6);margin-bottom:var(--space-4)}.form-section-title{font-size:var(--font-size-base);color:var(--color-gray-800);margin-bottom:var(--space-4);font-weight:600}.form-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(240px,1fr));display:grid}.form-actions{justify-content:flex-end;gap:var(--space-3);padding:var(--space-4) 0;display:flex}.alert-success{color:#166534;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:var(--font-size-sm);background:#dcfce7;border:1px solid #bbf7d0}.mag-warehouse-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(300px,1fr));display:grid}.mag-warehouse-card{padding:var(--space-5);gap:var(--space-4);flex-direction:column;display:flex}.mag-warehouse-card--inactive{opacity:.6}.mag-warehouse-header{justify-content:space-between;align-items:flex-start;display:flex}.mag-warehouse-name{font-size:var(--font-size-lg);color:var(--color-gray-800);font-weight:600}.mag-warehouse-code{font-size:var(--font-size-xs);color:var(--color-gray-400);margin-top:2px;font-family:monospace}.mag-warehouse-loc{font-size:var(--font-size-sm);color:var(--color-gray-500);margin-top:var(--space-1)}.mag-warehouse-actions{gap:var(--space-2);flex-wrap:wrap;display:flex}.mag-filters{padding:var(--space-4);margin-bottom:var(--space-6);gap:var(--space-4);grid-template-columns:2fr 1fr;display:grid}.mag-low-alert{padding:var(--space-3) var(--space-4);margin-bottom:var(--space-4);border-left:4px solid var(--color-danger);color:var(--color-gray-700);gap:var(--space-1);font-size:var(--font-size-sm);background:#fef2f2;align-items:center;display:flex}.mag-table-wrap{overflow-x:auto}.mag-table{border-collapse:collapse;width:100%;font-size:var(--font-size-sm)}.mag-table th{text-align:left;padding:var(--space-3) var(--space-4);color:var(--color-gray-600);border-bottom:1px solid var(--color-gray-200);white-space:nowrap;background:var(--color-gray-50);font-weight:600}.mag-table td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-gray-100);color:var(--color-gray-700);vertical-align:middle}.mag-table tr:last-child td{border-bottom:none}.mag-table tr:hover td{background:var(--color-gray-50)}.mag-row--low td{background:#fef9f9}.mag-row--low:hover td{background:#fef2f2}.mag-name{color:var(--color-gray-800);font-weight:500}.mag-code{font-family:monospace;font-size:var(--font-size-xs);color:var(--color-gray-400)}.mag-supplier{font-size:var(--font-size-xs);color:var(--color-gray-500)}.mag-unit{font-size:var(--font-size-xs);color:var(--color-gray-400)}.mag-note{font-size:var(--font-size-xs);color:var(--color-gray-500);max-width:200px}.mag-qty-col{text-align:right}.mag-qty{text-align:right;font-variant-numeric:tabular-nums;font-weight:600}.mag-qty--low{color:var(--color-danger)}.mag-qty--min{color:var(--color-gray-400);font-weight:400}.mag-qty--in{color:var(--color-success)}.mag-type-badge{font-size:var(--font-size-xs);background:var(--color-gray-100);color:var(--color-gray-600);border-radius:var(--radius-sm);white-space:nowrap;padding:2px 7px}.mag-actions{gap:var(--space-2);white-space:nowrap;display:flex}.mag-btn{font-size:var(--font-size-xs);padding:4px 10px}.mag-loading,.mag-empty{padding:var(--space-8);text-align:center;color:var(--color-gray-500);font-size:var(--font-size-sm)}.mag-modal-overlay{z-index:200;padding:var(--space-4);background:#0006;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.mag-modal{border-radius:var(--radius-lg);padding:var(--space-6);background:#fff;width:100%;max-width:540px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0003}.mag-modal--wide{max-width:860px}.mag-modal-header{margin-bottom:var(--space-4);justify-content:space-between;align-items:center;display:flex}.mag-modal-header h2{font-size:var(--font-size-lg);color:var(--color-gray-800);font-weight:600}.mag-modal-close{cursor:pointer;color:var(--color-gray-400);background:0 0;border:none;padding:0 4px;font-size:1.5rem;line-height:1}.mag-modal-close:hover{color:var(--color-gray-700)}.mag-current-stock{background:var(--color-gray-50);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);margin-bottom:var(--space-4);font-size:var(--font-size-sm);color:var(--color-gray-600)}.mag-dir-badge{font-size:var(--font-size-xs);border-radius:var(--radius-sm);padding:2px 8px;font-weight:500}.mag-dir--in{color:#166534;background:#dcfce7}.mag-dir--out{color:#991b1b;background:#fee2e2}.mag-dir--transfer{color:#1e40af;background:#dbeafe}.mag-dir--adj{color:#92400e;background:#fef3c7}.mag-wo-ref{font-size:var(--font-size-xs);color:var(--color-gray-500)}.mag-movements-table{margin-top:var(--space-2)}.mag-pagination{justify-content:center;align-items:center;gap:var(--space-4);margin-top:var(--space-4);font-size:var(--font-size-sm);color:var(--color-gray-500);display:flex}.doc-filters{gap:var(--space-4);padding:var(--space-4);margin-bottom:var(--space-6);grid-template-columns:2fr 1fr 1fr;display:grid}.doc-loading,.doc-empty{padding:var(--space-8);text-align:center;color:var(--color-gray-500);font-size:var(--font-size-sm)}.doc-table-wrap{overflow-x:auto}.doc-table{border-collapse:collapse;width:100%;font-size:var(--font-size-sm)}.doc-table th{text-align:left;padding:var(--space-3) var(--space-4);color:var(--color-gray-600);border-bottom:1px solid var(--color-gray-200);background:var(--color-gray-50);white-space:nowrap;font-weight:600}.doc-table td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-gray-100);color:var(--color-gray-700);vertical-align:middle}.doc-table tr:last-child td{border-bottom:none}.doc-row{cursor:pointer}.doc-row:hover td{background:var(--color-gray-50)}.doc-code{color:var(--color-gray-800);font-family:monospace;font-weight:600}.doc-date{white-space:nowrap;font-size:var(--font-size-xs);color:var(--color-gray-500)}.doc-warehouse{font-size:var(--font-size-xs);color:var(--color-gray-500)}.doc-partner{font-weight:500}.doc-partner small{font-size:var(--font-size-xs);color:var(--color-gray-400);font-weight:400;display:block}.doc-type-badge{font-size:var(--font-size-xs);background:var(--color-primary-50);color:var(--color-primary-700);border-radius:var(--radius-sm);white-space:nowrap;padding:2px 8px}.doc-actions{gap:var(--space-2);white-space:nowrap;justify-content:flex-end;display:flex}.doc-btn{font-size:var(--font-size-xs);padding:4px 10px}.doc-detail-meta{gap:var(--space-2);font-size:var(--font-size-sm);color:var(--color-gray-600);flex-direction:column;display:flex}.doc-detail-meta span:first-child{color:var(--color-gray-400);margin-right:var(--space-1)}.doc-items-table{border-collapse:collapse;width:100%;font-size:var(--font-size-sm);margin-bottom:var(--space-4)}.doc-items-table th{text-align:left;padding:var(--space-2) var(--space-3);color:var(--color-gray-600);border-bottom:2px solid var(--color-gray-200);background:var(--color-gray-50);font-weight:600}.doc-items-table td{padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--color-gray-100);vertical-align:middle}.doc-items-table tfoot td{border-top:2px solid var(--color-gray-200);padding-top:var(--space-3);border-bottom:none}.doc-items-table input,.doc-items-table select{width:100%;height:36px;padding:0 var(--space-3);border:1px solid var(--color-gray-300);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--color-gray-800);box-sizing:border-box;background:#fff;outline:none}.doc-items-table input:focus,.doc-items-table select:focus{border-color:var(--color-primary-500);box-shadow:0 0 0 3px var(--color-primary-100)}.doc-items-table--view td{color:var(--color-gray-700)}.text-right{text-align:right}.doc-item-total{text-align:right;font-variant-numeric:tabular-nums;font-weight:500}.doc-total-label{text-align:right;color:var(--color-gray-500);font-weight:500}.doc-grand-total{font-size:var(--font-size-base);color:var(--color-gray-800);font-weight:700}.doc-add-item-btn{margin-top:var(--space-2)}.doc-unbilled-wrap{background:var(--color-gray-50);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);margin-bottom:var(--space-4)}.doc-unbilled-label{font-size:var(--font-size-xs);color:var(--color-gray-500);margin:0 0 var(--space-2) 0}.doc-unbilled-chips{gap:var(--space-2);flex-wrap:wrap;display:flex}.doc-chip-btn{border:1px solid var(--color-gray-300);border-radius:var(--radius-sm);font-size:var(--font-size-xs);cursor:pointer;color:var(--color-gray-700);background:#fff;padding:3px 10px}.doc-chip-btn:hover{background:var(--color-primary-50);border-color:var(--color-primary-300)}.doc-chip-btn:disabled{opacity:.4;cursor:default}.doc-info{font-size:var(--font-size-sm);color:var(--color-gray-500);padding:var(--space-2) 0}@media (width<=768px){.doc-filters{grid-template-columns:1fr}.doc-table th:nth-child(n+4):not(:last-child),.doc-table td:nth-child(n+4):not(:last-child){display:none}}.header{z-index:100;border-bottom:1px solid var(--color-gray-200);box-shadow:var(--shadow-sm);background:#fff;position:sticky;top:0}.header-inner{max-width:1400px;padding:0 var(--space-6);align-items:center;gap:var(--space-4);height:60px;margin:0 auto;display:flex}.header-logo{align-items:center;gap:var(--space-2);cursor:pointer;flex-shrink:0;text-decoration:none;display:flex}.header-logo-icon{background:var(--color-primary-600);color:#fff;border-radius:var(--radius-md);width:34px;height:34px;font-weight:700;font-size:var(--font-size-base);justify-content:center;align-items:center;display:flex}.header-logo-text{font-size:var(--font-size-lg);color:var(--color-gray-900);letter-spacing:-.5px;font-weight:700}.header-nav{align-items:center;gap:var(--space-1);scrollbar-width:none;flex:1;display:flex;overflow-x:auto}.header-nav::-webkit-scrollbar{display:none}.header-nav-item{padding:var(--space-2) var(--space-3);font-size:var(--font-size-sm);color:var(--color-gray-600);border-radius:var(--radius-sm);white-space:nowrap;background:0 0;border:none;font-weight:500;transition:background-color .15s,color .15s}.header-nav-item:hover{background-color:var(--color-gray-100);color:var(--color-gray-900)}.header-nav-item--active{background-color:var(--color-primary-50);color:var(--color-primary-700);font-weight:600}.header-nav-divider{flex:1}.header-user{flex-direction:column;flex-shrink:0;align-items:flex-end;display:flex}.header-user-name{font-size:var(--font-size-sm);color:var(--color-gray-800);white-space:nowrap;font-weight:600}.header-user-role{font-size:var(--font-size-xs);color:var(--color-gray-500);text-transform:capitalize}.header-logout{margin-left:var(--space-2);flex-shrink:0}.header-burger{padding:var(--space-2);cursor:pointer;background:0 0;border:none;flex-direction:column;gap:5px;margin-left:auto;display:none}.burger-line{background:var(--color-gray-700);border-radius:2px;width:22px;height:2px;transition:transform .2s,opacity .2s;display:block}@media (width<=768px){.header-burger{display:flex}.header-nav{border-bottom:1px solid var(--color-gray-200);box-shadow:var(--shadow-md);padding:var(--space-3);align-items:stretch;gap:var(--space-1);background:#fff;flex-direction:column;display:none;position:absolute;top:60px;left:0;right:0;overflow-x:visible}.header-nav--open{display:flex}.header-nav-item{text-align:left;padding:var(--space-3) var(--space-4)}.header-nav-divider{display:none}.header-user{padding:var(--space-3) var(--space-4);border-top:1px solid var(--color-gray-100);margin-top:var(--space-2);align-items:flex-start}.header-logout{margin:var(--space-2) 0 0 0;width:100%}}.layout{flex-direction:column;min-height:100vh;display:flex}.layout-main{padding:var(--space-6);flex:1}.layout-content{max-width:1400px;margin:0 auto}@media (width<=768px){.layout-main{padding:var(--space-4)}}