/* Impakt UI 0.2 — product-agnostic foundations. */
:root{
 color-scheme:light;
 --iu-font-body:"DM Sans",Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
 --iu-font-display:Manrope,"DM Sans",ui-sans-serif,system-ui,sans-serif;
 --iu-canvas:#f6f7fb;--iu-surface:#fff;--iu-surface-raised:#fff;--iu-surface-soft:#f8f9fc;
 --iu-text:#151927;--iu-text-muted:#687083;--iu-border:#e7e9f0;--iu-border-strong:#d7dae4;
 --iu-accent:#6558e8;--iu-accent-strong:#5046cf;--iu-accent-soft:#efedff;
 --iu-success:#0f9f6e;--iu-danger:#dc4c57;--iu-warning:#d98725;--iu-info:#2878d0;--iu-focus:#6558e8;
 --iu-radius-xs:8px;--iu-radius-sm:12px;--iu-radius-md:16px;--iu-radius-lg:22px;--iu-radius-pill:999px;
 --iu-shadow-sm:0 1px 2px rgba(21,25,39,.04),0 3px 12px rgba(21,25,39,.03);
 --iu-shadow-md:0 12px 34px rgba(28,30,56,.09);--iu-shadow-lg:0 28px 80px rgba(17,20,35,.18);
 --iu-ease:cubic-bezier(.2,.8,.2,1);--iu-duration:180ms;--iu-sidebar:252px;
 --bg:var(--iu-canvas);--panel:var(--iu-surface);--panel2:var(--iu-surface-soft);--text:var(--iu-text);
 --muted:var(--iu-text-muted);--line:var(--iu-border);--primary:var(--iu-accent);--primary2:var(--iu-accent-strong);
 --green:var(--iu-success);--red:var(--iu-danger);--orange:var(--iu-warning);--blue:var(--iu-info);
 --sidebar:var(--iu-surface);--shadow:var(--iu-shadow-sm);
}
[data-theme=dark]{color-scheme:dark;--iu-canvas:#0d1020;--iu-surface:#151829;--iu-surface-raised:#1b1f33;--iu-surface-soft:#1b1f31;--iu-text:#f4f5fb;--iu-text-muted:#9ba3b8;--iu-border:#292e43;--iu-border-strong:#3b4158;--iu-accent:#9388ff;--iu-accent-strong:#afa7ff;--iu-accent-soft:#282343;--iu-success:#3bd29a;--iu-danger:#ff7a83;--iu-warning:#f4ad55;--iu-info:#69aaf0;--iu-shadow-sm:0 1px 2px rgba(0,0,0,.3),0 8px 22px rgba(0,0,0,.16);--iu-shadow-md:0 16px 42px rgba(0,0,0,.28);--iu-shadow-lg:0 28px 80px rgba(0,0,0,.46)}
[data-theme=contrast],[data-high-contrast]{--iu-canvas:#fff;--iu-surface:#fff;--iu-surface-soft:#fff;--iu-text:#000;--iu-text-muted:#242424;--iu-border:#111;--iu-border-strong:#000;--iu-accent:#3524bd;--iu-accent-strong:#241592;--iu-accent-soft:#eeebff;--iu-focus:#000;--iu-shadow-sm:none;--iu-shadow-md:none}
@media(prefers-reduced-motion:reduce){:root{--iu-duration:1ms}}
html{background:var(--iu-canvas);font-family:var(--iu-font-body);font-synthesis:none;text-rendering:optimizeLegibility}
body{background:var(--iu-canvas);color:var(--iu-text);font-family:var(--iu-font-body)}
h1,h2,h3{font-family:var(--iu-font-display)}
::selection{background:color-mix(in srgb,var(--iu-accent) 24%,transparent)}
.skip-link{position:fixed;z-index:2000;top:8px;left:8px;padding:10px 14px;border-radius:9px;background:var(--iu-text);color:var(--iu-surface);font-weight:700;text-decoration:none;transform:translateY(-140%);transition:transform var(--iu-duration)}.skip-link:focus{transform:none}
.iu-icon{width:1.25em;height:1.25em;display:inline-block;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;vertical-align:-.2em}

/* Reusable primitives */
.iu-stack{display:flex;flex-direction:column;gap:var(--iu-space,16px)}.iu-cluster{display:flex;align-items:center;flex-wrap:wrap;gap:var(--iu-space,10px)}
.iu-badge{display:inline-flex;min-height:24px;align-items:center;gap:6px;padding:2px 9px;border:1px solid var(--iu-border);border-radius:var(--iu-radius-pill);background:var(--iu-surface-soft);color:var(--iu-text-muted);font-size:12px;font-weight:700}
.iu-badge[data-tone=success]{border-color:color-mix(in srgb,var(--iu-success) 28%,var(--iu-border));background:color-mix(in srgb,var(--iu-success) 10%,var(--iu-surface));color:var(--iu-success)}
.iu-skeleton{position:relative;overflow:hidden;border-radius:var(--iu-radius-xs);background:var(--iu-surface-soft);color:transparent!important}.iu-skeleton:after{content:"";position:absolute;inset:0;transform:translateX(-100%);background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--iu-text) 7%,transparent),transparent);animation:iu-shimmer 1.4s infinite}@keyframes iu-shimmer{to{transform:translateX(100%)}}
.iu-empty{display:grid;min-height:220px;place-items:center;padding:32px;text-align:center}.iu-empty .iu-icon{width:44px;height:44px;color:var(--iu-accent)}

