*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;background:#f5f7fb;color:#1f2937}a{color:inherit}.sidebar{position:fixed;left:0;top:0;bottom:0;width:250px;background:#18212f;color:#fff;padding:20px;overflow:auto}.brand{font-size:20px;font-weight:700;margin-bottom:20px}.sidebar nav a{display:block;color:#dfe7f2;text-decoration:none;padding:10px 12px;border-radius:8px;margin-bottom:6px}.sidebar nav a:hover{background:rgba(255,255,255,.08)}.nav-group{margin:14px 0 8px;color:#94a3b8;font-size:12px;text-transform:uppercase;letter-spacing:.08em}.submenu{padding-left:22px!important}.sidebar-footer{margin-top:20px;border-top:1px solid rgba(255,255,255,.1);padding-top:12px}.lang-switcher{margin-top:10px;display:flex;gap:8px;flex-wrap:wrap}.lang-pill{display:inline-block;padding:4px 8px;border-radius:999px;background:rgba(255,255,255,.08);text-decoration:none}.lang-pill.active{background:#2563eb}.env-indicator{margin-top:12px;padding:10px 12px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.06)}.env-head{display:flex;flex-direction:column;gap:8px}.env-badge{display:inline-flex;align-self:flex-start;padding:4px 10px;border-radius:999px;font-size:11px;font-weight:700;letter-spacing:.08em}.env-status-text{font-size:12px;color:#e2e8f0}.env-details{margin-top:8px;font-size:11px;line-height:1.45;color:#cbd5e1;word-break:break-word}.env-dev .env-badge{background:#1d4ed8;color:#dbeafe}.env-live .env-badge{background:#15803d;color:#dcfce7}.env-status-confirmed{border-color:rgba(74,222,128,.35);background:rgba(21,128,61,.15)}.env-status-confirmed .env-status-text{color:#dcfce7}.env-status-mismatch{border-color:rgba(251,146,60,.45);background:rgba(154,52,18,.22)}.env-status-mismatch .env-status-text{color:#fed7aa}.env-status-config_only{border-color:rgba(148,163,184,.35);background:rgba(51,65,85,.24)}.content.with-sidebar{margin-left:250px;padding:24px}.content.auth-only{display:flex;min-height:100vh;align-items:center;justify-content:center;padding:20px}.auth-card,.card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:20px;box-shadow:0 6px 20px rgba(15,23,42,.04)}.auth-card{width:min(420px,100%)}.stack,.grid-form{display:grid;gap:12px}.grid-form{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.grid-form .full{grid-column:1/-1}input,button,select,textarea{width:100%;padding:11px 12px;border-radius:8px;border:1px solid #cbd5e1;font:inherit}button{background:linear-gradient(135deg,#1f6f54,#174e3d);color:#fff;border:none;cursor:pointer;width:auto;box-shadow:0 10px 20px rgba(23,78,61,.18);font-weight:700}button:hover{opacity:1;background:linear-gradient(135deg,#256b59,#1b5a46)}.muted{color:#64748b}.small{font-size:12px}.alert{background:#fee2e2;color:#991b1b;padding:10px 12px;border-radius:8px;margin-bottom:12px}.card-grid,.two-col{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin-bottom:16px}.stat{font-size:28px;font-weight:700;margin:6px 0 0}.table{width:100%;border-collapse:collapse;background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden}.table th,.table td{padding:12px;border-bottom:1px solid #e2e8f0;text-align:left;vertical-align:top}.table th{background:#f8fafc}.table.compact th,.table.compact td{padding:8px}.inline-form{display:flex;gap:8px;align-items:center}.simple-list{margin:0;padding-left:18px}.form-card{margin-bottom:16px}.page-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}
.sidebar{width:252px;padding:14px 12px;background:
linear-gradient(180deg,rgba(18,39,34,.98),rgba(28,56,48,.98) 54%,rgba(17,34,29,.99)),
radial-gradient(circle at top left,rgba(198,176,137,.12),transparent 42%);
box-shadow:18px 0 48px rgba(12,24,20,.22)}
.content.with-sidebar{margin-left:252px}
.sidebar-brand-logo-card{display:flex;align-items:center;justify-content:center;padding:4px 8px 2px;margin-bottom:6px;text-decoration:none}
.sidebar-brand-logo-wrap{width:100%;display:flex;align-items:center;justify-content:center;padding:0}
.sidebar-brand-logo{width:min(100%, 188px);max-height:48px;display:block;object-fit:contain}
.sidebar-brand-logo-card:hover .sidebar-brand-logo{filter:brightness(1.05)}
.sidebar-brand-copy-card{display:block;padding:11px 12px;border-radius:16px;background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.025));border:1px solid rgba(214,231,222,.10);box-shadow:0 10px 24px rgba(0,0,0,.14);margin-bottom:12px;text-decoration:none;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.sidebar-brand-copy-card:hover{transform:translateY(-1px);border-color:rgba(214,231,222,.18);box-shadow:0 14px 28px rgba(0,0,0,.18)}
.sidebar-brand-copy{min-width:0;text-align:center}
.sidebar-brand-kicker{font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:#d7d0bc;font-weight:800}
.sidebar-brand-title{margin-top:6px;font-size:18px;line-height:1.02;font-weight:900;color:#f8fafc;letter-spacing:.07em}
.sidebar nav{display:grid;gap:2px}
.sidebar nav a{padding:9px 11px;border-radius:11px;font-weight:700;color:#edf5f1;transition:background .18s ease,color .18s ease,transform .18s ease,box-shadow .18s ease}
.sidebar nav a:hover{background:linear-gradient(135deg,rgba(77,140,112,.24),rgba(41,84,67,.18));color:#fff;transform:translateX(2px);box-shadow:0 10px 22px rgba(22,62,48,.22)}
.nav-group{margin:12px 0 6px;padding-left:4px;color:#9db6ab;font-size:10px;font-weight:800;letter-spacing:.14em}
.submenu{padding-left:22px!important}
.sidebar-footer{margin-top:12px;padding-top:10px;border-top:1px solid rgba(255,255,255,.08)}
.lang-switcher{margin-top:8px;gap:5px}
.lang-pill{padding:5px 8px;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid rgba(230,239,234,.08);font-size:10px;font-weight:800;color:#edf5f1}
.lang-pill.active{background:#3f6f5d;border-color:#4b826d;color:#fff}
.env-indicator{margin-top:10px;padding:8px 10px;border-radius:14px}
.env-head{gap:6px}
.env-badge{padding:3px 8px;font-size:10px}
.env-status-text{font-size:11px}
.env-details{margin-top:6px;font-size:10px;line-height:1.35}
.env-indicator{padding:0!important;border:0!important;background:transparent!important;border-radius:0!important}
.env-head{display:flex!important;flex-direction:row!important;gap:0!important}
.env-badge{padding:4px 10px!important;font-size:10px!important;font-weight:800!important}
.env-status-confirmed .env-badge{background:#15803d!important;color:#dcfce7!important}
.env-status-mismatch .env-badge,.env-status-config_only .env-badge{background:#b91c1c!important;color:#fee2e2!important}
.sidebar-sync-btn{margin-top:10px;display:flex;align-items:center;justify-content:center;width:100%;padding:10px 12px;border-radius:14px;text-decoration:none;font-weight:900;font-size:18px;line-height:1;border:1px solid rgba(255,255,255,.14);box-shadow:0 10px 24px rgba(0,0,0,.16);transition:transform .18s ease,box-shadow .18s ease,opacity .18s ease}
.sidebar-sync-btn:hover{transform:translateY(-1px);box-shadow:0 14px 28px rgba(0,0,0,.2)}
.sidebar-sync-btn.is-neutral{background:#475569;color:#f8fafc}
.sidebar-sync-btn.is-ok{background:#15803d;color:#ecfdf5}
.sidebar-sync-btn.is-warning{background:#b45309;color:#fff7ed}
.sidebar-sync-btn.is-error{background:#b91c1c;color:#fef2f2}