:root{--color-bg: #f4f5f7;--color-surface: #ffffff;--color-border: #e2e5eb;--color-border-dark: #c7cbd4;--color-text: #1c1f26;--color-text-muted: #6b7280;--color-primary: #1e4d8c;--color-primary-dark: #163a68;--color-primary-tint: #e4ecf7;--color-on-primary: #ffffff;--color-danger: #c0392b;--color-danger-dark: #a5301f;--color-danger-tint: #fde2e1;--color-warning: #b7791f;--color-warning-dark: #95611a;--color-warning-tint: #fdedd3;--color-success: #1e7e4a;--color-success-dark: #17603a;--color-success-tint: #e6f4ea;--color-neutral: #6b7280;--color-neutral-dark: #565d6b;--color-neutral-tint: #eceef1;--color-on-neutral: #ffffff;--color-overlay: rgba(0, 0, 0, .45);--color-overlay-light: rgba(0, 0, 0, .15);--color-overlay-surface: rgba(255, 255, 255, .35);--shadow-color: rgba(30, 41, 59, .25);--shadow-color-primary: rgba(30, 77, 140, .35);--shadow-color-success: rgba(30, 126, 74, .25);--color-priority-nizak-bg: var(--color-success-tint);--color-priority-nizak-fg: var(--color-success);--color-priority-srednji-bg: var(--color-primary-tint);--color-priority-srednji-fg: var(--color-primary);--color-priority-visok-bg: var(--color-warning-tint);--color-priority-visok-fg: var(--color-warning);--color-priority-hitno-bg: var(--color-danger-tint);--color-priority-hitno-fg: var(--color-danger);--color-urgency-critical: var(--color-danger);--color-urgency-critical-tint: var(--color-danger-tint);--color-urgency-high: #d9691d;--color-urgency-high-tint: #fbe4d1;--color-urgency-medium: var(--color-warning);--color-urgency-medium-tint: var(--color-warning-tint);--color-urgency-low: var(--color-success);--color-urgency-low-tint: var(--color-success-tint);--status-color-1-bg: #e4ecf7;--status-color-1-fg: #1e4d8c;--status-color-2-bg: #e6f4ea;--status-color-2-fg: #1e7e4a;--status-color-3-bg: #fdedd3;--status-color-3-fg: #b7791f;--status-color-4-bg: #f3e8fd;--status-color-4-fg: #6b3fa0;--status-color-5-bg: #fde2e1;--status-color-5-fg: #c0392b;--status-color-6-bg: #d9f4f7;--status-color-6-fg: #00707a;--status-color-closed-bg: var(--color-border);--status-color-closed-fg: var(--color-text-muted)}:root[data-theme=zelena]{--color-primary: #15803d;--color-primary-dark: #0f5c2c;--color-primary-tint: #dcf5e3;--shadow-color-primary: rgba(21, 128, 61, .35)}:root[data-theme=ljubicasta]{--color-primary: #6b3fa0;--color-primary-dark: #4f2d78;--color-primary-tint: #ede3fa;--shadow-color-primary: rgba(107, 63, 160, .35)}:root[data-theme=bordo]{--color-primary: #9f1239;--color-primary-dark: #7a0e2c;--color-primary-tint: #fbe1e8;--shadow-color-primary: rgba(159, 18, 57, .35)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;border-radius:var(--radius);border:1px solid transparent;font-weight:600;cursor:pointer;white-space:nowrap;transition:background-color .15s ease,border-color .15s ease,color .15s ease;padding:.7rem 1.1rem;font-size:.95rem;min-height:44px}.btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-block{width:100%}.btn-s{padding:.35rem .55rem;font-size:.78rem;min-height:30px;gap:.25rem}.btn-m{padding:.7rem 1.1rem;font-size:.95rem;min-height:44px}.btn-l{padding:.9rem 1.5rem;font-size:1.05rem;min-height:52px}.btn-primary{background:var(--color-primary);color:var(--color-on-primary)}.btn-primary:hover:not(:disabled),.btn-primary:active:not(:disabled){background:var(--color-primary-dark)}.btn-secondary{background:var(--color-surface);border-color:var(--color-border);color:var(--color-text)}.btn-secondary:hover:not(:disabled),.btn-secondary:active:not(:disabled){background:var(--color-bg);border-color:var(--color-border-dark)}.btn-danger{background:var(--color-danger);color:var(--color-on-primary)}.btn-danger:hover:not(:disabled),.btn-danger:active:not(:disabled){background:var(--color-danger-dark)}.btn-success{background:var(--color-success);color:var(--color-on-primary)}.btn-success:hover:not(:disabled),.btn-success:active:not(:disabled){background:var(--color-success-dark)}.btn-neutral{background:var(--color-neutral);color:var(--color-on-neutral)}.btn-neutral:hover:not(:disabled),.btn-neutral:active:not(:disabled){background:var(--color-neutral-dark)}.btn-ghost{background:transparent;border-color:transparent;color:var(--color-primary)}.btn-ghost:hover:not(:disabled),.btn-ghost:active:not(:disabled){background:var(--color-primary-tint)}@media(max-width:1023px){.btn-collapse-mobile{padding:.5rem .65rem;min-height:36px}.btn-collapse-mobile .btn-text{display:none}}.app-calendar{width:fit-content}.calendar-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.75rem}.calendar-header h3{font-size:.9rem;text-transform:capitalize;margin:0}.calendar-title-static{font-size:.85rem;margin:0 0 .75rem;text-transform:capitalize}.calendar-grid{display:grid;grid-template-columns:repeat(7,32px);gap:3px}.weekday-label{text-align:center;font-size:.65rem;font-weight:700;color:var(--color-text-muted);padding-bottom:.2rem}.day-cell{position:relative;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;font-size:.75rem;font-weight:600;border:1px solid transparent;background:none;color:var(--color-text);font-family:inherit;padding:0}button.day-cell{cursor:pointer}button.day-cell:hover{background:var(--color-bg)}.day-cell.is-outside{color:var(--color-text-muted);opacity:.45}.day-cell.is-today{border-color:var(--color-primary)}.day-cell.is-selected{background:var(--color-primary);color:var(--color-on-primary)}.day-marker{position:absolute;bottom:3px;width:4px;height:4px;border-radius:50%;background:var(--color-success)}.day-cell.is-selected .day-marker{background:var(--color-on-primary)}.day-content{position:absolute;bottom:2px;right:4px;font-size:.6rem;font-weight:700;opacity:.75}.cell-receipt{background:var(--color-bg);color:var(--color-text-muted);border:2px dashed var(--color-text-muted)}.cell-counted{background:var(--color-primary-tint);color:var(--color-primary)}.cell-weekend{background:var(--color-bg);color:var(--color-text-muted);text-decoration:line-through}.cell-holiday{background:var(--color-danger-tint);color:var(--color-danger);text-decoration:line-through}.cell-deadline{background:var(--color-success);color:var(--color-on-primary);box-shadow:0 0 0 3px var(--shadow-color-success)}.cell-neutral{color:var(--color-text-muted);font-weight:500}.form-input{width:100%;padding:.7rem .8rem;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);color:var(--color-text);min-height:44px;font-family:inherit;font-size:1rem}textarea.form-input{min-height:90px;resize:vertical}.form-input:focus-visible{outline:2px solid var(--color-primary);outline-offset:1px}.form-input[readonly]{background:var(--color-bg);color:var(--color-text-muted);cursor:default}.form-input:disabled{opacity:.6;cursor:not-allowed}select.form-input{appearance:none;-webkit-appearance:none;-moz-appearance:none;padding-right:2.4rem;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .9rem center;background-size:16px}.input-number{display:inline-flex;align-items:stretch;gap:.4rem}.input-number-field{width:72px;min-height:30px;padding:.35rem .4rem;text-align:center;-moz-appearance:textfield;appearance:textfield}.input-number-field::-webkit-outer-spin-button,.input-number-field::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.accordion-item{border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);margin-bottom:.75rem;overflow:hidden}.accordion-header{display:flex;align-items:center;gap:.6rem;width:100%;background:var(--color-bg);border:none;padding:.75rem 1rem;cursor:pointer;text-align:left;font-size:.95rem;color:var(--color-text)}.accordion-header:hover{background:var(--color-border)}.accordion-item.open .accordion-header{border-bottom:1px solid var(--color-border)}.accordion-chevron{display:inline-block;transition:transform .15s ease;color:var(--color-text-muted)}.accordion-chevron.open{transform:rotate(90deg)}.accordion-label{font-weight:600;flex:1}.accordion-dot{display:inline-block;width:10px;height:10px;border-radius:50%;flex-shrink:0}.accordion-count{background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text-muted);font-size:.75rem;font-weight:700;padding:.1rem .5rem;border-radius:999px}.accordion-body{padding:1rem}.tabs{display:flex;gap:.25rem;border-bottom:1px solid var(--color-border);margin-bottom:1rem;overflow-x:auto;flex-wrap:wrap}@media(max-width:1023px){.tabs{flex-wrap:nowrap;gap:0}}.tabs button{display:flex;align-items:center;gap:.35rem;background:none;border:none;padding:.65rem .9rem;font-weight:600;color:var(--color-text-muted);cursor:pointer;border-bottom:2px solid transparent;white-space:nowrap;font-size:.85rem}@media(max-width:1023px){.tabs button.has-icon{padding:.6rem .55rem;gap:.2rem;font-size:.78rem}.tabs button.has-icon .tab-label{display:none}}.tabs button:hover{color:var(--color-text)}.tabs .tab-count{font-weight:600}.data-table-wrap{overflow-x:auto}.data-table{width:100%;border-collapse:collapse}.data-table th,.data-table td{text-align:left;padding:.55rem .6rem;border-bottom:1px solid var(--color-bg);font-size:.85rem}.data-table th{color:var(--color-text-muted);font-weight:600;font-size:.72rem;text-transform:uppercase;letter-spacing:.03em;white-space:nowrap}.data-table tfoot td{font-weight:700;border-top:2px solid var(--color-bg);border-bottom:none}*{scrollbar-width:thin;scrollbar-color:var(--color-border-dark) transparent}*::-webkit-scrollbar{width:8px;height:8px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background-color:var(--color-border-dark);border-radius:999px}*::-webkit-scrollbar-thumb:hover{background-color:var(--color-text-muted)}.modal-overlay{position:fixed;inset:0;background:var(--color-overlay);z-index:100;display:flex;align-items:center;justify-content:center;padding:1rem}.modal-panel{background:var(--color-surface);border-radius:var(--radius);padding:1rem;width:100%;max-width:520px;max-height:90vh;overflow-y:auto;box-shadow:0 12px 32px var(--shadow-color)}.modal-panel.modal-s{max-width:420px}.modal-panel.modal-l{max-width:640px}.modal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem;gap:.75rem}.modal-head strong{font-size:1.05rem}.modal-head-actions{display:flex;align-items:center;gap:.75rem;flex-shrink:0}.modal-body{font-size:.95rem}.modal-footer-separator{border:none;border-top:1px solid var(--color-border);margin:1rem 0 0}.modal-footer{display:flex;justify-content:flex-end;align-items:center;gap:.5rem;margin-top:.75rem;flex-wrap:wrap}.detail-row{display:flex;flex-direction:column;gap:.15rem;padding:.5rem 0;border-bottom:1px solid var(--color-bg)}.detail-row:last-child{border-bottom:none}.detail-label{color:var(--color-text-muted);font-size:.8rem}.btn-icon{border:none;background:none;color:var(--color-text-muted);cursor:pointer;padding:.2rem;display:inline-flex}.btn-icon-danger{color:var(--color-danger)}:root{--radius: 10px;--nav-height: 60px;--header-height: 56px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}*{box-sizing:border-box}html,body{height:100%;margin:0;padding:0;background:var(--color-surface);color:var(--color-text)}body{-webkit-font-smoothing:antialiased}h1,h2,h3,h4{margin:0 0 .5rem;font-weight:600}p{margin:0 0 .75rem}a{color:var(--color-primary);text-decoration:none}button{font-family:inherit}input,select,textarea{font-family:inherit;font-size:1rem}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:1rem}.field{display:flex;flex-direction:column;gap:.35rem;margin-bottom:1rem}.field label{font-size:.85rem;font-weight:600;color:var(--color-text-muted)}.field-error{color:var(--color-danger);font-size:.8rem}.tabs{display:flex;gap:.25rem;border-bottom:1px solid var(--color-border);margin-bottom:1rem}.tabs button{background:none;border:none;padding:.65rem .9rem;font-weight:600;color:var(--color-text-muted);cursor:pointer;border-bottom:2px solid transparent;font-size:.9rem}.tabs button.active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.badge{display:inline-flex;align-items:center;padding:.15rem .55rem;border-radius:999px;font-size:.75rem;font-weight:600;background:var(--color-border);color:var(--color-text)}.badge-priority-hitno{background:var(--color-priority-hitno-bg);color:var(--color-priority-hitno-fg)}.badge-priority-visok{background:var(--color-priority-visok-bg);color:var(--color-priority-visok-fg)}.badge-priority-srednji{background:var(--color-priority-srednji-bg);color:var(--color-priority-srednji-fg)}.badge-priority-nizak{background:var(--color-priority-nizak-bg);color:var(--color-priority-nizak-fg)}.badge-draft{background:var(--color-warning-tint);color:var(--color-warning)}.form-error-banner{background:var(--color-danger-tint);color:var(--color-danger);border-radius:var(--radius);padding:.75rem 1rem;margin-bottom:1rem;font-size:.9rem}.empty-state{text-align:center;color:var(--color-text-muted);padding:2.5rem 1rem}@media(min-width:768px){.container{max-width:960px;margin:0 auto}}