:root{--client-header-bg: #242939;--client-page-bg: #111521;--client-sidebar-bg: #1c2130;--client-content-bg: #1a1f2e;--client-tile-bg: #1c2130;--client-tile-border: #6b8dc0;--client-tile-shadow: 0 4px 24px rgba(0, 0, 0, .55);--client-text: #e5e7eb;--client-text-muted: #9ca3af;--client-border: rgba(148, 163, 184, .35);--client-active-bg: rgba(139, 92, 246, .25);--client-active-dot: #8b5cf6;--client-input-bg: #1a1f2e;--client-card-bg: #1e2538;--client-card-border: #5a7aaa;--bg: #1a1f2e;--bg-elevated: #1e2538;--accent: #8b5cf6;--accent-soft: rgba(139, 92, 246, .25);--accent-strong: #a78bfa;--border-subtle: #5a7aaa;--text-main: #e5e7eb;--text-muted: #9ca3af}[data-mantine-color-scheme=dark]{--client-header-bg: #242939;--client-page-bg: #111521;--client-sidebar-bg: #1c2130;--client-content-bg: #1a1f2e;--client-tile-bg: #1c2130;--client-tile-border: #6b8dc0;--client-tile-shadow: 0 4px 24px rgba(0, 0, 0, .55);--client-text: #e5e7eb;--client-text-muted: #9ca3af;--client-border: rgba(148, 163, 184, .35);--client-active-bg: rgba(139, 92, 246, .25);--client-active-dot: #8b5cf6;--client-input-bg: #1a1f2e;--client-card-bg: #1e2538;--client-card-border: #5a7aaa;--bg: #1a1f2e;--bg-elevated: #1e2538;--accent: #8b5cf6;--accent-soft: rgba(139, 92, 246, .25);--accent-strong: #a78bfa;--border-subtle: #5a7aaa;--text-main: #e5e7eb;--text-muted: #9ca3af}[data-mantine-color-scheme=light]{--client-header-bg: #ffffff;--client-page-bg: #d8e0ea;--client-sidebar-bg: #ffffff;--client-content-bg: #f8fafc;--client-tile-bg: #ffffff;--client-tile-border: #3d68b0;--client-tile-shadow: 0 2px 12px rgba(15, 23, 42, .12);--client-text: #0f172a;--client-text-muted: #64748b;--client-border: rgba(15, 23, 42, .18);--client-active-bg: rgba(99, 102, 241, .15);--client-active-dot: #6366f1;--client-input-bg: #f1f5f9;--client-card-bg: #ffffff;--client-card-border: #3d68b0;--bg: #f1f5f9;--bg-elevated: #ffffff;--accent: #6366f1;--accent-soft: rgba(99, 102, 241, .15);--accent-strong: #6366f1;--border-subtle: #3d68b0;--text-main: #0f172a;--text-muted: #64748b}:root{--danger: #fb7185;--danger-soft: rgba(248, 113, 113, .18);--ok: #34d399;--ok-soft: rgba(52, 211, 153, .2)}body,html,#root{margin:0;padding:0;height:100%;font-family:system-ui,-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,sans-serif;background:var(--client-content-bg);color:var(--client-text)}.client-shell{min-height:100%;display:flex;flex-direction:column;background:radial-gradient(circle at top left,#0b1120 0,#020617 60%);color:#e5e7eb}.client-shell__header{display:flex;justify-content:space-between;align-items:center;padding:18px 26px;border-bottom:1px solid rgba(15,23,42,.9);background:linear-gradient(90deg,#0f172ae6,#1e40af66,#0f172ae6)}.client-shell__title{font-size:18px;font-weight:600}.client-shell__subtitle{font-size:12px;color:#9ca3af}.client-shell__user{display:flex;align-items:center;gap:10px}.client-shell__avatar{width:32px;height:32px;border-radius:999px;background:radial-gradient(circle at 30% 0,#22c55e,#16a34a);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600;color:#ecfdf5}.client-shell__user-name{font-size:13px}.client-shell__user-role{font-size:11px;color:#9ca3af}.client-shell__main{padding:20px 26px 26px;display:flex;flex-direction:column;gap:18px}.client-layout{display:grid;grid-template-columns:260px minmax(0,1fr);grid-template-rows:56px minmax(0,1fr);grid-template-areas:"sidebar header" "sidebar content";gap:12px;padding:12px;min-height:100vh;height:100vh;box-sizing:border-box;background:var(--client-page-bg);color:var(--client-text)}.client-layout__sidebar{grid-area:sidebar;background:var(--client-tile-bg);min-height:0;border:1.5px solid var(--client-tile-border)!important;border-radius:12px;padding:16px 14px;display:flex;flex-direction:column;gap:20px;align-self:stretch}[data-mantine-color-scheme=dark] .client-layout__sidebar{box-shadow:0 4px 24px #0009,0 0 0 1px #6b8dc059}[data-mantine-color-scheme=light] .client-layout__sidebar{box-shadow:0 2px 16px #0f172a24,0 0 0 1px #3d68b040}.client-brand{display:flex;align-items:center;gap:10px;padding:4px 6px}.client-brand__logo{width:28px;height:28px;flex-shrink:0}.client-brand__logo-img{display:block;height:28px;width:auto}[data-mantine-color-scheme=dark] .client-brand__logo-img{filter:drop-shadow(0 2px 8px rgba(0,0,0,.3))}.client-brand__title{font-size:16px;font-weight:600;letter-spacing:.02em;color:var(--client-text)}.client-brand__accent{color:#8b5cf6}[data-mantine-color-scheme=light] .client-brand__accent{color:#6366f1}.client-nav{display:flex;flex-direction:column;gap:2px;flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding:2px 0}.client-nav-section{display:flex;flex-direction:column;gap:2px;flex-shrink:0}.client-nav-section+.client-nav-section{margin-top:10px;padding-top:10px;border-top:1px solid var(--client-tile-border)}.client-nav-section__header{color:var(--client-text-muted);font-size:11px;text-transform:uppercase;letter-spacing:.06em;line-height:1.4;padding:6px 10px;display:flex;align-items:center;gap:6px;box-sizing:border-box;min-height:28px}.client-nav-section__items{display:flex;flex-direction:column;gap:2px}.client-nav__item{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:8px;font-size:13px;color:var(--client-text-muted);text-decoration:none;transition:background .15s ease,color .15s ease}.client-nav__item:hover{background:var(--client-border);color:var(--client-text)}.client-nav__item--active{background:var(--client-active-bg);color:var(--client-text);font-weight:500;border-left:3px solid var(--client-active-dot);padding-left:9px}[data-mantine-color-scheme=dark] .client-nav__item--active{background:#8b5cf638;box-shadow:inset 0 0 12px #8b5cf61a}[data-mantine-color-scheme=light] .client-nav__item--active{background:#6366f11f}.client-nav__dot{width:8px;height:8px;border-radius:50%;background:var(--client-active-dot);flex-shrink:0}.client-nav__item:not(.client-nav__item--active) .client-nav__dot{background:var(--client-text-muted);opacity:.6}.client-nav__soon{font-size:10px;padding:2px 6px;border-radius:4px;background:#8b5cf633;color:#a78bfa;margin-left:auto}[data-mantine-color-scheme=light] .client-nav__soon{background:#6366f126;color:#6366f1}.client-layout__header{grid-area:header;border:1.5px solid var(--client-tile-border)!important;border-radius:12px;padding:0 20px;display:flex;align-items:center;justify-content:flex-end;gap:16px;background:var(--client-header-bg)}[data-mantine-color-scheme=dark] .client-layout__header{box-shadow:0 2px 12px #00000073,0 0 0 1px #6b8dc04d}[data-mantine-color-scheme=light] .client-layout__header{box-shadow:0 1px 8px #0f172a1a,0 0 0 1px #3d68b02e}.client-header__right{display:flex;align-items:center;gap:16px}.client-header__icons{display:flex;align-items:center;gap:4px}.client-header__icon-btn{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--client-text-muted);background:transparent;border:none;cursor:pointer;transition:color .15s,background .15s}.client-header__icon-btn:hover{color:var(--client-text);background:var(--client-border)}.client-header__spacer{width:1px;height:24px;background:var(--client-border);margin:0 4px}.client-header__balance{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--client-text)}.client-header__top-up{border-radius:8px;font-size:13px;font-weight:500;padding:6px 14px;background:#ef4444;color:#fff;border:none;cursor:pointer;transition:opacity .15s}.client-header__top-up:hover{opacity:.9}.client-header__support,.client-header__user{display:flex;align-items:center;gap:6px;padding:6px 10px;border-radius:8px;font-size:13px;color:var(--client-text);background:transparent;border:none;cursor:pointer;transition:background .15s}.client-header__support:hover,.client-header__user:hover{background:var(--client-border)}.client-header__user-menu{position:relative}.client-layout__content{grid-area:content;background:var(--client-tile-bg);border:1.5px solid var(--client-tile-border)!important;border-radius:12px;padding:24px 28px 32px;overflow:auto;min-height:0}[data-mantine-color-scheme=dark] .client-layout__content{box-shadow:0 4px 24px #0000008c,0 0 0 1px #6b8dc059}[data-mantine-color-scheme=light] .client-layout__content{box-shadow:0 2px 12px #0f172a1f,0 0 0 1px #3d68b038}.client-dashboard__header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:20px}.client-dashboard__title-wrap{display:flex;align-items:center;gap:12px}.client-dashboard__icon{width:40px;height:40px;border-radius:10px;background:var(--client-active-bg);display:flex;align-items:center;justify-content:center;color:var(--client-active-dot)}.client-dashboard__title{font-size:24px;font-weight:600;margin:0 0 4px;color:var(--client-text)}.client-dashboard__subtitle{font-size:13px;color:var(--client-text-muted);margin:0}.client-dashboard__actions{display:flex;align-items:center;gap:10px}.client-dashboard__tabs{display:flex;gap:4px;border-bottom:1px solid var(--client-border);margin-bottom:24px}.client-dashboard__tab{padding:10px 16px;font-size:14px;color:var(--client-text-muted);background:none;border:none;border-bottom:2px solid transparent;margin-bottom:-1px;cursor:pointer;transition:color .15s,border-color .15s}.client-dashboard__tab:hover{color:var(--client-text)}.client-dashboard__tab--active{color:var(--client-text);border-bottom-color:var(--client-active-dot);font-weight:500}.client-dashboard__section-title{font-size:16px;font-weight:600;margin:0 0 16px;color:var(--client-text);display:flex;align-items:center;justify-content:space-between}.client-dashboard__cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.client-service-card{background:var(--client-card-bg);border:1.5px solid var(--client-card-border)!important;border-radius:12px;padding:20px;transition:border-color .15s,box-shadow .15s}[data-mantine-color-scheme=light] .client-service-card{box-shadow:0 1px 4px #0f172a1f,0 4px 16px #0f172a1a}[data-mantine-color-scheme=dark] .client-service-card{box-shadow:0 2px 10px #0009,0 0 0 1px #5a7aaa80}.client-service-card:hover{border-color:var(--client-active-dot);box-shadow:0 8px 28px #6366f138}[data-mantine-color-scheme=dark] .client-service-card:hover{border-color:#a78bfa;box-shadow:0 8px 28px #8b5cf659,0 0 0 1px #a78bfa4d}.client-service-card__icon{width:48px;height:48px;border-radius:10px;background:var(--client-active-bg);color:var(--client-active-dot);display:flex;align-items:center;justify-content:center;margin-bottom:12px}.client-service-card__title{font-size:16px;font-weight:600;margin:0 0 6px;color:var(--client-text)}.client-service-card__desc{font-size:13px;color:var(--client-text-muted);margin:0;line-height:1.45}.client-card{border-radius:18px;padding:18px 18px 16px;border:1.5px solid var(--client-card-border)!important;background:radial-gradient(circle at top left,#020617 0,#020617 70%);box-shadow:0 14px 35px #0f172ae6}.client-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)}.client-auth-shell__inner{width:100%;max-width:760px;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);border-radius:20px;overflow:hidden;border:1px solid rgba(148,163,184,.35);box-shadow:0 26px 60px #0f172af2,0 0 0 1px #0f172acc}.client-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:center;color:#e5e7eb}.client-auth-shell__logo img{height:40px;width:auto;filter:brightness(0) invert(1) drop-shadow(0 14px 30px rgba(15,23,42,.95))}.client-auth-shell__title{margin:18px 0 4px;font-size:20px;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.client-auth-shell__subtitle{margin:0;font-size:13px;color:#9ca3af}.client-auth-shell__form{padding:26px 24px 24px;background:radial-gradient(circle at top,#0f172af5,#020617 70%);display:flex;align-items:center;justify-content:center}.client-auth-card{max-width:340px}.client-auth-card__title{margin:0 0 4px;font-size:18px;font-weight:550;color:#e5e7eb}.client-auth-card__subtitle{margin:0 0 16px;font-size:13px;color:#9ca3af}.client-auth-card__form{display:flex;flex-direction:column;gap:10px}.client-auth-field{font-size:13px;display:flex;flex-direction:column;color:#e5e7eb}.client-auth-field__label{margin-bottom:2px;color:#e5e7eb}.client-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}.client-auth-field__input::placeholder{color:#e5e7eb;opacity:.75}.client-auth-field__input:focus-visible{outline:none;border-color:#60a5faf2;box-shadow:0 0 0 1px #3b82f6b3}.client-auth-error{margin-top:2px;font-size:12px;color:#fecaca}.client-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}.client-auth-card__submit:disabled{opacity:.7;cursor:default}.client-auth-card__submit:not(:disabled):hover{filter:brightness(1.05)}.client-auth-actions{margin-top:8px;display:flex;flex-wrap:wrap;gap:8px}.client-card--primary{background:radial-gradient(circle at top left,#1d4ed8 0,#020617 65%);border-color:#60a5facc}.client-card__header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:8px}.client-card__title{margin:0 0 4px;font-size:16px;font-weight:500}.client-card__subtitle{margin:0;font-size:13px;color:#9ca3af}.client-badge{font-size:11px;padding:4px 9px;border-radius:999px;border:1px solid rgba(191,219,254,.7);background:#0f172acc;color:#dbeafe}.client-button{border:none;border-radius:999px;padding:7px 14px;font-size:13px;background:linear-gradient(135deg,#6366f1,#22c55e);color:#fff;cursor:pointer;box-shadow:0 10px 25px #2563ebb3}.client-button:hover{filter:brightness(1.05)}.client-vm-grid{margin-top:12px;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px}.client-vm-card{border-radius:14px;padding:12px 12px 10px;background:#0f172ae6;border:1px solid rgba(30,64,175,.7)}.client-vm-card__row{display:flex;justify-content:space-between;align-items:center}.client-vm-card__row--meta{margin-top:6px;font-size:12px;color:#9ca3af}.client-vm-card__row--meta span:last-child{opacity:.9}.client-vm-card__name{font-size:14px;font-weight:500}.client-vm-card__id{font-size:11px;color:#6b7280}.client-vm-card__actions{margin-top:8px;display:flex;flex-wrap:wrap;gap:6px}.client-status{font-size:11px;padding:3px 9px;border-radius:999px}.client-status--running{background:#16a34a2e;color:#4ade80}.client-status--stopped{background:#94a3b829;color:#e5e7eb}.client-status--building{background:#fbbf242e;color:#fde68a}.client-link-button{border:none;padding:3px 6px;font-size:12px;border-radius:6px;background:transparent;color:#93c5fd;cursor:pointer}.client-link-button:hover{background:#2563eb40}@media (max-width: 720px){.client-shell__header{flex-direction:column;align-items:flex-start;gap:10px}}[data-mantine-color-scheme=light] .mantine-TextInput-input,[data-mantine-color-scheme=light] .mantine-Select-input,[data-mantine-color-scheme=light] .mantine-Textarea-input,[data-mantine-color-scheme=light] .mantine-NumberInput-input,[data-mantine-color-scheme=light] .mantine-PasswordInput-input{border:1px solid rgba(15,23,42,.35)!important;background:#fff!important}[data-mantine-color-scheme=dark] .mantine-TextInput-input,[data-mantine-color-scheme=dark] .mantine-Select-input,[data-mantine-color-scheme=dark] .mantine-Textarea-input,[data-mantine-color-scheme=dark] .mantine-NumberInput-input,[data-mantine-color-scheme=dark] .mantine-PasswordInput-input{border:1px solid rgba(148,163,184,.5)!important;background:var(--client-input-bg)!important}[data-mantine-color-scheme=dark] .mantine-Card-root{background:var(--client-card-bg)!important;border:1.5px solid var(--client-card-border)!important;box-shadow:0 2px 12px #00000073,0 0 0 1px #5a7aaa40}[data-mantine-color-scheme=light] .mantine-Card-root{border:1.5px solid var(--client-card-border)!important;box-shadow:0 1px 6px #0f172a1a,0 0 0 1px #3d68b02e}[data-mantine-color-scheme=dark] .mantine-Paper-root[data-with-border]{border:1.5px solid var(--client-card-border)!important;box-shadow:0 2px 12px #00000073,0 0 0 1px #5a7aaa40}[data-mantine-color-scheme=light] .mantine-Paper-root[data-with-border]{border:1.5px solid var(--client-card-border)!important;box-shadow:0 1px 4px #0f172a1a,0 2px 12px #0f172a14}[data-mantine-color-scheme=dark] .mantine-Modal-content{border:1.5px solid var(--client-card-border)!important;box-shadow:0 8px 40px #000000b3,0 0 0 1px #5a7aaa4d!important}[data-mantine-color-scheme=light] .mantine-Modal-content{border:1.5px solid var(--client-card-border)!important;box-shadow:0 8px 40px #0f172a2e,0 0 0 1px #3d68b033!important}.mantine-Table-root thead tr th{font-weight:600;font-size:11.5px;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;vertical-align:middle}.mantine-Table-root tbody tr td{vertical-align:middle}[data-mantine-color-scheme=dark] .mantine-Table-root thead tr th{background:#6b8dc01a;color:#94a3b8e0;border-bottom-color:#94a3b838!important}[data-mantine-color-scheme=dark] .mantine-Table-root tbody tr td{border-bottom-color:#94a3b81a!important}[data-mantine-color-scheme=light] .mantine-Table-root thead tr th{background:#3d68b00f;color:#0f172a94;border-bottom-color:#0f172a29!important}[data-mantine-color-scheme=light] .mantine-Table-root tbody tr td{border-bottom-color:#0f172a14!important}[data-mantine-color-scheme=dark] .mantine-Divider-root{border-color:#94a3b840!important}