* {
  box-sizing:border-box
}
html {
  background:var(--nk-bg);
  scrollbar-gutter:stable
}
body {
  margin:0;
  color:var(--nk-text);
  font:400 var(--nk-text-md)/var(--nk-leading) var(--nk-font);
  background:var(--nk-bg);
  -webkit-font-smoothing:antialiased
}
button,input,textarea,select {
  font:inherit
}
a {
  color:var(--nk-accent-light);
  text-decoration:none
}
a:hover {
  text-decoration:underline;
  text-underline-offset:4px
}
button,a,input,select,textarea {
  transition:background var(--nk-transition),border-color var(--nk-transition),color var(--nk-transition),box-shadow var(--nk-transition)
}
:focus-visible {
  outline:2px solid var(--nk-accent-light);
  outline-offset:4px
}
button:disabled {
  opacity:.48;
  cursor:not-allowed
}
button {
  cursor:pointer
}
h1,h2,h3,p,dl {
  margin-top:0
}
h1 {
  font-size:1.875rem;
  line-height:1.25;
  letter-spacing:-.035em;
  font-weight:650;
  margin-bottom:10px
}
h2 {
  font-size:1.125rem;
  letter-spacing:-.02em;
  line-height:1.4;
  font-weight:600;
  margin-bottom:12px
}
h3 {
  font-size:1rem;
  font-weight:600;
  margin-bottom:8px
}
p {
  color:var(--nk-text-muted);
  margin-bottom:16px
}
p:last-child {
  margin-bottom:0
}
small {
  font-size:var(--nk-text-xs);
  color:var(--nk-text-muted)
}
code {
  font-size:.8125rem;
  color:var(--nk-text-subtle);
  overflow-wrap:anywhere
}
hr {
  border:0;
  border-top:1px solid var(--nk-border);
  margin:24px 0
}
[hidden] {
  display:none!important
}
svg.nk-icon {
  width:20px;
  height:20px;
  flex-shrink:0;
  vertical-align:middle;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round
}
.nk-icon-large {
  width:24px!important;
  height:24px!important
}
.nk-eyebrow {
  font-size:.6875rem;
  font-weight:600;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--nk-text-muted);
  margin:0 0 10px
}
.nk-muted {
  color:var(--nk-text-muted)
}
.nk-visually-hidden {
  position:absolute;
  width:1px;
  height:1px;
  padding:0;
  margin:-1px;
  overflow:hidden;
  clip:rect(0,0,0,0);
  white-space:nowrap;
  border:0
}
.nk-skip {
  position:fixed;
  top:12px;
  left:12px;
  z-index:200;
  transform:translateY(-160%);
  background:var(--nk-surface-raised);
  color:var(--nk-text);
  padding:12px 20px;
  border-radius:8px
}
.nk-skip:focus {
  transform:none
}
button,.nk-button {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-height:42px;
  padding:10px 16px;
  border:1px solid transparent;
  border-radius:var(--nk-radius-sm);
  background:var(--nk-accent-strong);
  color:white;
  font-size:var(--nk-text-sm);
  font-weight:550;
  line-height:1.4;
  text-decoration:none;
  white-space:normal
}
button:hover:not(:disabled),.nk-button:hover {
  background:var(--nk-accent-hover);
  text-decoration:none
}
.nk-button-secondary {
  background:var(--nk-surface-raised);
  border-color:var(--nk-border);
  color:var(--nk-text)
}
.nk-button-secondary:hover {
  background:var(--nk-surface-hover)
}
.nk-button-ghost {
  background:transparent;
  color:var(--nk-text-muted)
}
.nk-button-ghost:hover {
  color:var(--nk-text);
  background:var(--nk-surface-raised)
}
.nk-button-danger,.danger-button,.session-revoke,.avatar-delete-button {
  background:var(--nk-error-bg);
  color:var(--nk-error);
  border-color:#66343c
}
.nk-button-danger:hover,.danger-button:hover:not(:disabled),.session-revoke:hover:not(:disabled),.avatar-delete-button:hover:not(:disabled) {
  background:#4a242d
}
.nk-icon-button {
  width:42px;
  padding:10px;
  flex-shrink:0
}
.nk-card {
  background:var(--nk-surface);
  border:1px solid var(--nk-border);
  border-radius:var(--nk-radius-md);
  padding:24px
}
.nk-section-heading {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  margin-bottom:18px
}
.nk-section-heading h2 {
  margin:0
}
.nk-avatar,.avatar {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:44px;
  height:44px;
  flex-shrink:0;
  border:1px solid var(--nk-border);
  border-radius:var(--nk-radius-full);
  background:var(--nk-surface-raised);
  color:var(--nk-accent-light);
  font-size:1rem;
  font-weight:600;
  overflow:hidden
}
.nk-avatar img,.avatar img {
  width:100%;
  height:100%;
  object-fit:cover
}
.nk-avatar-large,.avatar {
  width:80px;
  height:80px;
  font-size:1.75rem
}
.nk-avatar-small {
  width:34px;
  height:34px;
  font-size:.875rem
}
.nk-badge,.current-session {
  display:inline-flex;
  align-items:center;
  gap:6px;
  max-width:100%;
  padding:4px 9px;
  border:1px solid var(--nk-border);
  border-radius:var(--nk-radius-full);
  color:var(--nk-text-subtle);
  font-size:var(--nk-text-xs);
  font-weight:500;
  line-height:1.4;
  overflow-wrap:anywhere
}
.nk-badge-account {
  background:#221a36;
  color:#c4b5fd;
  border-color:#443260
}
.nk-badge-app {
  background:#16283e;
  color:#93c5fd;
  border-color:#284a6f
}
.nk-badge-tv {
  background:#122d25;
  color:#6ee7b7;
  border-color:#245644
}
.nk-badge-success,.current-session {
  background:var(--nk-success-bg);
  color:var(--nk-success);
  border-color:#245644
}
.nk-badge::before,.current-session::before {
  content:'';
  width:5px;
  height:5px;
  border-radius:50%;
  background:currentColor;
  flex-shrink:0
}
.nk-badge-muted::before {
  display:none
}
label {
  display:block;
  margin-bottom:7px;
  font-size:var(--nk-text-sm);
  font-weight:500;
  color:var(--nk-text-subtle)
}
input:not([type=hidden]):not([type=checkbox]):not([type=radio]),textarea,select {
  display:block;
  width:100%;
  min-width:0;
  min-height:44px;
  padding:10px 12px;
  border:1px solid var(--nk-control-border);
  border-radius:var(--nk-radius-sm);
  background:#111217;
  color:var(--nk-text);
  font-size:var(--nk-text-sm);
  line-height:1.5
}
input::placeholder,textarea::placeholder {
  color:var(--nk-text-muted);
  opacity:1
}
input:read-only {
  border-color:var(--nk-border);
  background:var(--nk-surface);
  color:var(--nk-text-muted)
}
textarea {
  resize:vertical;
  min-height:110px
}
input[type=checkbox],input[type=radio] {
  accent-color:var(--nk-accent);
  width:18px;
  height:18px;
  vertical-align:middle
}
input[type=file] {
  padding:9px;
  font-size:.8125rem
}
input[type=file]::file-selector-button {
  background:var(--nk-surface-raised);
  color:var(--nk-text);
  border:0;
  border-radius:5px;
  padding:6px 10px;
  margin-right:10px;
  font:inherit
}
.nk-field {
  margin-bottom:20px
}
.nk-field-hint {
  display:block;
  color:var(--nk-text-muted);
  font-size:.8125rem;
  margin-top:7px
}
.nk-form-actions {
  display:flex;
  align-items:center;
  gap:12px;
  margin-top:24px;
  flex-wrap:wrap
}
.nk-inline-form {
  display:flex;
  gap:12px;
  align-items:end;
  flex-wrap:wrap
}
.nk-inline-form>div {
  flex:1;
  min-width:180px
}
.nk-notice,.admin-notice,[role=alert] {
  padding:14px 16px;
  background:var(--nk-warning-bg);
  border:1px solid #705c26;
  border-radius:var(--nk-radius-sm);
  color:var(--nk-warning);
  font-size:var(--nk-text-sm);
  line-height:1.6
}
.nk-notice p,.admin-notice p {
  color:inherit
}
.nk-notice-info {
  color:var(--nk-info);
  border-color:#304e76;
  background:var(--nk-info-bg)
}
.nk-notice-success {
  color:var(--nk-success);
  border-color:#245644;
  background:var(--nk-success-bg)
}
[role=status]:not(:empty) {
  font-size:var(--nk-text-sm);
  color:var(--nk-text-subtle);
  margin:12px 0 0;
  line-height:1.6
}
.nk-empty {
  text-align:center;
  padding:36px 20px;
  color:var(--nk-text-muted)
}
.nk-spinner {
  display:inline-block;
  width:24px;
  height:24px;
  border:2px solid var(--nk-border);
  border-top-color:var(--nk-accent-light);
  border-radius:50%;
  animation:nk-spin 800ms linear infinite
}
@keyframes nk-spin {
  to {
    transform:rotate(360deg)
  }
}
.nk-service-icon {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex-shrink:0;
  width:42px;
  height:42px;
  border:1px solid var(--nk-border);
  border-radius:10px;
  color:var(--service-color,var(--nk-accent-light));
  background:var(--nk-surface-raised)
}
.service-web {
  --service-color:#f87171
}
.service-app {
  --service-color:#60a5fa
}
.service-tv {
  --service-color:#34d399
}
.service-account {
  --service-color:#a78bfa
}
@media(prefers-reduced-motion:reduce) {
  *,*::before,*::after {
    animation:none!important;
    transition:none!important;
    scroll-behavior:auto!important
  }
}