@layer blueprintui{:root,[bp-theme~=""]{color-scheme:var(--bp-color-scheme, normal);--bp-alpha-black-0:hsla(0, 0%, 0%, 0);--bp-alpha-black-100:hsla(0, 0%, 0%, .1);--bp-alpha-black-1000:hsla(0, 0%, 0%, 1);--bp-alpha-black-200:hsla(0, 0%, 0%, .2);--bp-alpha-black-300:hsla(0, 0%, 0%, .3);--bp-alpha-black-400:hsla(0, 0%, 0%, .4);--bp-alpha-black-500:hsla(0, 0%, 0%, .5);--bp-alpha-black-600:hsla(0, 0%, 0%, .6);--bp-alpha-black-700:hsla(0, 0%, 0%, .7);--bp-alpha-black-800:hsla(0, 0%, 0%, .8);--bp-alpha-black-900:hsla(0, 0%, 0%, .9);--bp-alpha-white-0:hsla(0, 0%, 100%, 0);--bp-alpha-white-100:hsla(0, 0%, 100%, .1);--bp-alpha-white-1000:hsla(0, 0%, 100%, 1);--bp-alpha-white-200:hsla(0, 0%, 100%, .2);--bp-alpha-white-300:hsla(0, 0%, 100%, .3);--bp-alpha-white-400:hsla(0, 0%, 100%, .4);--bp-alpha-white-500:hsla(0, 0%, 100%, .5);--bp-alpha-white-600:hsla(0, 0%, 100%, .6);--bp-alpha-white-700:hsla(0, 0%, 100%, .7);--bp-alpha-white-800:hsla(0, 0%, 100%, .8);--bp-alpha-white-900:hsla(0, 0%, 100%, .9);--bp-animation-duration-100:.1s;--bp-animation-duration-200:.2s;--bp-animation-duration-300:.3s;--bp-animation-easing:ease-in-out;--bp-color-black:hsl(0, 0%, 0%);--bp-color-blue-0:oklch(.63 .2 255);--bp-color-blue-100:oklch(from var(--bp-color-blue-0) .95 .05 h);--bp-color-blue-1000:oklch(from var(--bp-color-blue-0) .1 c h);--bp-color-blue-200:oklch(from var(--bp-color-blue-0) .9 .1 h);--bp-color-blue-300:oklch(from var(--bp-color-blue-0) .8 .15 h);--bp-color-blue-400:oklch(from var(--bp-color-blue-0) .7 c h);--bp-color-blue-500:oklch(from var(--bp-color-blue-0) .6 c h);--bp-color-blue-600:oklch(from var(--bp-color-blue-0) .5 c h);--bp-color-blue-700:oklch(from var(--bp-color-blue-0) .4 c h);--bp-color-blue-800:oklch(from var(--bp-color-blue-0) .3 c h);--bp-color-blue-900:oklch(from var(--bp-color-blue-0) .2 c h);--bp-color-gray-0:oklch(.14 .01 286.78);--bp-color-gray-100:oklch(from var(--bp-color-gray-0) .95 .008 h);--bp-color-gray-1000:oklch(from var(--bp-color-gray-0) .15 .01 h);--bp-color-gray-200:oklch(from var(--bp-color-gray-0) .9 .01 h);--bp-color-gray-300:oklch(from var(--bp-color-gray-0) .8 c h);--bp-color-gray-400:oklch(from var(--bp-color-gray-0) .65 c h);--bp-color-gray-500:oklch(from var(--bp-color-gray-0) .5 c h);--bp-color-gray-600:oklch(from var(--bp-color-gray-0) .4 c h);--bp-color-gray-700:oklch(from var(--bp-color-gray-0) .3 c h);--bp-color-gray-800:oklch(from var(--bp-color-gray-0) .25 c h);--bp-color-gray-900:oklch(from var(--bp-color-gray-0) .2 .01 h);--bp-color-green-0:oklch(.7 .16 155.48);--bp-color-green-100:oklch(from var(--bp-color-green-0) .95 .05 h);--bp-color-green-1000:oklch(from var(--bp-color-green-0) .1 c h);--bp-color-green-200:oklch(from var(--bp-color-green-0) .9 .1 h);--bp-color-green-300:oklch(from var(--bp-color-green-0) .8 .15 h);--bp-color-green-400:oklch(from var(--bp-color-green-0) .7 c h);--bp-color-green-500:oklch(from var(--bp-color-green-0) .6 c h);--bp-color-green-600:oklch(from var(--bp-color-green-0) .5 c h);--bp-color-green-700:oklch(from var(--bp-color-green-0) .4 c h);--bp-color-green-800:oklch(from var(--bp-color-green-0) .3 c h);--bp-color-green-900:oklch(from var(--bp-color-green-0) .2 c h);--bp-color-red-0:oklch(.59 .23 19);--bp-color-red-100:oklch(from var(--bp-color-red-0) .98 c h);--bp-color-red-1000:oklch(from var(--bp-color-red-0) .2 c h);--bp-color-red-200:oklch(from var(--bp-color-red-0) .95 c h);--bp-color-red-300:oklch(from var(--bp-color-red-0) .9 c h);--bp-color-red-400:oklch(from var(--bp-color-red-0) .8 c h);--bp-color-red-500:oklch(from var(--bp-color-red-0) .7 c h);--bp-color-red-600:oklch(from var(--bp-color-red-0) .59 c h);--bp-color-red-700:oklch(from var(--bp-color-red-0) .5 c h);--bp-color-red-800:oklch(from var(--bp-color-red-0) .4 c h);--bp-color-red-900:oklch(from var(--bp-color-red-0) .3 c h);--bp-color-scheme:normal;--bp-color-violet-0:oklch(.56 .19 295);--bp-color-violet-100:oklch(from var(--bp-color-violet-0) .95 .05 h);--bp-color-violet-1000:oklch(from var(--bp-color-violet-0) .1 c h);--bp-color-violet-200:oklch(from var(--bp-color-violet-0) .9 .1 h);--bp-color-violet-300:oklch(from var(--bp-color-violet-0) .8 .15 h);--bp-color-violet-400:oklch(from var(--bp-color-violet-0) .7 c h);--bp-color-violet-500:oklch(from var(--bp-color-violet-0) .6 c h);--bp-color-violet-600:oklch(from var(--bp-color-violet-0) .5 c h);--bp-color-violet-700:oklch(from var(--bp-color-violet-0) .4 c h);--bp-color-violet-800:oklch(from var(--bp-color-violet-0) .3 c h);--bp-color-violet-900:oklch(from var(--bp-color-violet-0) .2 c h);--bp-color-white:hsl(0, 0%, 100%);--bp-color-yellow-0:oklch(.85 .18 79);--bp-color-yellow-100:oklch(from var(--bp-color-yellow-0) .98 .05 h);--bp-color-yellow-1000:oklch(from var(--bp-color-yellow-0) .2 c h);--bp-color-yellow-200:oklch(from var(--bp-color-yellow-0) .95 .1 h);--bp-color-yellow-300:oklch(from var(--bp-color-yellow-0) .9 .15 h);--bp-color-yellow-400:oklch(from var(--bp-color-yellow-0) .85 c h);--bp-color-yellow-500:oklch(from var(--bp-color-yellow-0) .8 c h);--bp-color-yellow-600:oklch(from var(--bp-color-yellow-0) .75 c h);--bp-color-yellow-700:oklch(from var(--bp-color-yellow-0) .6 c h);--bp-color-yellow-800:oklch(from var(--bp-color-yellow-0) .5 c h);--bp-color-yellow-900:oklch(from var(--bp-color-yellow-0) .4 c h);--bp-interaction-accent-background:oklch(from var(--bp-color-blue-0) .5 c h);--bp-interaction-active-color:oklch(from var(--bp-color-gray-0) .25 c h);--bp-interaction-active-offset:7%;--bp-interaction-default-color:oklch(from var(--bp-color-gray-0) .25 c h);--bp-interaction-default-offset:0%;--bp-interaction-disabled-color:oklch(from var(--bp-color-gray-0) .65 c h);--bp-interaction-disabled-offset:10%;--bp-interaction-focused-color:oklch(from var(--bp-color-gray-0) .3 c h);--bp-interaction-focused-offset:0%;--bp-interaction-highlight-background:hsla(211, 100%, 88%, .25);--bp-interaction-hover-color:oklch(from var(--bp-color-gray-0) .25 c h);--bp-interaction-hover-offset:3.5%;--bp-interaction-outline:Highlight solid 2px;--bp-interaction-outline-offset:2px;--bp-interaction-outline-webkit:5px auto -webkit-focus-ring-color;--bp-interaction-selected-color:oklch(from var(--bp-color-gray-0) .25 c h);--bp-interaction-selected-offset:3%;--bp-interaction-touch-target:36px;--bp-layer:100;--bp-layer-background-100:oklch(from var(--bp-color-gray-0) .95 .008 h);--bp-layer-background-200:hsl(0, 0%, 100%);--bp-layer-background-300:oklch(from var(--bp-color-gray-0) .95 .008 h);--bp-layer-background-400:oklch(from var(--bp-color-gray-0) .2 .01 h);--bp-layer-header-background:oklch(from var(--bp-color-gray-0) .3 c h);--bp-layer-header-color:hsl(0, 0%, 100%);--bp-layout-grid-cols:12;--bp-layout-width-lg:1200px;--bp-layout-width-md:1024px;--bp-layout-width-sm:768px;--bp-layout-width-xl:1440px;--bp-layout-width-xs:576px;--bp-object-border-color-100:oklch(from var(--bp-color-gray-0) .9 .01 h);--bp-object-border-color-200:oklch(from var(--bp-color-gray-0) .8 c h);--bp-object-border-color-300:oklch(from var(--bp-color-gray-0) .65 c h);--bp-object-border-radius-100:4px;--bp-object-border-radius-200:24px;--bp-object-border-radius-300:50%;--bp-object-border-width-100:1px;--bp-object-border-width-200:2px;--bp-object-border-width-300:4px;--bp-object-opacity-100:hsla(222, 7%, 46%, 0);--bp-object-opacity-200:hsla(222, 7%, 46%, .1);--bp-object-opacity-300:hsla(222, 7%, 46%, .4);--bp-object-opacity-400:hsla(222, 7%, 46%, .6);--bp-object-shadow-100:0 2px 2px hsla(0, 0%, 0%, .2);--bp-object-shadow-200:0 3px 4px hsla(0, 0%, 0%, .2);--bp-object-shadow-300:0 4px 6px hsla(0, 0%, 0%, .2);--bp-scale-size:1;--bp-scale-space:1;--bp-scale-text:1;--bp-scrollbar-color:color-mix(in oklab, var(--bp-text-color-400, currentcolor) 40%, transparent) transparent;--bp-scrollbar-width:thin;--bp-size-0:calc(var(--bp-scale-size) * 0px);--bp-size-100:calc(var(--bp-scale-size) * 1px);--bp-size-1000:calc(var(--bp-scale-size) * 64px);--bp-size-1100:calc(var(--bp-scale-size) * 72px);--bp-size-1200:calc(var(--bp-scale-size) * 96px);--bp-size-200:calc(var(--bp-scale-size) * 2px);--bp-size-300:calc(var(--bp-scale-size) * 4px);--bp-size-400:calc(var(--bp-scale-size) * 8px);--bp-size-500:calc(var(--bp-scale-size) * 12px);--bp-size-600:calc(var(--bp-scale-size) * 16px);--bp-size-700:calc(var(--bp-scale-size) * 24px);--bp-size-800:calc(var(--bp-scale-size) * 32px);--bp-size-900:calc(var(--bp-scale-size) * 48px);--bp-space-lg:calc(var(--bp-scale-space) * 48px);--bp-space-md:calc(var(--bp-scale-space) * 24px);--bp-space-sm:calc(var(--bp-scale-space) * 16px);--bp-space-xl:calc(var(--bp-scale-space) * 64px);--bp-space-xs:calc(var(--bp-scale-space) * 8px);--bp-status-accent-background-100:oklch(from var(--bp-color-blue-0) .9 .1 h);--bp-status-accent-background-200:oklch(from var(--bp-color-blue-0) .5 c h);--bp-status-accent-background-300:oklch(from var(--bp-color-blue-0) .4 c h);--bp-status-accent-color-100:hsl(0, 0%, 100%);--bp-status-danger-background-100:oklch(from var(--bp-color-red-0) .95 c h);--bp-status-danger-background-200:oklch(from var(--bp-color-red-0) .59 c h);--bp-status-danger-background-300:oklch(from var(--bp-color-red-0) .5 c h);--bp-status-danger-color-100:hsl(0, 0%, 100%);--bp-status-disabled-background-100:oklch(from var(--bp-color-gray-0) .8 c h);--bp-status-disabled-background-200:oklch(from var(--bp-color-gray-0) .65 c h);--bp-status-disabled-background-300:oklch(from var(--bp-color-gray-0) .5 c h);--bp-status-disabled-color-100:oklch(from var(--bp-color-gray-0) .4 c h);--bp-status-neutral-background-100:oklch(from var(--bp-color-gray-0) .9 .01 h);--bp-status-neutral-background-200:oklch(from var(--bp-color-gray-0) .4 c h);--bp-status-neutral-background-300:oklch(from var(--bp-color-gray-0) .3 c h);--bp-status-neutral-color-100:hsl(0, 0%, 100%);--bp-status-success-background-100:oklch(from var(--bp-color-green-0) .9 .1 h);--bp-status-success-background-200:oklch(from var(--bp-color-green-0) .5 c h);--bp-status-success-background-300:oklch(from var(--bp-color-green-0) .4 c h);--bp-status-success-color-100:hsl(0, 0%, 100%);--bp-status-warning-background-100:oklch(from var(--bp-color-yellow-0) .95 .1 h);--bp-status-warning-background-200:oklch(from var(--bp-color-yellow-0) .75 c h);--bp-status-warning-background-300:oklch(from var(--bp-color-yellow-0) .6 c h);--bp-status-warning-color-100:hsl(0, 0%, 0%);--bp-text-color-100:hsl(0, 0%, 100%);--bp-text-color-200:oklch(from var(--bp-color-gray-0) .95 c h);--bp-text-color-300:oklch(from var(--bp-color-gray-0) .65 c h);--bp-text-color-400:oklch(from var(--bp-color-gray-0) .4 c h);--bp-text-color-500:oklch(from var(--bp-color-gray-0) .25 c h);--bp-text-color-600:hsl(0, 0%, 0%);--bp-text-font:"system-ui", "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;--bp-text-monospace-font:"ui-monospace", Consolas, Menlo, Monaco, monospace;--bp-text-size-100:calc(var(--bp-scale-text) * 12px);--bp-text-size-200:calc(var(--bp-scale-text) * 14px);--bp-text-size-300:calc(var(--bp-scale-text) * 16px);--bp-text-size-400:calc(var(--bp-scale-text) * 20px);--bp-text-size-500:calc(var(--bp-scale-text) * 24px);--bp-text-size-600:calc(var(--bp-scale-text) * 32px);--bp-text-size-700:calc(var(--bp-scale-text) * 36px);--bp-text-size-800:calc(var(--bp-scale-text) * 48px);--bp-text-weight-bold:600;--bp-text-weight-extrabold:600;--bp-text-weight-light:300;--bp-text-weight-medium:500;--bp-text-weight-regular:400;--bp-text-weight-semibold:500}@container style(--bp-layer: 200){:state(bp-layer){--background:var(--bp-layer-background-200);--bp-layer:300}}@container style(--bp-layer: 300){:state(bp-layer){--background:var(--bp-layer-background-300);--bp-layer:200}}[bp-theme] body{--background:var(--bp-layer-background-100);--bp-layer:200;background:var(--background)}}@layer blueprintui{[bp-theme~=dark]{--bp-color-scheme:dark;--bp-interaction-accent-background:oklch(from var(--bp-color-blue-0) .8 c h);--bp-interaction-active-color:oklch(from var(--bp-color-gray-0) .95 c h);--bp-interaction-default-color:oklch(from var(--bp-color-gray-0) .95 c h);--bp-interaction-disabled-color:oklch(from var(--bp-color-gray-0) .65 c h);--bp-interaction-focused-color:oklch(from var(--bp-color-gray-0) .3 c h);--bp-interaction-highlight-background:hsla(211, 100%, 75%, .2);--bp-interaction-hover-color:oklch(from var(--bp-color-gray-0) .9 c h);--bp-interaction-hover-offset:5%;--bp-interaction-selected-color:oklch(from var(--bp-color-gray-0) .25 c h);--bp-interaction-selected-offset:6%;--bp-layer:100;--bp-layer-background-100:oklch(from var(--bp-color-gray-0) .19 c h);--bp-layer-background-200:oklch(from var(--bp-color-gray-0) .3 c h);--bp-layer-background-300:oklch(from var(--bp-color-gray-0) .25 c h);--bp-layer-background-400:oklch(from var(--bp-color-gray-0) .95 c h);--bp-layer-header-background:oklch(from var(--bp-color-gray-0) .4 c h);--bp-layer-header-color:hsl(0, 0%, 100%);--bp-object-border-color-100:oklch(from var(--bp-color-gray-0) .2 c h);--bp-object-border-color-200:oklch(from var(--bp-color-gray-0) .4 c h);--bp-object-border-color-300:oklch(from var(--bp-color-gray-0) .65 c h);--bp-object-border-color-400:oklch(from var(--bp-color-gray-0) .95 c h);--bp-status-accent-background-100:oklch(from var(--bp-color-blue-0) .95 c h);--bp-status-accent-background-200:oklch(from var(--bp-color-blue-0) .8 c h);--bp-status-accent-background-300:oklch(from var(--bp-color-blue-0) .5 c h);--bp-status-accent-color-100:hsl(0, 0%, 0%);--bp-status-danger-background-100:oklch(from var(--bp-color-red-0) .98 c h);--bp-status-danger-background-200:oklch(from var(--bp-color-red-0) .9 c h);--bp-status-danger-background-300:oklch(from var(--bp-color-red-0) .8 c h);--bp-status-danger-color-100:hsl(0, 0%, 0%);--bp-status-disabled-background-100:oklch(from var(--bp-color-gray-0) .5 c h);--bp-status-disabled-background-200:oklch(from var(--bp-color-gray-0) .4 c h);--bp-status-disabled-background-300:oklch(from var(--bp-color-gray-0) .4 c h);--bp-status-disabled-color-100:hsl(0, 0%, 0%);--bp-status-neutral-background-100:oklch(from var(--bp-color-gray-0) .95 c h);--bp-status-neutral-background-200:oklch(from var(--bp-color-gray-0) .8 c h);--bp-status-neutral-background-300:oklch(from var(--bp-color-gray-0) .65 c h);--bp-status-neutral-color-100:hsl(0, 0%, 0%);--bp-status-success-background-100:oklch(from var(--bp-color-green-0) .95 c h);--bp-status-success-background-200:oklch(from var(--bp-color-green-0) .8 c h);--bp-status-success-background-300:oklch(from var(--bp-color-green-0) .7 c h);--bp-status-success-color-100:hsl(0, 0%, 0%);--bp-status-warning-background-100:oklch(from var(--bp-color-yellow-0) .98 c h);--bp-status-warning-background-200:oklch(from var(--bp-color-yellow-0) .9 c h);--bp-status-warning-background-300:oklch(from var(--bp-color-yellow-0) .85 c h);--bp-status-warning-color-100:hsl(0, 0%, 0%);--bp-text-color-100:hsl(0, 0%, 0%);--bp-text-color-200:oklch(from var(--bp-color-gray-0) .25 c h);--bp-text-color-300:oklch(from var(--bp-color-gray-0) .4 c h);--bp-text-color-400:oklch(from var(--bp-color-gray-0) .65 c h);--bp-text-color-500:oklch(from var(--bp-color-gray-0) .9 c h);--bp-text-color-600:hsl(0, 0%, 100%)}}@layer blueprintui{[bp-theme~=compact]{--bp-scale-size:.9;--bp-scale-space:.8;--bp-scale-text:.9}}:root{--font-mono: "SF Mono", Consolas, "Liberation Mono", Menlo, monospace}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-size:13px;line-height:1.5}code,.mono{font-family:var(--font-mono);font-size:12px}.auth-shell{min-height:100%;display:flex;align-items:center;justify-content:center;padding:24px}.auth-card{width:100%;max-width:380px}.auth-brand{font-size:1.1rem;font-weight:700;margin-bottom:4px}.auth-subtitle{font-size:.85rem;margin-bottom:20px;color:var(--bp-text-color-200, #9aa0b4)}.field-hint{font-size:.75rem;margin-top:4px;color:var(--bp-text-color-200, #9aa0b4)}.qr-box{background:#fff;padding:12px;border-radius:4px;display:inline-block;margin-bottom:16px}.recovery-codes{display:grid;grid-template-columns:1fr 1fr;gap:8px;border-radius:4px;padding:16px;margin-bottom:16px;font-family:var(--font-mono);font-size:.85rem}.app-shell{display:flex;flex-direction:column;min-height:100%}.app-brand{font-weight:700;font-size:.95rem}.app-nav{display:flex;gap:4px}.app-nav a{text-decoration:none;font-size:.82rem;padding:6px 10px;border-radius:4px;color:var(--bp-text-color-200, #9aa0b4)}.app-nav a.active,.app-nav a:hover{color:var(--bp-text-color-100, #e0e0e0);background:var(--bp-background-color-200, rgba(255, 255, 255, .06))}.app-content{flex:1;padding:24px;max-width:1040px;width:100%;margin:0 auto}.text-dim{color:var(--bp-text-color-200, #9aa0b4)}.loading-screen{min-height:100%;display:flex;align-items:center;justify-content:center;color:var(--bp-text-color-200, #9aa0b4)}