:root{--navy-900:#0b1526;--navy-700:#16294a;--blue-600:#2563eb;--blue-500:#3b82f6;--blue-100:#dbeafe;--blue-50:#eff6ff;--ink-900:#0f172a;--ink-600:#475569;--ink-400:#94a3b8;--bg:#f4f6fb;--card:#fff;--line:#e2e8f0;--green:#16a34a;--green-bg:#dcfce7;--red:#dc2626;--red-bg:#fee2e2;--amber:#b45309;--amber-bg:#fef3c7;--radius:12px;--shadow:0 1px 2px rgba(15,23,42,.06), 0 4px 16px rgba(15,23,42,.06)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,system-ui,-apple-system,Roboto,Arial,sans-serif;background:var(--bg);color:var(--ink-900);font-size:15px}.btn{display:inline-flex;align-items:center;gap:7px;border:none;border-radius:8px;padding:10px 18px;font-size:14px;font-weight:600;cursor:pointer;font-family:inherit;transition:.15s;text-decoration:none}.btn-primary{background:var(--blue-600);color:#fff}.btn-primary:hover{background:#1d4ed8}.btn-primary:disabled{background:var(--ink-400);cursor:not-allowed}.btn-ghost{background:transparent;color:var(--ink-600);border:1px solid var(--line)}.btn-ghost:hover{background:var(--blue-50);color:var(--blue-600)}.btn-block{width:100%;justify-content:center}.field{margin-bottom:14px}.field label{display:block;font-size:12.5px;font-weight:600;color:var(--ink-600);margin-bottom:5px}.field input,.field select,.field textarea{width:100%;padding:10px 12px;border:1px solid var(--line);border-radius:8px;font-size:14px;font-family:inherit;background:#fff;color:var(--ink-900)}.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--blue-500);box-shadow:0 0 0 3px #3b82f626}.field input:disabled{background:#f1f5f9;color:var(--ink-600)}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}table{width:100%;border-collapse:collapse}thead th{text-align:left;font-size:11.5px;letter-spacing:.8px;text-transform:uppercase;color:var(--ink-600);background:#f8fafc;padding:11px 16px;border-bottom:1px solid var(--line);font-weight:700;white-space:nowrap}tbody td{padding:13px 16px;border-bottom:1px solid var(--line);font-size:14px}tbody tr:last-child td{border-bottom:none}tr.clickable{cursor:pointer;transition:.1s}tr.clickable:hover{background:var(--blue-50)}.co-name{font-weight:600;color:var(--navy-700)}.empty{padding:26px;text-align:center;color:var(--ink-400)}.badge{display:inline-block;padding:3px 10px;border-radius:99px;font-size:11.5px;font-weight:700}.b-zvati,.b-da{background:var(--green-bg);color:var(--green)}.b-potencijalni{background:var(--amber-bg);color:var(--amber)}.b-nece,.b-ne,.b-danger{background:var(--red-bg);color:var(--red)}.page-head{display:flex;align-items:center;gap:14px;margin-bottom:6px}.page-head h2{font-size:21px;font-weight:700}.page-head .actions{margin-left:auto;display:flex;gap:10px}.page-sub{color:var(--ink-600);font-size:13.5px;margin-bottom:20px}.filters{display:flex;gap:10px;margin-bottom:16px;flex-wrap:wrap}.filters select,.filters input{padding:8px 12px;border:1px solid var(--line);border-radius:8px;font-size:13.5px;font-family:inherit;background:#fff;color:var(--ink-600)}.hint{background:var(--blue-50);border:1px solid var(--blue-100);color:#1e40af;border-radius:10px;padding:10px 14px;font-size:13px;margin-bottom:18px}.error-msg{background:var(--red-bg);color:var(--red);border-radius:8px;padding:10px 14px;font-size:13.5px;margin-bottom:14px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:22px}.stat{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:16px 18px;box-shadow:var(--shadow)}.stat .n{font-size:26px;font-weight:800;color:var(--navy-700)}.stat.warn .n{color:var(--red)}.stat .l{font-size:12.5px;color:var(--ink-600);margin-top:2px}.detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px 24px;padding:20px;border-bottom:1px solid var(--line);background:#fbfcfe}.dg-item .k{font-size:11.5px;text-transform:uppercase;letter-spacing:.7px;color:var(--ink-400);font-weight:700;margin-bottom:3px}.dg-item .v{font-size:14.5px;font-weight:600}.form-body{padding:22px 20px;display:grid;grid-template-columns:1fr 1fr;gap:16px 24px}.form-body .full{grid-column:1/-1}.form-foot{display:flex;justify-content:flex-end;gap:10px;padding:16px 20px;border-top:1px solid var(--line);background:#fbfcfe}.back{display:inline-flex;align-items:center;gap:6px;color:var(--blue-600);font-size:13.5px;font-weight:600;cursor:pointer;margin-bottom:14px;background:none;border:none;font-family:inherit}.back:hover{text-decoration:underline}.comments{padding:0 20px 22px}.comments h4{font-size:13px;text-transform:uppercase;letter-spacing:.7px;color:var(--ink-600);margin:16px 0 12px}.comment{border-left:3px solid var(--blue-100);padding:8px 14px;margin-bottom:10px;background:#f8fafc;border-radius:0 8px 8px 0}.comment .cd{font-size:11.5px;color:var(--ink-400);font-weight:700;margin-bottom:2px}.comment .ct{font-size:13.5px;color:var(--ink-600)}.avatar{width:34px;height:34px;border-radius:99px;background:linear-gradient(135deg,#38bdf8,#2563eb);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:13px;flex:none}@media (max-width:768px){.page-head{flex-wrap:wrap;gap:10px}.page-head h2{font-size:19px}.page-head .actions{margin-left:0;width:100%}.page-head .actions .btn{flex:1;justify-content:center}.card{overflow-x:auto}table{min-width:560px}.form-body{grid-template-columns:1fr}.detail-grid{grid-template-columns:1fr 1fr;padding:16px}.stats{grid-template-columns:repeat(2,1fr);gap:10px}.stat .n{font-size:22px}.filters{gap:8px}.filters input,.filters select{flex:1;min-width:0}}