:root{--paper:#eef2f6;--card:#fafaf7;--ink:#131a2b;--blue:#1b3a5c;--blue-soft:#3d5a7a;--orange:#ff5a1f;--slate:#5c6b7a;--line:#c7d1db;--radius:12px;--green:#1e9e6e;--red:#d64545}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--paper);color:var(--ink);font-family:Inter,system-ui,sans-serif;line-height:1.5}button,input,textarea,select{font-family:inherit}a{color:inherit;text-decoration:none}.auth-screen{justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.auth-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);width:100%;max-width:380px;padding:40px 36px}.auth-logo{align-items:center;gap:2px;margin-bottom:6px;font-size:1.4rem;font-weight:700;display:flex}.auth-logo .bar{background:var(--orange);width:2px;height:18px;margin:0 3px}.auth-sub{color:var(--slate);margin-bottom:28px;font-size:.88rem}.auth-field{margin-bottom:16px}.auth-field label{color:var(--slate);margin-bottom:6px;font-size:.78rem;display:block}.auth-field input{border:1px solid var(--line);background:#fff;border-radius:8px;width:100%;padding:11px 13px;font-size:.94rem}.auth-field input:focus{outline:2px solid var(--orange);outline-offset:1px}.auth-error{border:1px solid var(--red);color:var(--red);background:#fceae6;border-radius:8px;margin-bottom:16px;padding:10px 12px;font-size:.84rem}.auth-toggle{text-align:center;color:var(--slate);margin-top:18px;font-size:.86rem}.auth-toggle button{color:var(--orange);cursor:pointer;background:0 0;border:none;font-weight:600}.langsw{border:1px solid var(--line);background:#fff;border-radius:7px;align-items:center;gap:2px;width:fit-content;padding:3px;display:flex}.langsw button{letter-spacing:.04em;color:var(--slate);cursor:pointer;background:0 0;border:none;border-radius:5px;padding:5px 9px;font-size:.7rem;font-weight:600}.langsw button.active{background:var(--blue);color:#fff}.auth-langsw{margin-bottom:22px}.sidebar .langsw{background:#ffffff14;border-color:#ffffff26;margin-bottom:16px}.sidebar .langsw button{color:#b7c7d6}.sidebar .langsw button.active{background:var(--orange);color:#fff}.password-field{position:relative}.password-field input{padding-right:44px}.password-toggle{cursor:pointer;color:var(--slate);background:0 0;border:none;align-items:center;padding:8px;display:flex;position:absolute;top:50%;right:4px;transform:translateY(-50%)}.password-toggle:hover{color:var(--ink)}.btn{background:var(--blue);color:#fff;cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;padding:11px 20px;font-size:.92rem;font-weight:500;transition:background .18s;display:inline-flex}.btn:hover{background:var(--orange)}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-sm{width:auto;padding:8px 14px;font-size:.85rem}.btn-outline{color:var(--ink);border:1.5px solid var(--line);background:0 0}.btn-outline:hover{border-color:var(--orange);color:var(--orange);background:0 0}.btn-danger{color:var(--red);background:0 0;border:1.5px solid #ebc5c5}.btn-danger:hover{background:var(--red);color:#fff}.app-shell{min-height:100vh;display:flex}.sidebar{background:var(--blue);color:#fff;flex-direction:column;flex-shrink:0;width:220px;padding:24px 18px;display:flex}.sidebar-logo{align-items:center;gap:2px;margin-bottom:6px;font-size:1.2rem;font-weight:700;display:flex}.sidebar-logo .bar{background:var(--orange);width:2px;height:16px;margin:0 3px}.sidebar-sub{text-transform:uppercase;letter-spacing:.08em;color:#9fb0c2;margin-bottom:36px;font-size:.68rem}.sidebar-nav{flex-direction:column;flex:1;gap:4px;display:flex}.sidebar-nav a{color:#d8e3ec;border-radius:8px;align-items:center;gap:10px;padding:10px 12px;font-size:.92rem;display:flex}.sidebar-nav a:hover{background:#ffffff0f}.sidebar-nav a.active{color:#fff;background:#ff5a1f29;font-weight:600}.sidebar-user{color:#9fb0c2;word-break:break-all;margin-bottom:12px;font-size:.78rem}.sidebar-sub-status{color:#ffb088;margin-bottom:8px;font-size:.72rem}.main-area{flex:1;max-width:1100px;padding:36px 44px}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:28px;display:flex}.page-head h1{font-size:1.5rem;font-weight:700}.page-head p{color:var(--slate);margin-top:4px;font-size:.9rem}.stat-grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:16px;margin-bottom:32px;display:grid}.stat-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:20px}.stat-card .label{text-transform:uppercase;letter-spacing:.04em;color:var(--slate);margin-bottom:8px;font-size:.76rem}.stat-card .value{font-size:1.7rem;font-weight:700}.table-toolbar{margin-bottom:14px}.search-input{border:1px solid var(--line);background:var(--card);border-radius:8px;width:100%;max-width:320px;padding:10px 14px;font-size:.9rem}.search-input:focus{outline:2px solid var(--orange);outline-offset:1px}thead th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}thead th.sortable:hover{color:var(--ink)}.sort-arrow{opacity:.5;margin-left:4px;font-size:.7em}.sort-arrow.active{opacity:1;color:var(--orange)}.table-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}table{border-collapse:collapse;width:100%}thead th{text-align:left;text-transform:uppercase;letter-spacing:.05em;color:var(--slate);border-bottom:1px solid var(--line);background:#f2f5f8;padding:14px 18px;font-size:.72rem}tbody td{border-bottom:1px solid var(--line);padding:14px 18px;font-size:.9rem}tbody tr:last-child td{border-bottom:none}tbody tr:hover{background:#f5f7fa}.empty-row td{text-align:center;color:var(--slate);padding:36px 18px}.badge{border-radius:20px;padding:3px 10px;font-size:.74rem;font-weight:600;display:inline-block}.badge-prijavljeno{color:var(--blue);background:#e5eef6}.badge-v_delu{color:var(--orange);background:#ffeadd}.badge-zakljuceno,.badge-paid{color:var(--green);background:#e1f3ec}.badge-unpaid{color:var(--red);background:#fceae6}.modal-overlay{z-index:100;background:#131a2b80;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal{border-radius:var(--radius);background:#fff;width:100%;max-width:440px;max-height:90vh;padding:28px;overflow-y:auto}.modal h2{margin-bottom:20px;font-size:1.15rem}.field{margin-bottom:14px}.field label{color:var(--slate);margin-bottom:6px;font-size:.78rem;display:block}.field input,.field select,.field textarea{border:1px solid var(--line);border-radius:8px;width:100%;padding:10px 12px;font-size:.9rem}.field textarea{resize:vertical;min-height:70px}.modal-actions{gap:10px;margin-top:22px;display:flex}.icon-btn{cursor:pointer;color:var(--slate);background:0 0;border:none;padding:4px 8px;font-size:.85rem}.icon-btn:hover{color:var(--orange)}.row-actions{gap:6px;display:flex}.top-actions{gap:10px;display:flex}.loading-text{color:var(--slate);text-align:center;padding:40px}@media (width<=1024px){.main-area{padding:28px 24px}.stat-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=760px){.app-shell{flex-direction:column}.sidebar{flex-flow:wrap;align-items:center;gap:14px;width:100%;padding:14px 18px}.sidebar-sub{display:none}.sidebar-nav{flex-flow:wrap;flex:none;gap:2px}.sidebar-nav a{padding:8px 10px;font-size:.86rem}.sidebar-user{display:none}.sidebar .langsw{margin-bottom:0}.main-area{padding:20px 16px}.stat-grid{grid-template-columns:1fr 1fr;gap:12px}table,thead,tbody,th,td,tr{display:block}thead{display:none}tbody tr{border-bottom:1px solid var(--line);padding:12px 16px}tbody td{border-bottom:none;justify-content:space-between;align-items:center;gap:10px;padding:6px 0;display:flex}tbody td:before{content:attr(data-label);color:var(--slate);font-size:.76rem;font-weight:600}.page-head{align-items:flex-start}.page-head h1{font-size:1.28rem}.modal{padding:22px 18px}}@media (width<=420px){.stat-grid{grid-template-columns:1fr}.auth-card{padding:30px 22px}}