:root{--bg: #020617;--bg-elevated: rgba(15, 23, 42, .9);--accent: #6366f1;--accent-soft: rgba(99, 102, 241, .2);--accent-strong: #818cf8;--danger: #fb7185;--danger-soft: rgba(248, 113, 113, .18);--ok: #34d399;--ok-soft: rgba(52, 211, 153, .2);--border-subtle: rgba(148, 163, 184, .35);--text-main: #e5e7eb;--text-muted: #9ca3af}*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;padding:0;height:100%;font-family:system-ui,-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,sans-serif;background:radial-gradient(circle at 0% 0%,rgba(56,189,248,.18),transparent 55%),radial-gradient(circle at 100% 0%,rgba(129,140,248,.24),transparent 60%),linear-gradient(140deg,#020617,#020617 40%,#000);color:var(--text-main)}.layout{display:grid;grid-template-columns:260px minmax(0,1fr);grid-template-rows:64px minmax(0,1fr);grid-template-areas:"sidebar header" "sidebar content";height:100%}.layout__sidebar{grid-area:sidebar;background:linear-gradient(180deg,#0f172af5,#020617 60%);border-right:1px solid rgba(15,23,42,.95);padding:20px 18px;display:flex;flex-direction:column;gap:24px;box-shadow:18px 0 45px #0f172ad9}.auth-shell{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background:radial-gradient(circle at 0% 0%,rgba(56,189,248,.16),transparent 55%),radial-gradient(circle at 100% 0%,rgba(129,140,248,.22),transparent 60%),linear-gradient(135deg,#020617,#020617 40%,#000)}.auth-shell__inner{width:100%;max-width:880px;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);border-radius:20px;overflow:hidden;box-shadow:0 26px 60px #0f172af2,0 0 0 1px #0f172acc;border:1px solid rgba(148,163,184,.35)}.auth-shell__side{padding:30px 26px;background:radial-gradient(circle at 0% 0%,rgba(56,189,248,.35),transparent 65%),radial-gradient(circle at 100% 100%,rgba(59,130,246,.4),transparent 70%),linear-gradient(135deg,#020617,#020617 60%,#111827);display:flex;flex-direction:column;justify-content:space-between;color:#e5e7eb}.auth-shell__logo img{height:40px;width:auto;filter:drop-shadow(0 14px 30px rgba(15,23,42,.95))}.auth-shell__title{margin:18px 0 4px;font-size:20px;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.auth-shell__subtitle{margin:0;font-size:13px;color:var(--text-muted)}.auth-shell__hint{margin-top:18px;font-size:12px;color:#bfdbfee6;max-width:260px}.auth-shell__form{padding:26px 24px 24px;background:radial-gradient(circle at top,#0f172af5,#020617 70%)}.auth-card{max-width:360px}.auth-card__title{margin:0 0 4px;font-size:18px;font-weight:550}.auth-card__subtitle{margin:0 0 16px;font-size:13px;color:var(--text-muted)}.auth-card__form{display:flex;flex-direction:column;gap:10px}.auth-field{font-size:13px;display:flex;flex-direction:column}.auth-field__label{margin-bottom:2px}.auth-field__input{width:100%;margin-top:2px;padding:7px 9px;border-radius:9px;border:1px solid rgba(148,163,184,.7);background:#020617;color:#e5e7eb;font-size:13px}.auth-field__input:focus-visible{outline:none;border-color:#60a5faf2;box-shadow:0 0 0 1px #3b82f6b3}.auth-error{margin-top:2px;font-size:12px;color:#fecaca}.auth-card__submit{margin-top:8px;width:100%;border:none;border-radius:999px;padding:8px 14px;font-size:13px;background:linear-gradient(135deg,#6366f1,#22c55e);color:#f9fafb;cursor:pointer;box-shadow:0 12px 28px #2563ebcc}.auth-card__submit:disabled{opacity:.7;cursor:default}.auth-card__submit:not(:disabled):hover{filter:brightness(1.05)}.brand{display:flex;align-items:center;gap:10px}.brand__logo{width:28px;height:28px}.brand__logo-img{display:block;height:28px;width:auto;filter:drop-shadow(0 10px 24px rgba(15,23,42,.95))}.brand__title{font-size:17px;font-weight:600;letter-spacing:.04em}.brand__subtitle{font-size:11px;color:var(--text-muted)}.nav{display:flex;flex-direction:column;gap:6px;margin-top:4px}.nav-section{display:flex;flex-direction:column;gap:4px}.nav-section__header{width:100%;border:none;background:transparent;color:var(--text-muted);font-size:11px;text-transform:uppercase;letter-spacing:.08em;padding:4px 4px 2px;display:flex;align-items:center;justify-content:space-between;cursor:pointer}.nav-section__chevron{font-size:11px;opacity:.6;transition:transform .12s ease}.nav-section__chevron--open{transform:rotate(180deg)}.nav-section__items{display:flex;flex-direction:column;gap:4px}.nav__item{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:9px;font-size:13px;color:var(--text-muted);cursor:pointer;transition:background .16s ease,color .16s ease,transform .1s ease,box-shadow .16s ease}.nav__item--active{background:radial-gradient(circle at 0% 0%,#60a5fa59,#0f172af2);color:var(--text-main);box-shadow:0 0 0 1px #94a3b88c,0 8px 24px #0f172af2}.nav__item:hover{transform:translateY(-1px);background:#1e40afbf;color:var(--text-main)}.nav__dot{width:6px;height:6px;border-radius:999px;background:#94a3b8b3}.layout__header{grid-area:header;border-bottom:1px solid rgba(15,23,42,.9);padding:14px 24px;display:flex;align-items:center;justify-content:space-between;-webkit-backdrop-filter:blur(18px) saturate(130%);backdrop-filter:blur(18px) saturate(130%);background:linear-gradient(90deg,#0f172af5,#0f172ac2,#0f172af5)}.header__title{font-size:19px;font-weight:550}.header__pill{font-size:11px;padding:4px 9px;border-radius:999px;border:1px solid rgba(148,163,184,.5);color:var(--text-main);background:radial-gradient(circle at 0% 0%,#3b82f673,#0f172ae6)}.layout__content{grid-area:content;padding:26px 28px;overflow:auto}.grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:18px;align-items:flex-start}.card{background:radial-gradient(circle at 0% 0%,rgba(30,64,175,.45),transparent 55%),radial-gradient(circle at 100% 0%,rgba(8,47,73,.4),transparent 60%),linear-gradient(145deg,#0f172afa,#0f172ae6);border-radius:18px;padding:18px 18px 16px;border:1px solid var(--border-subtle);box-shadow:0 20px 55px #0f172af2,0 0 0 1px #0f172a99}.card__header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:12px}.card__title{font-size:15px;font-weight:520}.card__subtitle{font-size:12px;color:var(--text-muted)}.tag{display:inline-flex;align-items:center;gap:6px;padding:3px 8px;border-radius:999px;font-size:11px;background:#0f172ae6;border:1px solid rgba(148,163,184,.45)}.tag__dot{width:6px;height:6px;border-radius:999px;background:var(--accent)}.services-table{width:100%;border-collapse:collapse;font-size:13px}.services-table th,.services-table td{padding:8px;text-align:left}.services-table thead th{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);border-bottom:1px solid rgba(30,64,175,.7)}.services-table tbody tr:nth-child(odd){background:#0f172ae6}.services-table tbody tr:nth-child(2n){background:#0f172ad1}.services-table tbody tr:hover{background:radial-gradient(circle at 0 0,#3b82f6b3,#0f172ae6)}.status-pill{display:inline-flex;align-items:center;justify-content:center;min-width:58px;padding:2px 10px;border-radius:999px;font-size:11px;font-weight:500}.status-pill--ok{background:var(--ok-soft);color:var(--ok)}.status-pill--error{background:var(--danger-soft);color:var(--danger)}.badge-version-mismatch{display:inline-flex;align-items:center;gap:6px;padding:3px 8px;border-radius:999px;background:#7f1d1dd9;color:#fecaca;font-size:11px}.badge-version-mismatch:before{content:"";width:6px;height:6px;border-radius:999px;background:#fee2e2}.muted{color:var(--text-muted)}.client-link-button{border:none;padding:3px 8px;font-size:12px;border-radius:999px;background:#0f172a66;color:#93c5fd;cursor:pointer;border:1px solid rgba(148,163,184,.6)}.client-link-button:hover{background:radial-gradient(circle at 0 0,#3b82f659,#0f172ae6)}.client-button{border:none;border-radius:999px;padding:7px 14px;font-size:13px;background:linear-gradient(135deg,#6366f1,#22c55e);color:#f9fafb;cursor:pointer;box-shadow:0 10px 25px #2563ebb3;transition:transform .08s ease,box-shadow .12s ease,filter .12s ease}.client-button:hover{transform:translateY(-1px);filter:brightness(1.05);box-shadow:0 14px 32px #2563ebd9}.card__header-action{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:5px 12px;font-size:12px;border:1px solid rgba(129,140,248,.6);background:radial-gradient(circle at 0 0,#3b82f6cc,#22c55e66);color:#e5e7eb;cursor:pointer;box-shadow:0 10px 25px #1e40afb3}.card__header-action-icon{width:16px;height:16px;border-radius:999px;background:#0f172ae6;display:inline-flex;align-items:center;justify-content:center;font-size:12px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172acc;display:flex;align-items:center;justify-content:center;z-index:50}.modal{background:radial-gradient(circle at top left,#0f172a,#020617 55%);border-radius:16px;border:1px solid rgba(148,163,184,.4);box-shadow:0 24px 60px #0f172ae6,0 0 0 1px #0f172acc;padding:18px 18px 16px;width:560px;max-width:100%;max-height:80vh;overflow:auto}.modal__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.modal__title{font-size:15px;font-weight:600}.modal__close{border:none;background:transparent;color:#9ca3af;cursor:pointer;font-size:14px;padding:2px 4px}@media (max-width: 960px){.layout{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto minmax(0,1fr);grid-template-areas:"header" "sidebar" "content"}.layout__sidebar{flex-direction:row;align-items:center;justify-content:space-between}.grid{grid-template-columns:minmax(0,1fr)}}