@keyframes react-loading-skeleton{to{transform:translate(100%)}}.react-loading-skeleton{--base-color:#ebebeb;--highlight-color:#f5f5f5;--animation-duration:1.5s;--animation-direction:normal;--pseudo-element-display:block;background-color:var(--base-color);-webkit-user-select:none;user-select:none;border-radius:.25rem;width:100%;line-height:1;display:inline-flex;position:relative;overflow:hidden}.react-loading-skeleton:after{content:" ";display:var(--pseudo-element-display);background-repeat:no-repeat;background-image:var(--custom-highlight-background,linear-gradient(90deg, var(--base-color) 0%, var(--highlight-color) 50%, var(--base-color) 100%));height:100%;animation-name:react-loading-skeleton;animation-direction:var(--animation-direction);animation-duration:var(--animation-duration);animation-timing-function:ease-in-out;animation-iteration-count:infinite;position:absolute;top:0;left:0;right:0;transform:translate(-100%)}@media (prefers-reduced-motion){.react-loading-skeleton{--pseudo-element-display:none}}:root{color:#edf4f7;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--text:#edf4f7;--text-soft:#a9bdc7;--muted:#7f97a3;--panel:#0a141fd1;--panel-alt:#0e1c29eb;--stroke:#7ae3d91f;--stroke-strong:#7ae3d92e;--shadow-card:0 24px 64px #00000047;--root-font-size:16px;--panel-radius-lg:24px;--panel-radius-md:20px;--panel-padding-lg:22px;--panel-padding-md:18px;--control-min-height:40px;--control-padding-inline:16px;--field-padding-block:10px;--field-padding-inline:12px;--app-gutter:16px;background:radial-gradient(circle at 0 0,#2cc4b62e,#0000 28%),radial-gradient(circle at 85% 18%,#f0d28e24,#0000 24%),linear-gradient(160deg,#07111a 0%,#0a1724 45%,#07131d 100%);font-family:DM Sans,Segoe UI,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}html{scroll-behavior:smooth;font-size:var(--root-font-size)}body{min-width:320px;min-height:100vh;margin:0;line-height:1.45}body:before{content:"";opacity:.24;pointer-events:none;background-image:linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-size:32px 32px;position:fixed;inset:0}button,input,textarea,select{font:inherit;line-height:1.35}a{color:inherit}#root{min-height:100vh}.login-shell{min-height:100vh;padding:var(--app-gutter);place-items:center;display:grid}.login-card{width:min(480px,100%);padding:var(--panel-padding-lg);border:1px solid var(--stroke);border-radius:var(--panel-radius-lg);box-shadow:var(--shadow-card);background:#0a141fe6}.login-card__top{justify-content:space-between;align-items:start;gap:14px;display:flex}.status-inline{color:var(--text-soft);text-align:right;align-items:center;gap:10px;font-size:.86rem;display:inline-flex}.login-title{margin:4px 0 6px;font-size:clamp(2rem,7vw,2.7rem);line-height:1}.login-subtitle{color:var(--text-soft)}.login-tip{color:var(--muted);margin:14px 0 0;font-size:.92rem}.app-shell{min-height:100vh}.eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:12px;font-size:.78rem;display:inline-flex}.preview-head h2,.info-card h2{margin:0}.info-card,.record-card,.preview-panel{z-index:1;position:relative}.info-card,.record-card{border:1px solid var(--stroke-strong);border-radius:var(--panel-radius-md);background:var(--panel-alt)}.status-dot{background:var(--muted);border-radius:50%;width:11px;height:11px;box-shadow:0 0 0 6px #97a3b81f}.status-dot--loading{background:#e7a33f;box-shadow:0 0 0 6px #e7a33f24}.status-dot--success{background:#2cc4b6;box-shadow:0 0 0 6px #2cc4b624}.status-dot--error{background:#e56d6d;box-shadow:0 0 0 6px #e56d6d24}.info-card{padding:var(--panel-padding-lg)}.auth-card-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.auth-badge{color:#7ae3d9;background:#2cc4b61f;border-radius:999px;align-items:center;padding:5px 10px;font-size:.82rem;display:inline-flex}.key-values{margin:16px 0 0}.key-values.compact{margin-top:12px}.key-values div{border-bottom:1px solid #94a3b824;grid-template-columns:132px minmax(0,1fr);gap:10px;padding:10px 0;display:grid}.key-values div:last-child{border-bottom:0}.key-values dt{color:var(--muted)}.key-values dd{color:var(--text);word-break:break-word;margin:0}.auth-form{gap:12px;margin-top:16px;display:grid}.auth-form--login{margin-top:16px}.auth-form label{gap:6px;display:grid}.auth-form span{color:var(--muted);font-size:.92rem}.auth-form input{width:100%;padding:var(--field-padding-block) var(--field-padding-inline);color:var(--text);background:#050d14d6;border:1px solid #94a3b82e;border-radius:12px}.auth-form input:focus-visible{outline-offset:2px;outline:2px solid #7ae3d9b3}.session-panel{margin-top:16px}.session-panel>p{color:var(--text-soft)}.preview-panel{border:1px solid var(--stroke);border-radius:var(--panel-radius-lg);background:var(--panel);box-shadow:var(--shadow-card);padding:var(--panel-padding-lg);margin-top:18px}.preview-head{justify-content:space-between;align-items:end;gap:14px;display:flex}.records-list{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-top:18px;display:grid}.record-card{padding:var(--panel-padding-md)}.record-card p{color:var(--text-soft);margin:8px 0 0}.record-id{color:#7ae3d9;letter-spacing:.04em;background:#2cc4b61f;border-radius:999px;padding:6px 10px;font-size:.82rem;display:inline-flex}.feedback{color:var(--text-soft);margin:16px 0 0}.small-gap{margin-top:4px}.feedback--error{color:#ffb4b4}.feedback--ok{color:#8be4c9}.preview-copy{color:var(--text-soft);margin-top:8px}.primary-btn,.secondary-btn{min-height:var(--control-min-height);padding:0 var(--control-padding-inline);font:inherit;cursor:pointer;border:0;border-radius:999px;transition:transform .18s,box-shadow .18s,background .18s}.primary-btn{color:#041317;background:linear-gradient(135deg,#2cc4b6,#f0d28e);margin-top:16px;box-shadow:0 10px 22px #2cc4b638}.secondary-btn{color:var(--text);background:#0c1824c7;border:1px solid #94a3b82e}.primary-btn--full{width:100%}.primary-btn:hover,.secondary-btn:hover{transform:translateY(-1px)}.primary-btn:focus-visible,.secondary-btn:focus-visible{outline-offset:2px;outline:2px solid #7ae3d9e6}@media (width<=880px){.login-shell{padding:12px}.login-card{border-radius:var(--panel-radius-md);padding:20px 16px}.login-card__top{flex-direction:column}.status-inline{text-align:left}.app-shell{min-height:100vh}.preview-panel{border-radius:22px;padding:18px}.preview-head{flex-direction:column;align-items:start}.key-values div{grid-template-columns:1fr;gap:6px}}