.dash{display:flex;flex-direction:column;gap:2rem}.dash-hero{background:linear-gradient(160deg,var(--c-navy) 0%,var(--c-gunmetal) 100%);color:var(--c-primary-contrast);border-radius:var(--radius);border-left:4px solid var(--c-primary);box-shadow:0 1px 0 var(--c-brass);padding:2rem 2.25rem}.dash-hero__eyebrow{margin:0 0 .5rem;font-size:.72rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--c-brass)}.dash-hero__title{margin:0 0 .6rem;font-size:1.85rem;font-weight:800;letter-spacing:.01em}.dash-hero__lead{margin:0;max-width:60ch;font-size:.98rem;line-height:1.6;color:#ffffffd1}.dash-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem}.dash-card{display:flex;flex-direction:column;gap:.5rem;background:var(--c-surface);border:1px solid var(--c-border);border-top:3px solid var(--c-gunmetal);border-radius:var(--radius);padding:1.25rem 1.35rem}.dash-card--accent{border-top-color:var(--c-primary)}.dash-card__label{font-size:.74rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--c-muted)}.dash-card__value{font-size:1.7rem;font-weight:800;line-height:1.1;color:var(--c-navy)}.dash-card--accent .dash-card__value{color:var(--c-primary)}.dash-section{display:flex;flex-direction:column;gap:.85rem}.dash-section__head{display:flex;align-items:baseline;gap:.75rem;flex-wrap:wrap;padding-bottom:.5rem;border-bottom:2px solid var(--c-border)}.dash-section__title{margin:0;font-size:1.2rem;font-weight:700;color:var(--c-navy)}.dash-section__desc{margin:0;font-size:.88rem;color:var(--c-muted)}.dash-links{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.75rem}.dash-link{display:flex;align-items:center;justify-content:space-between;padding:.9rem 1.1rem;background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius);font-size:.95rem;font-weight:600;color:var(--c-navy);text-decoration:none;transition:border-color .15s ease,box-shadow .15s ease}.dash-link:after{content:"→";color:var(--c-primary);font-weight:700}.dash-link:hover{border-color:var(--c-primary);box-shadow:0 0 0 3px #c1121f1f}.import-form{display:flex;flex-wrap:wrap;align-items:flex-end;gap:1rem;padding:1.25rem;background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius);margin-bottom:1.25rem}.import-form .field{margin-bottom:0;min-width:220px}.import-result{padding:1.25rem;background:var(--c-surface);border:1px solid var(--c-border);border-left:3px solid var(--c-primary);border-radius:var(--radius);margin-bottom:1.5rem}.import-result__title{font-size:1rem;font-weight:700;margin:0 0 .9rem;color:var(--c-navy)}.import-stats{display:flex;gap:2rem;flex-wrap:wrap}.import-stat{display:flex;flex-direction:column;align-items:flex-start}.import-stat__num{font-size:1.75rem;font-weight:800;line-height:1;color:var(--c-navy)}.import-stat__lbl{font-size:.75rem;text-transform:uppercase;letter-spacing:.04em;color:var(--c-muted);margin-top:.25rem}.import-stat--err .import-stat__num{color:var(--c-danger)}.import-errors{margin:1rem 0 0;padding:.75rem .9rem .75rem 1.6rem;background:var(--c-bg);border-radius:8px;font-size:.85rem;color:var(--c-text);max-height:260px;overflow-y:auto}.import-errors li{margin-bottom:.35rem}.import-history__title{font-size:1rem;font-weight:700;margin:0 0 .75rem;color:var(--c-navy)}:root{--c-primary: #c1121f;--c-primary-hover: #9e0e19;--c-primary-contrast: #ffffff;--c-navy: #0e1420;--c-gunmetal: #263038;--c-steel: #37505f;--c-brass: #c9a227;--c-surface: #ffffff;--c-bg: #f7f8fa;--c-text: #0e1420;--c-muted: #6b7280;--c-border: #e3e6ea;--c-success: #2e7d32;--c-warning: #b26a00;--c-danger: #c1121f;--font-sans: "Inter", "Segoe UI", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;--header-height: 64px;--content-max: 1120px;--radius: 8px}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font-sans);color:var(--c-text);background-color:var(--c-bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.app-shell{display:flex;flex-direction:column;min-height:100vh}.app-header{display:flex;align-items:center;gap:2rem;height:var(--header-height);padding:0 1.5rem;color:var(--c-primary-contrast);border-bottom:3px solid var(--c-primary);box-shadow:0 1px 0 var(--c-brass)}.app-header--klijent{background:linear-gradient(180deg,var(--c-navy) 0%,var(--c-gunmetal) 100%)}.app-header--admin{background:linear-gradient(180deg,var(--c-gunmetal) 0%,var(--c-steel) 100%)}.app-header__brand{display:flex;align-items:center;gap:.6rem;min-width:0;text-decoration:none}.app-header__logo-mark{display:inline-block;width:18px;height:18px;flex:none;background:var(--c-primary);border:2px solid var(--c-brass);border-radius:3px}.app-header__logo{font-size:1.35rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--c-primary-contrast)}.app-header__user{display:flex;align-items:center;gap:.75rem;margin-left:auto}.app-header__izmena{font-size:.78rem;color:#ffffffbf;white-space:nowrap;cursor:help}@media(max-width:720px){.app-header__izmena{display:none}}.app-header__user-role{font-size:.7rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--c-brass);padding:.15rem .5rem;border:1px solid var(--c-brass);border-radius:999px}.app-header__logout{font:inherit;font-size:.85rem;font-weight:600;color:var(--c-primary-contrast);background:transparent;border:1px solid rgba(255,255,255,.4);border-radius:var(--radius);padding:.4rem .85rem;cursor:pointer;transition:background-color .15s ease,border-color .15s ease}.app-header__logout:hover{background:var(--c-primary);border-color:var(--c-primary)}.app-body{display:flex;flex:1 1 auto;align-items:stretch;min-height:0}.app-sidebar{flex:none;width:220px;padding:1.25rem .75rem;background:var(--c-navy);border-right:1px solid var(--c-gunmetal)}.app-sidebar__nav{display:flex;flex-direction:column;gap:.25rem;position:sticky;top:1.25rem}.app-sidebar__link{font-size:.9rem;font-weight:600;color:#ffffffd1;text-decoration:none;padding:.55rem .85rem;border-radius:var(--radius);border-left:3px solid transparent;transition:background-color .15s ease,color .15s ease,border-color .15s ease}.app-sidebar__link:hover{background:#ffffff14;color:var(--c-primary-contrast)}.app-sidebar__link.active{background:#ffffff1a;color:var(--c-brass);border-left-color:var(--c-primary)}.auth-loading{display:flex;align-items:center;justify-content:center;min-height:100vh;color:var(--c-muted);font-size:.95rem}.login-page{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:1.5rem;background:linear-gradient(160deg,var(--c-navy) 0%,var(--c-gunmetal) 100%)}.login-card{display:flex;flex-direction:column;gap:1rem;width:100%;max-width:380px;padding:2.25rem;background:var(--c-surface);border-radius:var(--radius);border-top:3px solid var(--c-primary);box-shadow:0 18px 40px #00000059}.login-card__brand{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.35rem}.login-card__logo{font-size:1.3rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--c-navy)}.login-card__tagline{font-size:.72rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--c-brass)}.login-card__title{margin:.25rem 0 .5rem;font-size:1.4rem;font-weight:700;color:var(--c-navy)}.login-card__error{margin:0;padding:.65rem .85rem;font-size:.85rem;color:var(--c-primary-contrast);background:var(--c-danger);border-radius:var(--radius)}.login-field{display:flex;flex-direction:column;gap:.35rem;font-size:.85rem;font-weight:600;color:var(--c-text)}.login-field input{font:inherit;font-weight:400;padding:.6rem .75rem;border:1px solid var(--c-border);border-radius:var(--radius);background:var(--c-bg);color:var(--c-text)}.login-field input:focus{outline:none;border-color:var(--c-primary);box-shadow:0 0 0 3px #c1121f26}.login-card__submit{margin-top:.5rem;font:inherit;font-weight:700;color:var(--c-primary-contrast);background:var(--c-primary);border:none;border-radius:var(--radius);padding:.7rem 1rem;cursor:pointer;transition:background-color .15s ease}.login-card__submit:hover:not(:disabled){background:var(--c-primary-hover)}.login-card__submit:disabled{opacity:.6;cursor:not-allowed}.login-card__footer{margin:.5rem 0 0;text-align:center;font-size:.78rem;color:var(--c-muted)}.login-card__footer strong{color:var(--c-navy)}.login-card__link{color:var(--c-navy);font-weight:600;text-decoration:none}.login-card__link:hover{text-decoration:underline}.app-main{flex:1 1 auto;width:100%;max-width:var(--content-max);margin:0 auto;padding:2.5rem 1.5rem}.app-footer{padding:1.25rem 1.5rem;background:var(--c-navy);color:var(--c-muted);border-top:1px solid var(--c-gunmetal);text-align:center;font-size:.85rem}.app-footer p{margin:0}.app-footer strong{color:var(--c-brass);font-weight:600}.app-footer__link{color:var(--c-brass);font-weight:600;text-decoration:none}.app-footer__link:hover{text-decoration:underline}.home{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius);padding:2.5rem;max-width:720px}.home__eyebrow{margin:0 0 .5rem;font-size:.75rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--c-primary)}.home__title{margin:0 0 .75rem;font-size:1.9rem;font-weight:700;color:var(--c-navy)}.home__lead{margin:0;font-size:1.02rem;line-height:1.6;color:var(--c-muted)}.magic-panel{background:var(--c-surface);border:1px solid var(--c-border);border-top:3px solid var(--c-primary);border-radius:var(--radius);padding:2.5rem;max-width:720px}.magic-panel__eyebrow{margin:0 0 .5rem;font-size:.75rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--c-primary)}.magic-panel__title{margin:0 0 .5rem;font-size:1.6rem;font-weight:700;color:var(--c-navy)}.magic-panel__lead{margin:0 0 1.5rem;font-size:.95rem;line-height:1.55;color:var(--c-muted)}.magic-panel__form{display:flex;align-items:flex-end;gap:.75rem;flex-wrap:wrap}.magic-field{display:flex;flex-direction:column;gap:.35rem;flex:1 1 260px;font-size:.85rem;font-weight:600;color:var(--c-text)}.magic-field input{font:inherit;font-weight:400;padding:.6rem .75rem;border:1px solid var(--c-border);border-radius:var(--radius);background:var(--c-bg);color:var(--c-text)}.magic-field input:focus{outline:none;border-color:var(--c-primary);box-shadow:0 0 0 3px #c1121f26}.magic-panel__submit,.magic-panel__copy{font:inherit;font-weight:700;color:var(--c-primary-contrast);background:var(--c-primary);border:none;border-radius:var(--radius);padding:.65rem 1.1rem;cursor:pointer;transition:background-color .15s ease}.magic-panel__submit:hover:not(:disabled),.magic-panel__copy:hover{background:var(--c-primary-hover)}.magic-panel__submit:disabled{opacity:.6;cursor:not-allowed}.magic-panel__error{margin:1rem 0 0;padding:.65rem .85rem;font-size:.85rem;color:var(--c-primary-contrast);background:var(--c-danger);border-radius:var(--radius)}.magic-panel__result{margin-top:1.5rem;padding:1.25rem;background:var(--c-bg);border:1px solid var(--c-border);border-radius:var(--radius)}.magic-panel__link-row{display:flex;gap:.5rem;flex-wrap:wrap}.magic-panel__link{flex:1 1 320px;font:inherit;font-size:.85rem;padding:.55rem .7rem;border:1px solid var(--c-border);border-radius:var(--radius);background:var(--c-surface);color:var(--c-text)}.magic-panel__meta{display:flex;gap:2rem;flex-wrap:wrap;margin:1rem 0 0}.magic-panel__meta dt{font-size:.7rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--c-muted)}.magic-panel__meta dd{margin:.2rem 0 0;font-size:.9rem;font-weight:600;color:var(--c-navy)}.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1.25rem}.page-title{font-size:1.5rem;font-weight:700;color:var(--c-navy);margin:0}.page-desc{color:var(--c-muted);margin:.25rem 0 0;font-size:.9rem}.page-actions{display:flex;gap:.5rem}.toolbar{display:flex;gap:.75rem;align-items:center;margin-bottom:1rem}.toolbar-search{flex:1;max-width:360px;padding:.5rem .75rem;border:1px solid var(--c-border);border-radius:8px;font-size:.9rem;background:var(--c-surface)}.toolbar-search:focus{outline:none;border-color:var(--c-primary)}.toolbar-actions{display:flex;gap:.5rem}.status-filter{position:relative}.status-filter__toggle{display:flex;align-items:center;gap:.4rem;padding:.5rem .75rem;font:inherit;font-size:.9rem;color:var(--c-text);background:var(--c-surface);border:1px solid var(--c-border);border-radius:8px;cursor:pointer}.status-filter__toggle:hover{border-color:var(--c-primary)}.status-filter__strelica{margin-left:.1rem;color:var(--c-muted);transition:transform .15s ease}.status-filter__toggle[aria-expanded=true] .status-filter__strelica{transform:rotate(180deg)}.status-filter__broj{min-width:1.15rem;padding:0 .3rem;font-size:.72rem;font-weight:700;line-height:1.15rem;text-align:center;color:var(--c-primary-contrast);background:var(--c-primary);border-radius:999px}.status-filter__panel{position:absolute;top:calc(100% + .35rem);left:0;z-index:20;display:flex;flex-direction:column;gap:.15rem;min-width:240px;min-inline-size:0;max-height:320px;overflow-y:auto;margin:0;padding:.5rem;background:var(--c-surface);border:1px solid var(--c-border);border-radius:10px;box-shadow:0 8px 24px #0e14201f}.status-filter__opcija{display:flex;align-items:center;gap:.5rem;padding:.35rem .4rem;font-size:.88rem;border-radius:6px;cursor:pointer}.status-filter__opcija:hover{background:var(--c-bg)}.status-filter__opcija input[type=checkbox]{width:1rem;height:1rem;accent-color:var(--c-primary);cursor:pointer}.status-filter__reset{margin-top:.25rem;padding:.35rem;font:inherit;font-size:.82rem;color:var(--c-muted);background:transparent;border:none;border-top:1px solid var(--c-border);cursor:pointer}.status-filter__reset:hover{color:var(--c-primary)}.btn{display:inline-flex;align-items:center;gap:.4rem;cursor:pointer;padding:.5rem .9rem;border-radius:8px;font-size:.88rem;font-weight:600;border:1px solid transparent;transition:background .15s,border-color .15s}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--c-primary);color:var(--c-primary-contrast)}.btn-primary:hover:not(:disabled){background:var(--c-primary-hover)}.btn-ghost{background:transparent;color:var(--c-navy);border-color:var(--c-border)}.btn-ghost:hover:not(:disabled){border-color:var(--c-gunmetal)}.btn-danger{background:var(--c-danger);color:#fff}.btn-delete{background:transparent;color:var(--c-text);border-color:var(--c-primary)}.btn-delete:hover:not(:disabled){background:#c1121f14}.btn-delete__icon{color:var(--c-primary)}.dt-wrap{overflow-x:auto;border:1px solid var(--c-border);border-radius:10px;background:var(--c-surface)}.dt{width:100%;border-collapse:collapse;font-size:.88rem}.dt thead th{text-align:left;padding:.7rem .9rem;background:var(--c-navy);color:#fff;font-weight:600;white-space:nowrap;position:sticky;top:0}.dt thead th.dt-sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.dt thead th.dt-sortable:hover{background:var(--c-gunmetal)}.dt-th-inner{display:inline-flex;align-items:center;gap:.35rem}.dt-sort-ind{font-size:.7rem;opacity:.4}.dt-sort-ind.is-active{opacity:1;color:var(--c-brass)}.dt tbody td{padding:.6rem .9rem;border-top:1px solid var(--c-border);color:var(--c-text)}.dt tbody tr:hover{background:#f2f4f7}.dt-clickable{cursor:pointer}.dt-state{padding:2rem;text-align:center;color:var(--c-muted)}.dt-error{color:var(--c-danger)}.field{display:flex;flex-direction:column;gap:.3rem;margin-bottom:.9rem}.field label{font-size:.8rem;font-weight:600;color:var(--c-gunmetal)}.field input,.field select,.field textarea{padding:.5rem .7rem;border:1px solid var(--c-border);border-radius:8px;font-size:.9rem;background:var(--c-surface);color:var(--c-text)}.field input:focus{outline:none;border-color:var(--c-primary)}.field-error{font-size:.78rem;color:var(--c-danger)}.badge{display:inline-block;padding:.2rem .6rem;border-radius:999px;font-size:.74rem;font-weight:600;line-height:1.3;white-space:nowrap;border:1px solid transparent}.badge-success{background:#2e7d321f;color:#256428;border-color:#2e7d3240}.badge-warning{background:#b26a0024;color:#8a5200;border-color:#b26a0047}.badge-danger{background:#c1121f1a;color:var(--c-primary);border-color:#c1121f40}.badge-info{background:#26609e1f;color:#1f5a92;border-color:#26609e40}.badge-neutral,.badge-muted{background:#eef0f3;color:var(--c-muted);border-color:#e0e3e8}.pagination{display:flex;align-items:center;gap:1rem;justify-content:center;margin-top:1rem}.pagination-info{font-size:.85rem;color:var(--c-muted)}.page{display:block}.form,.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem 1.25rem;max-width:760px;padding:1.5rem;background:var(--c-surface);border:1px solid var(--c-border);border-radius:12px}@media(max-width:640px){.form,.form-grid{grid-template-columns:1fr}}.form .field,.form-grid .field{margin-bottom:.4rem}.form-sekcija{grid-column:1 / -1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem 1.25rem;margin:0 0 .5rem;padding:1rem 1.25rem .75rem;border:1px solid var(--c-border);border-radius:10px}@media(max-width:640px){.form-sekcija{grid-template-columns:1fr}}.form-sekcija>legend{padding:0 .4rem;font-size:.78rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--c-muted)}.form-actions,.form .form-actions,.form-grid .form-actions{grid-column:1 / -1;display:flex;justify-content:flex-end;gap:.75rem;margin-top:.75rem;padding-top:1rem;border-top:1px solid var(--c-border)}.form>.field-error,.form-grid>.field-error{grid-column:1 / -1}.field-checkbox{flex-direction:row;align-items:center;gap:.55rem;margin-bottom:.4rem}.field-checkbox input[type=checkbox]{width:1.05rem;height:1.05rem;margin:0;padding:0;flex:none;accent-color:var(--c-primary);cursor:pointer}.field-checkbox span{font-size:.9rem;color:var(--c-text)}.detail-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1px;margin:0;background:var(--c-border);border:1px solid var(--c-border);border-radius:12px;overflow:hidden}.detail-grid>div{display:flex;flex-direction:column;gap:.3rem;padding:.85rem 1rem;background:var(--c-surface)}.detail-grid dt{font-size:.72rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--c-muted);margin:0}.detail-grid dd{margin:0;font-size:.95rem;color:var(--c-text);word-break:break-word}.stranka-combo{position:relative}.stranka-combo__input{width:100%;padding:.5rem .7rem;border:1px solid var(--c-border);border-radius:8px;font-size:.9rem;background:var(--c-surface);color:var(--c-text)}.stranka-combo__input:focus{outline:none;border-color:var(--c-primary)}.stranka-combo__list{position:absolute;z-index:30;top:calc(100% + 4px);left:0;right:0;max-height:260px;overflow-y:auto;margin:0;padding:.25rem;list-style:none;background:var(--c-surface);border:1px solid var(--c-border);border-radius:8px;box-shadow:0 10px 28px #0e142029}.stranka-combo__opt{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem;width:100%;padding:.45rem .6rem;border:none;border-radius:6px;background:transparent;text-align:left;cursor:pointer;font:inherit;color:var(--c-text)}.stranka-combo__opt.is-active{background:#c1121f14}.stranka-combo__opt.is-selected{font-weight:600}.stranka-combo__naziv{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stranka-combo__sifra{flex:none;font-size:.78rem;color:var(--c-muted);font-variant-numeric:tabular-nums}.stranka-combo__empty{padding:.6rem;color:var(--c-muted);font-size:.85rem;text-align:center}
