/* Bijela pozadina, elegantno, narandžasto/crno */
:root{
  --bg:#ffffff;
  --card:#f7f7f8;
  --muted:#5a6472;
  --text:#0b0f15;
  --primary:#ff7a00;
  --primary-900:#101010;
  --positive:#16a34a;
  --danger:#dc2626;
  --warning:#eab308;
  --border:#e5e7eb;
  --radius:14px;
  --shadow: 0 10px 30px rgba(0,0,0,0.07);
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;}
a{color:var(--primary-900);text-decoration:none}
.container{max-width:1100px;margin:0 auto;padding:24px}
.grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));}
.grid-2{display:grid;gap:12px;grid-template-columns:repeat(2,1fr)}
.grid-3{display:grid;gap:12px;grid-template-columns:repeat(3,1fr)}
.split{display:grid;gap:16px;grid-template-columns:1.2fr 1fr}
@media (max-width:960px){.split{grid-template-columns:1fr}.grid-3{grid-template-columns:1fr}}
.card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px;border:1px solid var(--border)}
.link{transition:transform .15s ease, box-shadow .15s ease;border:1px solid rgba(255,122,0,0.4)}
.link:hover{transform:translateY(-2px);box-shadow:0 10px 25px rgba(255,122,0,0.22)}

.topbar{position:sticky;top:0;background:#fff;border-bottom:1px solid var(--border);z-index:50}
.flex-between{display:flex;align-items:center;justify-content:space-between;gap:14px}
.brand{display:flex;align-items:center;gap:10px;font-weight:700;font-size:18px}
.brand-logo{height:22px;object-fit:contain}
.logo-dot{display:inline-block;width:12px;height:12px;border-radius:99px;background:linear-gradient(135deg,var(--primary),#ff9b3e);box-shadow:0 0 0 3px rgba(255,122,0,0.15)}
.nav a{padding:10px 12px;border-radius:10px;color:#111}
.nav a:hover{background:#f2f2f3}
.user{display:flex;align-items:center;gap:8px}
.user-name{opacity:.8}

.table-wrap{overflow:auto;border-radius:12px;border:1px solid var(--border);background:#fff}
.table{width:100%;border-collapse:collapse;font-size:14px}
.table th,.table td{padding:10px 12px;border-bottom:1px solid var(--border);text-align:left;white-space:nowrap}
.table thead th{position:sticky;top:0;background:#fafafa;font-weight:600}

.form label{display:block;margin:8px 0 6px 2px;font-size:13px;color:var(--muted)}
.form input,.form select,.form textarea{
  width:100%;padding:10px 12px;border-radius:12px;border:1px solid var(--border);
  background:#fff;color:var(--text);outline:none;transition:border-color .15s}
.form input:focus,.form select:focus,.form textarea:focus{border-color:var(--primary)}
.checkbox{display:flex;align-items:center;gap:8px}
.filters{display:flex;gap:10px;flex-wrap:wrap}

.btn{padding:10px 14px;border-radius:12px;border:1px solid #111;background:#111;color:#fff;cursor:pointer}
.btn:hover{opacity:.95}
.btn-primary{background:linear-gradient(135deg,var(--primary),#ff9b3e);border:none;color:#111;font-weight:700;box-shadow:0 8px 18px rgba(255,122,0,0.15)}
.btn-danger{background:#dc2626;border:none;color:#fff}
.btn-warning{background:#ffb44d;border:none;color:#111}
.btn-ghost{background:transparent;border:1px solid var(--border);color:#111}
.btn-small{padding:6px 10px;border-radius:10px;font-size:12px}

.badge{padding:6px 10px;border-radius:999px;font-size:12px;border:1px solid var(--border)}
.badge-success{background:#ecfdf5;color:#065f46;border-color:#a7f3d0}
.badge-muted{background:#f5f5f5;color:#6b7280}

.alert{padding:12px 14px;border-radius:12px;background:#fff;border:1px solid var(--border)}
.alert-success{background:#f0fdf4;border-color:#86efac;color:#14532d}
.alert-error{background:#fef2f2;border-color:#fecaca;color:#7f1d1d}

.search-select{display:grid;grid-template-columns:1fr;gap:8px}
.divider{border:none;border-top:1px dashed var(--border);margin:14px 0}

.report-header{display:flex;justify-content:space-between;gap:14px;margin-bottom:10px}
.totals{display:flex;gap:16px;flex-wrap:wrap;margin-top:12px}
.total-item{background:#fff;border:1px solid var(--border);padding:10px 12px;border-radius:12px}

.auth-body{display:grid;place-items:center;min-height:100vh;background:#fff}
.auth-card{background:#fff;padding:28px;border-radius:16px;min-width:320px;box-shadow:var(--shadow);border:1px solid var(--border)}
.muted{color:var(--muted)}
.small{font-size:12px}