/*
 * heySec Asset Control — design tokens and the handful of global rules the
 * console relies on. Everything else is authored as inline style on the element
 * that owns it, so a component's appearance is readable in one place.
 */
:root{
  --bg:#f6f6f4; --panel:#ffffff; --sunken:#f0f0ed; --line:#e4e3de; --line2:#d0cfc9;
  --tx:#141416; --dim:#6b6b72; --faint:#9c9ca3;
  --brand:#f0c53c;
  --p1:oklch(0.90 0.10 95); --p2:oklch(0.88 0.08 162); --p3:oklch(0.87 0.07 245);
  --p4:oklch(0.87 0.07 300); --p5:oklch(0.86 0.09 22); --p6:oklch(0.88 0.09 55);
  --i1:oklch(0.46 0.10 95); --i2:oklch(0.45 0.09 162); --i3:oklch(0.45 0.09 245);
  --i4:oklch(0.45 0.09 300); --i5:oklch(0.48 0.14 22); --i6:oklch(0.48 0.12 55);
  --shadow:0 1px 1px rgba(20,20,22,.02), 0 8px 20px -18px rgba(20,20,22,.12);
}
:root[data-theme="dark"]{
  --bg:#08080a; --panel:#141417; --sunken:#1e1e23; --line:#2b2b32; --line2:#43434c;
  --tx:#f4f4f2; --dim:#9d9da6; --faint:#7e7e88;
  --brand:#f0c53c;
  --p1:oklch(0.76 0.11 95); --p2:oklch(0.74 0.09 162); --p3:oklch(0.73 0.08 245);
  --p4:oklch(0.73 0.08 300); --p5:oklch(0.72 0.11 22); --p6:oklch(0.75 0.10 55);
  --i1:oklch(0.88 0.10 95); --i2:oklch(0.87 0.08 162); --i3:oklch(0.86 0.07 245);
  --i4:oklch(0.86 0.07 300); --i5:oklch(0.85 0.09 22); --i6:oklch(0.87 0.09 55);
  --shadow:0 1px 1px rgba(0,0,0,.2), 0 10px 22px -20px rgba(0,0,0,.45);
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--bg);color:var(--tx);font-family:"Instrument Sans",-apple-system,BlinkMacSystemFont,"Helvetica Neue",Helvetica,sans-serif;-webkit-font-smoothing:antialiased;line-height:1.5;font-synthesis-weight:none}
body{overflow:hidden}
a{color:var(--i3);text-decoration:none}
a:hover{color:var(--tx)}
input,button,select,textarea{font-family:inherit;font-size:inherit;color:inherit}
input:focus,button:focus{outline:none}
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-thumb{background:var(--line2);border:3px solid var(--bg);border-radius:11px}
::-webkit-scrollbar-track{background:transparent}
@keyframes hs-pulse{0%{transform:scale(1);opacity:.55}70%{transform:scale(2.6);opacity:0}100%{transform:scale(2.6);opacity:0}}
@keyframes hs-in{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
@keyframes hs-slide{from{opacity:0;transform:translateX(24px)}to{opacity:1;transform:none}}
/* The sign-in screen: the brand panel only earns its half of the window on a
   wide one. Below that the card stands alone and carries the logo itself. */
@media (min-width:900px){.hs-brand{display:flex !important}.hs-cardlogo{display:none !important}}
.hs-pulse{animation:hs-pulse 2.2s ease-out infinite;transform-origin:center;transform-box:fill-box}
.hs-in{animation:hs-in .32s cubic-bezier(.22,1,.36,1) both}
.hs-slide{animation:hs-slide .34s cubic-bezier(.22,1,.36,1) both}