:root{
  --bg:#07111f;
  --bg2:#0b1628;
  --card:#0f172a;
  --card2:#111c31;
  --line:rgba(255,255,255,.08);
  --text:#e5eefb;
  --muted:#94a3b8;
  --primary:#2563eb;
  --primary2:#3b82f6;
  --success:#16a34a;
  --warning:#f59e0b;
  --danger:#dc2626;
  --radius:18px;
  --shadow:0 20px 50px rgba(0,0,0,.28);
}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;
  background:
    radial-gradient(circle at top left, rgba(37,99,235,.18), transparent 28%),
    radial-gradient(circle at top right, rgba(56,189,248,.12), transparent 25%),
    linear-gradient(180deg,var(--bg),var(--bg2));
  color:var(--text);
  min-height:100vh;
}
a{color:inherit;text-decoration:none}
.container{width:min(1180px,calc(100% - 32px));margin:0 auto}
.page-shell{padding:24px 0 42px}
.topbar{
  position:sticky;top:0;z-index:80;
  backdrop-filter:blur(12px);
  background:rgba(7,17,31,.78);
  border-bottom:1px solid var(--line)
}
.nav-wrap{display:flex;align-items:center;justify-content:space-between;padding:14px 0;gap:16px}
.brand{display:flex;align-items:center;gap:12px;font-weight:800;letter-spacing:.2px}
.brand-mark{
  width:42px;height:42px;border-radius:14px;display:grid;place-items:center;
  background:linear-gradient(135deg,var(--primary),#38bdf8);
  box-shadow:0 12px 30px rgba(37,99,235,.35)
}
.nav{display:flex;align-items:center;gap:14px}
.nav a{color:#c8d7eb;font-weight:600}
.nav a:hover{color:#fff}
.nav-toggle{
  display:none;border:1px solid var(--line);background:#0f172a;color:#fff;
  padding:9px 12px;border-radius:12px;cursor:pointer
}
.hero{
  display:grid;grid-template-columns:1.25fr .95fr;gap:24px;align-items:stretch;
  margin-top:12px
}
.hero-card,.card,.panel,.table-wrap,.auth-box,.stat,.mini-card{
  background:linear-gradient(180deg,rgba(17,28,49,.95),rgba(11,22,40,.95));
  border:1px solid var(--line);
  border-radius:var(--radius);
  box-shadow:var(--shadow)
}
.hero-card{padding:30px}
.hero h1{font-size:clamp(2rem,4vw,3.3rem);line-height:1.02;margin:0 0 14px}
.lead{font-size:1.05rem;color:#c7d7eb;max-width:62ch}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}
.hero-metrics{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.stat{padding:22px}
.stat h3{margin:0 0 4px;font-size:1rem;color:#b6c5db}
.stat strong{font-size:2rem}
.grid{display:grid;gap:18px}
.grid-2{grid-template-columns:repeat(2,1fr)}
.grid-3{grid-template-columns:repeat(3,1fr)}
.grid-4{grid-template-columns:repeat(4,1fr)}
.card{padding:22px}
.card h3,.panel h3{margin:0 0 8px}
.muted{color:var(--muted)}
.section-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:30px 0 16px}
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  border:none;border-radius:14px;padding:12px 16px;font-weight:800;cursor:pointer;
  transition:.22s ease;line-height:1
}
.btn:hover{transform:translateY(-1px)}
.btn-primary{background:linear-gradient(135deg,var(--primary),var(--primary2));color:#fff}
.btn-success{background:linear-gradient(135deg,#15803d,#16a34a);color:#fff}
.btn-danger{background:linear-gradient(135deg,#b91c1c,#dc2626);color:#fff}
.btn-ghost{background:#162238;color:#fff;border:1px solid var(--line)}
.btn-sm{padding:10px 12px;font-size:.92rem;border-radius:12px}
.badge{
  display:inline-flex;align-items:center;gap:8px;padding:7px 11px;border-radius:999px;
  font-size:.84rem;font-weight:800;border:1px solid var(--line)
}
.badge.online{background:rgba(22,163,74,.15);color:#8df0a3}
.badge.offline{background:rgba(255,255,255,.06);color:#bcd}
.badge.role{background:rgba(37,99,235,.16);color:#9cc0ff}
.badge.warn{background:rgba(245,158,11,.14);color:#ffd48a}
.badge.danger{background:rgba(220,38,38,.15);color:#ffb3b3}
.toolbar{
  display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:18px
}
.input,.select,.textarea,.file{
  width:100%;padding:13px 14px;border-radius:14px;
  background:#0c1526;border:1px solid var(--line);color:#fff;outline:none
}
.textarea{min-height:120px;resize:vertical}
.input:focus,.select:focus,.textarea:focus,.file:focus{border-color:#3b82f6;box-shadow:0 0 0 4px rgba(59,130,246,.15)}
.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.form-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.label{display:block;font-size:.92rem;color:#bfd0e6;margin-bottom:8px;font-weight:700}
.panel{padding:22px}
.auth-box{max-width:560px;margin:26px auto;padding:26px}
.auth-box h1{margin-top:0}
.alert{
  padding:14px 16px;border-radius:16px;margin-bottom:18px;border:1px solid var(--line);
  font-weight:700
}
.alert-success{background:rgba(22,163,74,.12);color:#98f0ad}
.alert-error{background:rgba(220,38,38,.12);color:#ffb7b7}
.table-wrap{overflow:auto;padding:8px}
.table{width:100%;border-collapse:collapse}
.table th,.table td{padding:14px 12px;border-bottom:1px solid var(--line);vertical-align:top}
.table th{text-align:left;color:#b7c8e0;font-size:.9rem}
.table tr:hover td{background:rgba(255,255,255,.02)}
.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.kpi{padding:20px}
.kpi .value{font-size:2rem;font-weight:900}
.kpi .label{margin:0;color:#9fb0c6}
.user-line{display:flex;align-items:center;gap:12px}
.avatar{
  width:44px;height:44px;border-radius:14px;object-fit:cover;border:1px solid var(--line);
  background:linear-gradient(135deg,#1d4ed8,#0891b2);display:grid;place-items:center;font-weight:800
}
.empty{
  padding:20px;border-radius:16px;background:rgba(255,255,255,.03);border:1px dashed var(--line);color:#b4c4dc
}
.site-footer{border-top:1px solid var(--line);padding:26px 0;background:rgba(0,0,0,.12)}
.footer-grid{display:flex;justify-content:space-between;gap:18px;align-items:center;flex-wrap:wrap}
.footer-brand{font-size:1.12rem;font-weight:900;margin-bottom:6px}
.footer-mini{display:flex;gap:10px;flex-wrap:wrap}
.footer-mini span{padding:8px 11px;background:#0c1526;border:1px solid var(--line);border-radius:999px;color:#b6c7dd}
.profile-head{
  display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-bottom:18px
}
.profile-head .avatar{width:84px;height:84px;border-radius:22px;font-size:1.4rem}
.quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.quick-link{padding:18px;border-radius:18px;border:1px solid var(--line);background:rgba(255,255,255,.03);display:block}
.quick-link strong{display:block;margin-bottom:6px}
hr.sep{border:0;border-top:1px solid var(--line);margin:22px 0}
@media (max-width: 980px){
  .hero,.grid-4,.kpi-grid,.quick-grid{grid-template-columns:repeat(2,1fr)}
  .grid-3{grid-template-columns:1fr 1fr}
}
@media (max-width: 760px){
  .nav-toggle{display:block}
  .nav{
    display:none;position:absolute;top:66px;left:16px;right:16px;flex-direction:column;align-items:stretch;
    background:#0f172a;border:1px solid var(--line);padding:14px;border-radius:18px;box-shadow:var(--shadow)
  }
  .nav.open{display:flex}
  .hero,.grid-2,.grid-3,.grid-4,.form-grid,.form-grid-3,.kpi-grid,.quick-grid,.hero-metrics{grid-template-columns:1fr}
  .container{width:min(100% - 22px,1180px)}
  .hero-card{padding:22px}
  .table th,.table td{padding:12px 10px}
}

/* country-select polish 1.1 */
.select option{
  color:#0f172a;
  background:#ffffff;
}
.input[type="date"]::-webkit-calendar-picker-indicator{
  cursor:pointer;
  filter:invert(1);
}