/* Framework overlays */
.iu-theme-picker{position:fixed;z-index:1200;width:280px;padding:8px;border:1px solid var(--iu-border);border-radius:15px;background:var(--iu-surface-raised);box-shadow:var(--iu-shadow-lg);color:var(--iu-text);animation:iu-pop var(--iu-duration) var(--iu-ease)}
@keyframes iu-pop{from{opacity:0;transform:translateY(7px) scale(.98)}}
.iu-theme-picker__head{display:flex;align-items:center;justify-content:space-between;padding:7px 8px 9px}.iu-theme-picker__head>b{font:700 13px var(--iu-font-display)}.iu-theme-picker__head>button{width:32px;height:32px;border:0;border-radius:9px;background:transparent;color:var(--iu-text-muted);font-size:18px;cursor:pointer}.iu-theme-picker__head>button:hover{background:var(--iu-surface-soft)}
.iu-theme-choice{width:100%;display:grid;grid-template-columns:34px minmax(0,1fr) 18px;align-items:center;gap:10px;padding:9px;border:0;border-radius:10px;background:transparent;color:var(--iu-text);text-align:left;cursor:pointer}.iu-theme-choice:hover,.iu-theme-choice.is-active{background:var(--iu-accent-soft)}.iu-theme-choice>.iu-icon{width:20px;height:20px;color:var(--iu-accent)}.iu-theme-choice span b,.iu-theme-choice span small{display:block}.iu-theme-choice span b{font-size:12px}.iu-theme-choice span small{margin-top:2px;color:var(--iu-text-muted);font-size:10px}.iu-theme-choice>i{color:var(--iu-accent);font-style:normal}
.iu-notifications{position:fixed;z-index:1400;right:18px;bottom:18px;width:min(390px,calc(100vw - 36px));display:grid;gap:9px;pointer-events:none}.iu-notification{display:grid;grid-template-columns:24px minmax(0,1fr) 30px;gap:11px;align-items:start;padding:14px;border:1px solid var(--iu-border);border-radius:14px;background:var(--iu-surface-raised);box-shadow:var(--iu-shadow-lg);color:var(--iu-text);opacity:0;transform:translateY(10px) scale(.98);transition:opacity var(--iu-duration),transform var(--iu-duration);pointer-events:auto}.iu-notification.is-visible{opacity:1;transform:none}.iu-notification>.iu-icon{width:21px;height:21px;color:var(--iu-info)}.iu-notification.is-success>.iu-icon{color:var(--iu-success)}.iu-notification.is-error>.iu-icon{color:var(--iu-danger)}.iu-notification.is-warning>.iu-icon{color:var(--iu-warning)}.iu-notification b{font-size:12px}.iu-notification p{margin:3px 0 0;color:var(--iu-text-muted);font-size:11px;line-height:1.45}.iu-notification button{width:30px;height:30px;border:0;border-radius:8px;background:transparent;color:var(--iu-text-muted);font-size:17px;cursor:pointer}
.iu-tooltip{position:fixed;z-index:1500;max-width:240px;padding:7px 9px;border-radius:8px;background:#171a28;color:#fff;box-shadow:var(--iu-shadow-md);font-size:11px;font-weight:650;line-height:1.35;pointer-events:none;animation:iu-pop 120ms var(--iu-ease)}

button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:3px solid color-mix(in srgb,var(--iu-focus) 35%,transparent)!important;outline-offset:2px}
@media(max-width:760px){.iu-theme-picker{position:fixed;right:12px!important;bottom:82px!important;left:12px!important;width:auto}}
@media print{.iu-notifications,.iu-theme-picker{display:none!important}body{background:#fff;color:#000}}