@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200&display=swap";:root{--surface-container-lowest:#0a0e1a;--surface-dim:#0f131f;--surface:#0f131f;--surface-container-low:#171b28;--surface-container:#1b1f2c;--surface-container-high:#262a37;--surface-container-highest:#313442;--surface-bright:#353946;--surface-variant:#313442;--on-surface:#dfe2f3;--on-surface-variant:#c7c4d7;--outline:#908fa0;--outline-variant:#464554;--primary:#c0c1ff;--on-primary:#1000a9;--primary-container:#8083ff;--primary-fixed:#e1e0ff;--primary-fixed-dim:#c0c1ff;--secondary:#4edea3;--on-secondary:#003824;--secondary-container:#00a572;--secondary-fixed:#6ffbbe;--tertiary:#ffb95f;--on-tertiary:#472a00;--tertiary-container:#ca8100;--error:#ffb4ab;--on-error:#690005;--error-container:#93000a;--space-2xs:.125rem;--space-xs:.25rem;--space-sm:.5rem;--space-md:.75rem;--space-base:1rem;--space-lg:1.25rem;--space-xl:1.5rem;--space-2xl:2rem;--space-3xl:3rem;--gutter:1.5rem;--container-max:88rem;--radius-sm:.125rem;--radius:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--transition:all .2s ease}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{background:var(--surface-container-lowest);color:var(--on-surface);overscroll-behavior:none;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:14px;line-height:20px}body:before{content:"";pointer-events:none;opacity:.4;z-index:0;background:radial-gradient(#c0c1ff0f,#0000 65%) 0 0/100% 100%,linear-gradient(90deg,#46455414 1px,#0000 1px) 0 0/32px 32px,linear-gradient(#46455414 1px,#0000 1px) 0 0/32px 32px;position:fixed;inset:0}a{color:var(--primary);transition:var(--transition);text-decoration:none}a:hover{color:var(--primary-fixed)}::-webkit-scrollbar{display:none}.text-display-lg{letter-spacing:-.025em;font-family:Inter,sans-serif;font-size:36px;font-weight:700;line-height:44px}.text-headline-xl{letter-spacing:-.02em;font-family:Inter,sans-serif;font-size:24px;font-weight:600;line-height:32px}.text-headline-md{letter-spacing:-.015em;font-family:Inter,sans-serif;font-size:20px;font-weight:600;line-height:28px}.text-headline-sm{letter-spacing:-.01em;font-family:Inter,sans-serif;font-size:16px;font-weight:600;line-height:24px}.text-body-lg{letter-spacing:-.005em;font-family:Inter,sans-serif;font-size:15px;font-weight:400;line-height:24px}.text-body-md{font-family:Inter,sans-serif;font-size:14px;font-weight:400;line-height:20px}.text-body-sm{font-family:Inter,sans-serif;font-size:12px;font-weight:400;line-height:18px}.text-mono-lg{letter-spacing:-.01em;font-variant-numeric:tabular-nums;font-family:JetBrains Mono,monospace;font-size:14px;font-weight:500;line-height:20px}.text-mono-md{letter-spacing:-.01em;font-variant-numeric:tabular-nums;font-family:JetBrains Mono,monospace;font-size:13px;font-weight:400;line-height:18px}.text-mono-sm{letter-spacing:.02em;font-variant-numeric:tabular-nums;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:500;line-height:16px}.text-label-caps{letter-spacing:.08em;text-transform:uppercase;font-family:JetBrains Mono,monospace;font-size:10px;font-weight:700;line-height:14px}.material-symbols-outlined{letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;font-feature-settings:"liga";-webkit-font-smoothing:antialiased;direction:ltr;font-family:Material Symbols Outlined;font-size:20px;font-style:normal;font-weight:400;line-height:1;display:inline-block}.app{z-index:1;flex-direction:column;min-height:100vh;display:flex;position:relative}.app-header{z-index:40;justify-content:space-between;align-items:center;gap:var(--space-base);height:80px;padding:0 var(--gutter);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0a0e1ae6;border-bottom:1px solid #4645544d;display:flex;position:sticky;top:0}.header-left{align-items:center;gap:var(--space-xl);display:flex}.logo{align-items:center;gap:var(--space-md);flex-shrink:0;display:flex;color:var(--on-surface)!important}.logo-text{flex-direction:column;display:flex}.logo-title{color:var(--on-surface);font-family:Inter,sans-serif;font-size:16px;font-weight:700;line-height:1.2}.logo-subtitle{letter-spacing:.08em;text-transform:uppercase;color:var(--outline);font-family:JetBrains Mono,monospace;font-size:10px;font-weight:700}.nav-links{align-items:center;gap:var(--space-lg);display:flex}.nav-links a{color:var(--on-surface-variant);transition:var(--transition);align-items:center;gap:var(--space-xs);font-size:14px;display:flex}.nav-links a:hover{color:var(--on-surface)}.nav-links a.active{color:var(--primary);font-weight:600}.header-right{align-items:center;gap:var(--space-md);flex-shrink:0;display:flex}.app-main{width:100%;max-width:var(--container-max);padding:var(--gutter);flex:1;margin:0 auto}.app-footer{padding:var(--space-xl) var(--gutter);text-align:center;color:var(--outline);border-top:1px solid #4645544d;font-size:12px}.btn{justify-content:center;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-base);border-radius:var(--radius-lg);background:var(--surface-container-high);color:var(--on-surface);letter-spacing:-.01em;cursor:pointer;transition:var(--transition);border:1px solid #46455466;font-family:Inter,sans-serif;font-size:16px;font-weight:600;line-height:24px;text-decoration:none;display:inline-flex}.btn:hover{background:var(--surface-bright);color:var(--on-surface)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn:active:not(:disabled){transform:scale(.99)}.btn-primary{background:var(--primary);color:var(--on-primary);border-color:#ffffff26;box-shadow:0 0 24px #c0c1ff40}.btn-primary:hover:not(:disabled){background:var(--primary-fixed-dim);color:var(--on-primary)}.btn-danger{color:var(--error);background:#ef44441a;border-color:#ef44444d}.btn-danger:hover:not(:disabled){border-color:var(--error);background:#ef444433}.btn-ghost{color:var(--on-surface-variant);padding:var(--space-xs) var(--space-sm);background:0 0;border-color:#0000}.btn-ghost:hover:not(:disabled){color:var(--on-surface);background:#4645544d}.btn-sm{padding:var(--space-2xs) var(--space-sm);border-radius:var(--radius);font-size:16px;font-weight:600}.btn-lg{width:100%;height:48px;font-size:16px}.card{background:var(--surface-container-low);border-radius:var(--radius-xl);padding:var(--space-xl);border:1px solid #46455466;position:relative;overflow:hidden;box-shadow:0 4px 24px #00000040}.card-accent-top{height:2px;position:absolute;top:0;left:0;right:0}.card-accent-primary{background:linear-gradient(to right, var(--primary), var(--primary-container), var(--secondary))}.card-accent-success{background:var(--secondary)}.card-accent-error{background:var(--error)}.card-accent-warning{background:var(--tertiary)}.card-header{margin-bottom:var(--space-lg);padding-bottom:var(--space-md);border-bottom:1px solid #4645544d;justify-content:space-between;align-items:center;display:flex}.form-grid{gap:var(--space-md);margin-bottom:var(--space-md);grid-template-columns:1fr 1fr;display:grid}.form-group{gap:var(--space-xs);flex-direction:column;display:flex}.form-group-full{grid-column:1/-1}.form-group label{letter-spacing:.08em;text-transform:uppercase;color:var(--outline);font-family:JetBrains Mono,monospace;font-size:10px;font-weight:700;line-height:14px}.form-group input,.form-group select{height:40px;padding:0 var(--space-md);border-radius:var(--radius);background:var(--surface-container-lowest);color:var(--on-surface);transition:var(--transition);border:1px solid #46455466;font-family:Inter,sans-serif;font-size:14px}.form-group input:focus,.form-group select:focus{border-color:var(--primary);box-shadow:0 0 0 1px var(--primary);background:var(--surface-container);outline:none}.form-group input::placeholder{color:var(--outline)}.form-group input.mono-input{color:var(--primary);font-family:JetBrains Mono,monospace;font-size:13px}.alert{padding:var(--space-md) var(--space-lg);border-radius:var(--radius-lg);margin-top:var(--space-base);font-size:14px}.alert-error{color:var(--error);background:#ef44441a;border:1px solid #ef44444d}.alert-success{color:var(--secondary);background:#10b9811a;border:1px solid #10b9814d}.error-text{color:var(--error);margin-top:var(--space-xs);font-size:12px}.hash-pill{align-items:center;gap:var(--space-xs);background:var(--surface-container);padding:var(--space-2xs) var(--space-sm);border-radius:var(--radius);color:var(--on-surface);cursor:pointer;transition:var(--transition);border:1px solid #46455466;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:500;display:inline-flex}.hash-pill:hover{border-color:#c0c1ff66}.hash-pill .copy-icon{color:var(--outline);transition:var(--transition);font-size:14px}.hash-pill:hover .copy-icon{color:var(--secondary)}.badge{align-items:center;gap:var(--space-xs);padding:var(--space-2xs) var(--space-xs);border-radius:var(--radius);font-family:JetBrains Mono,monospace;font-size:11px;font-weight:500;line-height:16px;display:inline-flex}.badge-issued{color:var(--secondary);background:#4edea31a;border:1px solid #4edea34d}.badge-issued:before{content:"";background:var(--secondary);border-radius:50%;width:6px;height:6px}.badge-pending{color:var(--tertiary);background:#ffb95f1a;border:1px solid #ffb95f4d}.badge-pending:before{content:"";background:var(--tertiary);border-radius:50%;width:6px;height:6px;animation:1.5s cubic-bezier(0,0,.2,1) infinite ping}.badge-revoked{color:var(--error);background:#ffb4ab1a;border:1px solid #ffb4ab4d}@keyframes ping{75%,to{opacity:0;transform:scale(2)}}.table-container{overflow-x:auto}table{text-align:left;border-collapse:collapse;width:100%}th{padding:var(--space-sm) var(--space-md);letter-spacing:.08em;text-transform:uppercase;color:var(--outline);background:var(--surface-container-lowest);border-bottom:1px solid #4645544d;font-family:JetBrains Mono,monospace;font-size:10px;font-weight:700;line-height:14px}td{padding:var(--space-md) var(--space-md);border-bottom:1px solid #46455433;font-size:14px}tr{transition:var(--transition)}tr:hover td{background:#262a3766}tr.revoked-row td{background:#93000a0d}.actions-cell{justify-content:flex-end;align-items:center;gap:var(--space-xs);display:flex}.action-btn{padding:var(--space-2xs) var(--space-xs);border-radius:var(--radius);letter-spacing:-.01em;cursor:pointer;transition:var(--transition);background:0 0;border:none;font-family:Inter,sans-serif;font-size:16px;font-weight:600;line-height:24px}.action-btn-primary{color:var(--primary)}.action-btn-primary:hover{background:#c0c1ff1a}.action-btn-danger{color:var(--error)}.action-btn-danger:hover{background:#ffb4ab1a}.wallet-connect{align-items:center;gap:var(--space-md);display:flex}.wallet-info{align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);background:var(--surface-container);border-radius:var(--radius-lg);border:1px solid #46455480;display:flex}.wallet-address{color:var(--on-surface);font-family:JetBrains Mono,monospace;font-size:11px;font-weight:500}.network-pill{align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-md);background:var(--surface-container-low);border-radius:var(--radius-lg);border:1px solid #46455466;display:flex}.network-dot{width:8px;height:8px;position:relative}.network-dot:before{content:"";border-radius:50%;position:absolute;inset:0}.network-dot.green:before{background:var(--secondary)}.network-dot.green:after{content:"";background:var(--secondary);border-radius:50%;animation:1.5s cubic-bezier(0,0,.2,1) infinite ping;position:absolute;inset:0}.network-dot.red:before{background:var(--error)}.btn-disconnect{color:var(--outline);cursor:pointer;padding:var(--space-2xs);transition:var(--transition);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.btn-disconnect:hover{color:var(--error)}.login-page{justify-content:center;align-items:center;min-height:70vh;display:flex}.login-card{background:var(--surface-container-lowest);border-radius:var(--radius-xl);width:100%;max-width:520px;padding:var(--space-xl);position:relative;overflow:hidden;box-shadow:0 4px 48px #0000004d}.login-card:before{content:"";filter:blur(60px);pointer-events:none;background:#8083ff1a;border-radius:50%;width:320px;height:320px;position:absolute;top:-80px;left:-80px}.login-card:after{content:"";filter:blur(60px);pointer-events:none;background:#00a5721a;border-radius:50%;width:384px;height:384px;position:absolute;bottom:-96px;right:-80px}.login-inner{z-index:1;gap:var(--space-xl);flex-direction:column;display:flex;position:relative}.login-gateway{background:var(--surface-container);border-radius:var(--radius-lg);padding:var(--space-lg);box-shadow:0 2px 8px #00000026}.login-actions{gap:var(--space-sm);margin-top:var(--space-lg);flex-direction:column;display:flex}.login-footer{margin-top:var(--space-lg);padding-top:var(--space-base);color:var(--outline);text-align:center;border-top:1px solid #4645544d;font-size:12px}.telemetry-bar{justify-content:space-between;align-items:center;gap:var(--space-sm);padding:var(--space-sm);background:var(--surface-container-low);border-radius:var(--radius-lg);margin-bottom:var(--space-lg);flex-wrap:wrap;display:flex}.telemetry-item{align-items:center;gap:var(--space-xs);display:flex}.features-grid{gap:var(--space-sm);grid-template-columns:repeat(3,1fr);display:grid}.feature-card{background:var(--surface-container);border-radius:var(--radius-lg);padding:var(--space-md);flex-direction:column;display:flex;box-shadow:0 1px 4px #0000001a}.resolver-container{background:var(--surface-container-lowest);border-radius:var(--radius-lg);padding:var(--space-md);box-shadow:inset 0 1px 3px #0003}.progress-bar-track{background:var(--surface-container-high);width:100%;height:6px;margin-bottom:var(--space-md);border-radius:99px;overflow:hidden}.progress-bar-fill{background:linear-gradient(to right, var(--primary), var(--primary-container), var(--secondary));border-radius:99px;height:100%;transition:width .7s ease-out}.dashboard-header{gap:var(--space-xs);padding-bottom:var(--space-lg);margin-bottom:var(--space-xl);border-bottom:1px solid #4645544d;flex-direction:column;display:flex}.dashboard-grid{gap:var(--space-xl);grid-template-columns:5fr 7fr;align-items:start;display:grid}.dashboard-sections{gap:var(--space-lg);flex-direction:column;display:flex}.pipeline{gap:var(--space-sm);margin-top:var(--space-sm);padding:var(--space-sm) 0;flex-direction:column;display:flex}.pipeline-step{align-items:flex-start;gap:var(--space-md);display:flex}.pipeline-step-indicator{flex-direction:column;flex-shrink:0;align-items:center;display:flex}.pipeline-node{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.pipeline-node-completed{border:1px solid var(--secondary);color:var(--secondary);background:#4edea31a}.pipeline-node-active{border:1px solid var(--primary);color:var(--primary);background:#c0c1ff33;position:relative}.pipeline-node-pending{background:var(--surface-container-high);color:var(--outline);border:1px solid #46455466}.pipeline-line{width:1px;height:24px;margin:var(--space-2xs) 0}.pipeline-line-completed{background:#4edea399}.pipeline-line-pending{background:#4645544d}.pipeline-step-content{padding-top:var(--space-2xs);flex-direction:column;display:flex}.hash-digest{background:var(--surface-container-lowest);padding:var(--space-md);border-radius:var(--radius-lg);gap:var(--space-xs);margin-top:var(--space-sm);border:1px solid #4645544d;flex-direction:column;display:flex}.hash-value-box{justify-content:space-between;align-items:center;gap:var(--space-sm);background:var(--surface-container);padding:var(--space-xs);border-radius:var(--radius);border:1px solid #46455433;display:flex;overflow:hidden}.hash-value-box code{color:var(--primary-fixed);white-space:nowrap;text-overflow:ellipsis;font-family:JetBrains Mono,monospace;font-size:11px;overflow:hidden}.metrics-grid{gap:var(--space-md);grid-template-columns:1fr 1fr;display:grid}.metric-card{background:var(--surface-container-low);padding:var(--space-md);border-radius:var(--radius-xl);border:1px solid #4645544d;flex-direction:column;justify-content:space-between;display:flex}.metric-value{letter-spacing:-.025em;font-family:Inter,sans-serif;font-size:36px;font-weight:700;line-height:44px}.verification-result{margin-top:var(--space-xl);padding:var(--space-2xl);border-radius:var(--radius-xl);text-align:center;animation:.3s fadeIn;position:relative;overflow:hidden}.verification-result .card-accent-top{height:2px}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.result-icon{margin-bottom:var(--space-md);font-size:48px}.result-text{margin-bottom:var(--space-sm);font-size:24px;font-weight:600}.result-message{opacity:.9;margin-bottom:var(--space-base);font-size:14px}.result-details{text-align:left;display:inline-block}.result-details p{margin:var(--space-xs) 0;font-size:14px}.result-valid{border:2px solid var(--secondary);color:var(--secondary);background:#4edea31a}.result-revoked{border:2px solid var(--tertiary);color:var(--tertiary);background:#ffb95f1a}.result-notfound{border:2px solid var(--outline);color:var(--on-surface-variant);background:#908fa01a}.loading{color:var(--outline);padding:var(--space-xl);text-align:center;font-style:italic}.empty-state{color:var(--outline);text-align:center;padding:var(--space-2xl);font-style:italic}.color-primary{color:var(--primary)}.color-secondary{color:var(--secondary)}.color-tertiary{color:var(--tertiary)}.color-error{color:var(--error)}.color-outline{color:var(--outline)}.color-on-surface-variant{color:var(--on-surface-variant)}@media (width<=1280px){.dashboard-grid{grid-template-columns:1fr}}@media (width<=768px){.app-header{height:auto;padding:var(--space-md) var(--space-base);gap:var(--space-sm);flex-wrap:wrap}.app-main{padding:var(--space-base)}.form-grid,.features-grid,.metrics-grid{grid-template-columns:1fr}.nav-links,.network-pill{display:none}}