@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700&family=Spline+Sans+Mono:wght@400;500;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:FILL,GRAD,opsz,wght@0..1,-25..200,20..48,100..700";.route-root{min-height:100vh;position:relative}.route-root>.app-background{height:100vh;inset:0;position:fixed;width:100vw;z-index:0}.app-content{min-height:100vh;position:relative;z-index:1}.auth-page,.app-shell{margin:0 auto;max-width:62rem;padding:1.5rem}.login-page{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:1.5rem}.login-panel{align-items:center;display:flex;flex-direction:column;gap:1rem;width:min(28rem,100%)}.login-logo{display:block;height:auto;max-width:100%;width:min(14.4rem,54vw)}.login-panel [data-slot=button]{min-width:12rem;width:auto}.app-header{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem;justify-content:space-between}.user-menu{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.status{padding:2rem;text-align:center}.auth-card-content{display:flex;flex-direction:column;gap:.75rem}.app-link-button{align-self:flex-start}@media(max-width:640px){.auth-page,.app-shell,.login-page{padding:1rem}}:root,.light{--ui-color-primary: #757cf2;--ui-color-secondary: #5be4bb;--ui-color-tertiary: #ffac4d;--ui-color-warn: #ef4444;--ui-color-white: #e8edf5;--ui-color-black: #181c1f;--ui-background: var(--ui-color-white);--ui-foreground: var(--ui-color-black);--ui-surface: #ffffff;--ui-surface-alt: #d9deea;--ui-border: #b6bdd1;--ui-muted: #5d667f;--ui-shadow: 0 12px 30px rgba(24, 28, 31, .12);--ui-radius: 12px}.dark{--ui-background: #181c1f;--ui-foreground: #e8edf5;--ui-surface: #20262a;--ui-surface-alt: #2a3137;--ui-border: #3d464d;--ui-muted: #b7bfcc;--ui-shadow: 0 12px 30px rgba(0, 0, 0, .4)}html,body{min-height:100%}body{margin:0;color:var(--ui-foreground);background:linear-gradient(160deg,var(--ui-background),var(--ui-surface-alt));font-family:Plus Jakarta Sans,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:var(--ui-color-primary)}.cpki-button{--ui-btn-bg: var(--ui-color-black);--ui-btn-bg-hover: color-mix(in srgb, var(--ui-btn-bg) 88%, white);--ui-btn-bg-active: color-mix(in srgb, var(--ui-btn-bg) 78%, white);--ui-btn-fg: var(--ui-color-white);--ui-btn-text-default: var(--ui-btn-bg);align-items:center;border:0;border-radius:24px;cursor:pointer;display:inline-flex;font-family:inherit;font-size:.75rem;font-weight:500;gap:.4rem;justify-content:center;line-height:1;text-decoration:none;transition:background-color .18s ease,color .18s ease,box-shadow .18s ease,transform .18s ease}.cpki-button:disabled,.cpki-button[aria-disabled=true]{cursor:not-allowed;opacity:.55}.cpki-button:focus-visible{outline:2px solid color-mix(in srgb,var(--ui-color-primary) 70%,white);outline-offset:2px}.cpki-button--size-default{min-height:36px;padding:.65rem 1rem}.cpki-button--size-large{border-radius:38px;font-family:Spline Sans Mono,ui-monospace,Menlo,monospace;font-weight:400;gap:.375rem;min-height:44px;padding:.75rem 1.25rem}.cpki-button--variant-default{--ui-btn-bg: var(--ui-color-black);--ui-btn-bg-hover: color-mix(in srgb, var(--ui-color-black) 84%, white);--ui-btn-bg-active: color-mix(in srgb, var(--ui-color-black) 72%, white);--ui-btn-fg: var(--ui-color-white)}.cpki-button--variant-primary{--ui-btn-bg: var(--ui-color-primary);--ui-btn-bg-hover: color-mix(in srgb, var(--ui-color-primary) 88%, white);--ui-btn-bg-active: color-mix(in srgb, var(--ui-color-primary) 76%, white);--ui-btn-fg: #ffffff}.cpki-button--variant-secondary{--ui-btn-bg: var(--ui-color-secondary);--ui-btn-bg-hover: color-mix(in srgb, var(--ui-color-secondary) 88%, black);--ui-btn-bg-active: color-mix(in srgb, var(--ui-color-secondary) 78%, black);--ui-btn-fg: var(--ui-color-black)}.cpki-button--variant-tertiary{--ui-btn-bg: var(--ui-color-tertiary);--ui-btn-bg-hover: color-mix(in srgb, var(--ui-color-tertiary) 88%, black);--ui-btn-bg-active: color-mix(in srgb, var(--ui-color-tertiary) 78%, black);--ui-btn-fg: var(--ui-color-black)}.cpki-button--variant-warn{--ui-btn-bg: var(--ui-color-warn);--ui-btn-bg-hover: color-mix(in srgb, var(--ui-color-warn) 88%, black);--ui-btn-bg-active: color-mix(in srgb, var(--ui-color-warn) 78%, black);--ui-btn-fg: #ffffff}.cpki-button--subvariant-default{background:transparent;color:var(--ui-btn-text-default)}.cpki-button--subvariant-default:hover{background:color-mix(in srgb,var(--ui-btn-bg) 10%,transparent)}.cpki-button--subvariant-raised{background:var(--ui-btn-bg);color:var(--ui-btn-fg)}.cpki-button--subvariant-raised:hover{background:var(--ui-btn-bg-hover);box-shadow:0 3px 10px color-mix(in srgb,var(--ui-btn-bg) 24%,transparent)}.cpki-card{background:var(--ui-surface);border:1px solid var(--ui-border);border-radius:var(--ui-radius);box-shadow:var(--ui-shadow);color:var(--ui-foreground);display:block}.cpki-card-header{display:flex;flex-direction:column;gap:.4rem;padding:1.3rem 1.3rem .9rem}.cpki-card-title{display:block;font-size:1.35rem;font-weight:700;letter-spacing:-.01em;line-height:1.2;margin:0}.cpki-card-content{display:block;padding:0 1.3rem 1.3rem}.cpki-gradient-cover{height:100%;isolation:isolate;overflow:hidden;pointer-events:none;position:relative;width:100%}.cpki-gradient-cover:after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160' viewBox='0 0 160 160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)' opacity='0.7'/%3E%3C/svg%3E");background-size:220px 220px;content:"";inset:0;mix-blend-mode:soft-light;opacity:.1;pointer-events:none;position:absolute;z-index:2}.cpki-gradient-cover__circle{border-radius:9999px;filter:blur(120px);height:569px;position:absolute;transform:translate(-50%,-50%);transition:transform 1.6s cubic-bezier(.22,1,.36,1);width:570px}.cpki-gradient-cover__circle--one{background:var(--ui-color-tertiary);left:76.2%;opacity:.24;top:39.2%}.cpki-gradient-cover__circle--two{background:var(--ui-color-primary);left:23.8%;opacity:.12;top:32%}.cpki-gradient-cover__circle--three{background:var(--ui-color-tertiary);left:31.1%;opacity:.24;top:68%}.cpki-gradient-cover--motion .cpki-gradient-cover__circle--one{animation:circleFloatOne 17s ease-in-out infinite}.cpki-gradient-cover--motion .cpki-gradient-cover__circle--two{animation:circleFloatTwo 21s ease-in-out infinite}.cpki-gradient-cover--motion .cpki-gradient-cover__circle--three{animation:circleFloatThree 19s ease-in-out infinite}@keyframes circleFloatOne{0%,to{transform:translate(-50%,-50%) translateZ(0)}40%{transform:translate(-50%,-50%) translate3d(3.5%,-3%,0)}70%{transform:translate(-50%,-50%) translate3d(-2%,2.5%,0)}}@keyframes circleFloatTwo{0%,to{transform:translate(-50%,-50%) translateZ(0)}30%{transform:translate(-50%,-50%) translate3d(-2.5%,2%,0)}65%{transform:translate(-50%,-50%) translate3d(3%,-2%,0)}}@keyframes circleFloatThree{0%,to{transform:translate(-50%,-50%) translateZ(0)}35%{transform:translate(-50%,-50%) translate3d(2%,-2.5%,0)}75%{transform:translate(-50%,-50%) translate3d(-3%,1.8%,0)}}@media(prefers-reduced-motion:reduce){.cpki-gradient-cover--motion .cpki-gradient-cover__circle{animation:none}}
