:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f2f5fa;color:#101828}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-height:100vh}a{color:inherit}:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color-scheme:light;background-color:#f3f5fb;color:#0f172a}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:linear-gradient(135deg,#f8fafc,#f1f5f9,#eef2ff);position:relative}body:before{content:"";position:fixed;inset:0;background:radial-gradient(circle at 20% 20%,rgba(102,126,234,.08),transparent 50%),radial-gradient(circle at 80% 80%,rgba(118,75,162,.08),transparent 50%);pointer-events:none;z-index:0}.app-shell{min-height:100vh;width:100%;display:flex;flex-direction:column;align-items:center;padding:1.5rem 1.5rem 3rem;position:relative;z-index:1;overflow-x:visible;overflow-y:visible}.container{width:min(1120px,100%);display:flex;flex-direction:column;gap:1.75rem;overflow:visible}.topbar{display:flex;justify-content:flex-start;align-items:flex-start;margin:0 0 1.75rem;background:transparent;border:none;box-shadow:none;overflow:visible;min-height:auto;width:min(1120px,calc(100% - 3rem));align-self:flex-start;padding:0}.topbar .logo{height:auto;width:auto;max-height:72px;object-fit:contain;display:block;margin:0;padding:0;flex-shrink:0}.banner{border-radius:1rem;padding:1rem 1.4rem;font-size:.95rem;display:flex;align-items:center;gap:.75rem;box-shadow:0 20px 40px -35px #0f172a73}.banner.info{background:#eef2ff;color:#3730a3}.banner.warning{background:#fef2f2;color:#b91c1c}.banner button{margin-left:auto;border:none;background:#0000001a;color:inherit;padding:.4rem .85rem;border-radius:.75rem;cursor:pointer}.toast-container{position:fixed;top:1.5rem;right:1.5rem;z-index:1000}.toast{display:flex;align-items:center;gap:.75rem;border-radius:.9rem;padding:.9rem 1.15rem;min-width:18rem;background:#fff;border:1px solid rgba(148,163,184,.35);box-shadow:0 24px 48px -28px #0f172a66;font-weight:600}.toast.success{border-color:#22c55e59;background:#ecfdf5;color:#0f7a3e}.toast.error{border-color:#f8717159;background:#fef2f2;color:#b91c1c}.toast.info{border-color:#4f46e552;background:#eef2ff;color:#3534a4}.toast button{background:none;border:none;font-size:1.1rem;margin-left:auto;cursor:pointer;color:inherit}.main-grid{display:grid;gap:1.5rem}@media(min-width:980px){.main-grid{grid-template-columns:1.4fr 1fr;align-items:start}.main-grid>.panel:first-of-type{grid-column:span 2}}.panel{background:#fffffffa;border-radius:1.5rem;border:1px solid rgba(148,163,184,.16);box-shadow:0 4px 24px #0f172a0f,0 1px 4px #0f172a0a;display:flex;flex-direction:column;overflow:hidden;transition:box-shadow .3s ease,transform .3s ease}.panel:hover{box-shadow:0 8px 32px #0f172a14,0 2px 8px #0f172a0f}.panel>header{padding:1.4rem 1.75rem 0;display:flex;align-items:center;justify-content:space-between;gap:1rem}.panel>header h2{margin:0;font-size:1.25rem;font-weight:600;color:#14203b}.panel>header button{padding:.5rem .95rem;border-radius:.85rem;border:none;background:linear-gradient(135deg,#4f46e5,#6366f1);color:#fff;font-weight:600;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.panel>header button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 12px 24px -16px #6366f1a6}.panel>header button:disabled{opacity:.55;cursor:not-allowed}.panel-body{padding:1.35rem 1.75rem 1.75rem;display:flex;flex-direction:column;gap:1.2rem}.panel.success{border-color:#22c55e59}.status-pill{align-self:flex-start;padding:.4rem .85rem;border-radius:.85rem;background:#6366f11f;color:#4338ca;font-size:.86rem;font-weight:600;text-transform:capitalize}.panel.success .status-pill{background:#22c55e2e;color:#0f7a3e}.muted{color:#8a94ab}.error-text{color:#c03434;font-weight:600}.verification-form.simple{display:flex;flex-direction:column;gap:1.5rem}.connect-block{border:2px dashed rgba(102,126,234,.3);border-radius:1.25rem;padding:2rem;background:linear-gradient(135deg,#eef2ff99,#fffc);display:flex;flex-direction:column;gap:1.25rem;align-items:flex-start;transition:all .3s ease}.connect-block:hover{border-color:#667eea80;background:linear-gradient(135deg,#eef2ffcc,#fffffff2)}.connect-block p{margin:0;color:#4c5872;font-size:.98rem}.connect-block .primary{border:none;border-radius:1rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-weight:600;font-size:1rem;padding:.875rem 2rem;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 16px #667eea4d;letter-spacing:.01em}.connect-block .primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px #667eea66;background:linear-gradient(135deg,#7c8ef5,#8b5fbf)}.connect-block .primary:active:not(:disabled){transform:translateY(0)}.connected-summary{display:flex;flex-direction:column;gap:1rem}.connected-summary h3{margin:0;font-size:1.25rem;font-weight:700;color:#173056}.connected-summary p{margin:0;color:#5f6a83}.document-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:.6rem}.document-list li{padding:.85rem 1.1rem;border-radius:.85rem;background:#f4f6ff;border:1px solid rgba(99,102,241,.15);display:flex;flex-wrap:wrap;gap:.4rem;align-items:center}.doc-name{font-weight:600;color:#1e3061}.doc-issuer{color:#64728f;font-size:.9rem}.form-actions{display:flex;gap:.8rem;flex-wrap:wrap}.form-actions .secondary{border-radius:.85rem;border:1px solid rgba(79,70,229,.25);padding:.55rem 1.2rem;background:#eef1ff;color:#4338ca;font-weight:600;cursor:pointer}.success-panel{display:flex;flex-direction:column;gap:1rem}.success-icon{width:3.25rem;height:3.25rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.65rem;font-weight:700;background:#dcfce7;color:#0f7a3e;border:1px solid rgba(34,197,94,.35);box-shadow:inset 0 0 0 3px #22c55e26}.success-panel dl{margin:0;display:grid;gap:.4rem}.success-panel dt{font-weight:600;color:#195333}.success-panel dd{margin:0;color:#0f2f1e;word-break:break-word}.panel-footer{padding:0 1.75rem 1.6rem;display:flex;justify-content:flex-start}.panel-footer .secondary{border:none;border-radius:.85rem;padding:.6rem 1.4rem;background:#fff;color:#0f7a3e;font-weight:600;cursor:pointer;box-shadow:0 16px 24px -18px #0f7a3e73}.metadata{display:grid;gap:.75rem}.metadata dt{font-weight:600;color:#2f3b5d}.metadata dd{margin:0;color:#1b273f;font-family:IBM Plex Mono,SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace}.activity-list{display:flex;flex-direction:column;gap:1rem}.activity-item{border:1px solid rgba(148,163,184,.3);border-radius:1rem;padding:1.1rem 1.2rem;background:#f7f9ff;display:flex;flex-direction:column;gap:.85rem}.activity-header{display:flex;justify-content:space-between;align-items:center;gap:.8rem}.badge{padding:.35rem .85rem;border-radius:999px;font-size:.78rem;letter-spacing:.5px;text-transform:uppercase;font-weight:600}.badge.info{background:#e0e7ff;color:#3730a3}.badge.success{background:#dcfce7;color:#166534}.badge.warning{background:#fee2e2;color:#b91c1c}.badge.muted{background:#e2e8f0;color:#475467}.activity-payload{margin:0;background:#0f172a;color:#f8fafc;padding:.85rem 1rem;border-radius:.85rem;font-size:.85rem;max-height:12rem;overflow:auto}@media(max-width:640px){.topbar{width:100%;padding-left:1.5rem}.topbar .logo{height:auto;width:auto;max-width:calc(100vw - 3rem);min-width:auto}.toast-container{right:1rem;left:1rem}.toast{width:100%}}