:root{
  --font-body:"Inter",-apple-system,BlinkMacSystemFont,Helvetica,Arial,sans-serif,"Segoe UI","Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
  --font-mono:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
  --color-background:#F1F5F9;--color-dark:#232933;--color-white:#FFF;
  --color-gray-25:#F8F9FB;--color-gray-50:#EDF0F2;--color-gray-100:#D0D6DD;--color-gray-400:#8B95A5;--color-gray-600:#626B79;
  --color-teal-100:#2DD4BF;--color-teal-400:#14B8A6;--color-blue-50:#EAECFB;--color-blue-400:#4B61DD;
  --color-green-50:#E8F5EB;--color-green-500:#4FB262;--color-orange-50:#FBF3DD;--color-orange-500:#DE9400;--color-red-50:#FDECEE;--color-red-500:#C83E39;
  --space-0:0;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;
  --font-xs:.625rem;--font-sm:.75rem;--font-md:.875rem;--font-lg:1rem;--font-xl:1.25rem;--font-2xl:1.5rem;
  --weight-regular:400;--weight-semibold:600;--line-md:1.4;--line-lg:1.5;--line-1lg:1.6;
  --tracking-tight:-.025em;--tracking-normal:0;--tracking-wide:.025em;--tracking-widest:.1em;
  --border-sm:1px;--border-md:2px;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-full:9999px;
  --shadow-sm:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06);
  --shadow-md:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);
  --shadow-lg:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);
  --shadow-outline:0 0 0 3px #E0EEFF;
  --z-docked:10;--z-sticky:1100;--z-popover:1250;--z-modal:1400;--z-tooltip:1800;
  --mint:var(--color-teal-100);--mint-dark:var(--color-teal-400);--ink:#14233d;--muted:var(--color-gray-600);--line:var(--color-gray-50);--soft:var(--color-gray-25);
}
html,body,button,input,select,textarea{font-family:var(--font-body)}
body{font-weight:var(--weight-regular);line-height:var(--line-md)}
code,pre,kbd,samp,.demo-note code{font-family:var(--font-mono)}
button,input,select,textarea,.btn{border-radius:var(--radius-md)}
input,select,textarea{border-color:var(--color-gray-100)}
input:focus,select:focus,textarea:focus{border-color:var(--color-blue-400);box-shadow:var(--shadow-outline)}
.panel{border-color:var(--color-gray-50);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm)}
.btn{font-weight:var(--weight-semibold)}
.btn.primary{background:var(--color-teal-100);box-shadow:var(--shadow-sm)}
.btn.primary:hover{background:var(--color-teal-400)}
.status{border-radius:var(--radius-full)}
.topbar{z-index:var(--z-sticky)}.sidebar{z-index:var(--z-popover)}

/* Password compound field: prevents the reveal action from clipping the input. */
.password-field{position:relative;display:flex;align-items:center;width:100%;min-width:0;margin-top:var(--space-2);border:var(--border-sm) solid var(--color-gray-100);border-radius:var(--radius-lg);background:var(--color-white);overflow:hidden;transition:border-color .15s,box-shadow .15s}
.password-field:focus-within{border-color:var(--color-blue-400);box-shadow:var(--shadow-outline)}
.login-card .password-field input[type=password],.login-card .password-field input[type=text]{display:block;flex:1 1 auto;min-width:0;width:100%;height:48px;margin:0;padding:0 92px 0 var(--space-4);border:0;border-radius:0;background:transparent;box-shadow:none;outline:0}
.password-field .toggle-password{position:absolute;inset:auto var(--space-3) auto auto;top:50%;transform:translateY(-50%);min-width:68px;margin:0;padding:var(--space-2);border:0;border-radius:var(--radius-sm);background:transparent;color:var(--color-teal-400);font-size:var(--font-sm);font-weight:var(--weight-semibold);line-height:1;white-space:nowrap;outline:0}
.password-field .toggle-password:hover{background:var(--color-gray-25)}
.password-field .toggle-password:focus-visible{box-shadow:var(--shadow-outline)}