:root{--bg: #0b1020;--bg-elevated: #131a2e;--bg-input: #0f1626;--border: #26304a;--text: #e8ecf6;--text-muted: #97a3bd;--primary: #4f8cff;--primary-dark: #2f6ede;--success: #2fbf71;--warning: #f0a92e;--danger: #ef5b5b;--info: #67c9d6;--radius: 10px;--mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:15px;line-height:1.5}h1,h2,h3{margin:0 0 .4rem;line-height:1.25}h1{font-size:1.7rem}h2{font-size:1.2rem}h3{font-size:1rem;margin-top:1rem}p{margin:0 0 .6rem}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}code,.mono{font-family:var(--mono);font-size:.85em}.muted{color:var(--text-muted)}.center-message{display:grid;place-items:center;min-height:60vh;color:var(--text-muted)}.app{display:flex;min-height:100vh;flex-direction:column}.topbar{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;justify-content:space-between;padding:.75rem 1.25rem;border-bottom:1px solid var(--border);background:var(--bg-elevated);position:sticky;top:0;z-index:10}.topbar__brand{display:flex;gap:.6rem;align-items:center}.topbar__logo{display:grid;place-items:center;width:34px;height:34px;border-radius:8px;background:linear-gradient(135deg,var(--primary),var(--info));color:#06101f;font-weight:700;font-size:.85rem}.topbar__nav{display:flex;gap:.35rem;flex-wrap:wrap}.nav-link{padding:.35rem .7rem;border-radius:999px;color:var(--text-muted);border:1px solid transparent}.nav-link:hover{text-decoration:none;color:var(--text);border-color:var(--border)}.nav-link--active{color:var(--text);background:#4f8cff29;border-color:#4f8cff66}.nav-link__count{margin-left:.4rem;padding:0 .35rem;border-radius:999px;background:var(--primary);color:#06101f;font-size:.75rem;font-weight:700}.topbar__user{display:flex;gap:.75rem;align-items:center}.identity{display:flex;flex-direction:column;align-items:flex-end;font-size:.8rem;line-height:1.3}.identity__badges{display:flex;gap:.3rem;align-items:center}.content{flex:1;width:100%;max-width:1200px;margin:0 auto;padding:1.25rem}.footer{padding:1rem 1.25rem;border-top:1px solid var(--border);font-size:.8rem;text-align:center}.stack{display:flex;flex-direction:column;gap:1.1rem}.two-columns{display:grid;gap:1.1rem;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.row{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.row--between{justify-content:space-between}.row--gap{gap:.75rem;margin:.75rem 0}.card{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-elevated);padding:1.1rem}.card__header{display:flex;gap:1rem;align-items:flex-start;justify-content:space-between;margin-bottom:.9rem}.card__actions{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.button{padding:.45rem .85rem;border-radius:8px;border:1px solid var(--border);background:var(--bg-input);color:var(--text);cursor:pointer;font-size:.85rem;transition:border-color .15s ease,background .15s ease}.button:hover:not(:disabled){border-color:var(--primary)}.button:disabled{opacity:.5;cursor:not-allowed}.button--primary{background:var(--primary);border-color:var(--primary);color:#06101f;font-weight:600}.button--primary:hover:not(:disabled){background:var(--primary-dark)}.button--danger{background:transparent;border-color:var(--danger);color:var(--danger);font-weight:600}.button--danger:hover:not(:disabled){background:#ef5b5b1f}.button--ghost{background:transparent}.button--large{padding:.6rem 1.1rem;font-size:.95rem}.input,.select{padding:.42rem .6rem;border-radius:8px;border:1px solid var(--border);background:var(--bg-input);color:var(--text);font-size:.85rem;min-width:140px}.input--tiny{min-width:72px;width:72px}.input:focus,.select:focus{outline:2px solid rgba(79,140,255,.5);outline-offset:1px}.checkbox{display:inline-flex;gap:.45rem;align-items:center;font-size:.85rem;color:var(--text-muted)}.idempotency{display:flex;gap:.6rem;align-items:center;flex-wrap:wrap;margin:.75rem 0}.table{width:100%;border-collapse:collapse;font-size:.88rem}.table th,.table td{text-align:left;padding:.5rem .6rem;border-bottom:1px solid var(--border);vertical-align:top}.table thead th{color:var(--text-muted);font-weight:600;font-size:.78rem;text-transform:uppercase;letter-spacing:.04em}.table tfoot th{border-top:1px solid var(--border);border-bottom:none}.badge{display:inline-block;padding:.1rem .5rem;border-radius:999px;font-size:.72rem;font-weight:600;letter-spacing:.02em;border:1px solid transparent;white-space:nowrap}.badge--neutral{background:#97a3bd26;color:var(--text-muted);border-color:#97a3bd4d}.badge--success{background:#2fbf7129;color:var(--success);border-color:#2fbf7166}.badge--warning{background:#f0a92e29;color:var(--warning);border-color:#f0a92e66}.badge--danger{background:#ef5b5b29;color:var(--danger);border-color:#ef5b5b66}.badge--info{background:#67c9d629;color:var(--info);border-color:#67c9d666}.notice{border-radius:8px;padding:.65rem .8rem;margin:.6rem 0;border-left:3px solid var(--border);background:#97a3bd14;font-size:.88rem}.notice--info{border-left-color:var(--info)}.notice--warning{border-left-color:var(--warning)}.notice--danger{border-left-color:var(--danger)}.notice p{margin:.3rem 0 0}.code,pre.code{display:block;padding:.7rem .8rem;border-radius:8px;border:1px solid var(--border);background:#070c18;color:#cfe1ff;font-family:var(--mono);font-size:.8rem;overflow-x:auto;white-space:pre;margin:.4rem 0}.grid{display:grid;gap:.8rem;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.product{border:1px solid var(--border);border-radius:var(--radius);padding:.85rem;background:var(--bg-input);display:flex;flex-direction:column;gap:.4rem}.product header{display:flex;justify-content:space-between;align-items:baseline;gap:.5rem}.product__price{font-size:1.1rem;font-weight:600;margin:0}.product p{margin:0;font-size:.85rem}.saga__title{font-weight:600;margin-bottom:.6rem}.saga__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.1rem}.saga__step{display:flex;gap:.7rem;align-items:flex-start;padding:.5rem .6rem;border-radius:8px;border:1px solid transparent}.saga__step+.saga__step{margin-top:-1px}.saga__icon{display:grid;place-items:center;width:24px;height:24px;min-width:24px;border-radius:50%;border:1px solid var(--border);font-size:.8rem;font-weight:700}.saga__body{display:flex;flex-direction:column}.saga__label{font-weight:600}.saga__detail,.saga__time{font-size:.78rem;color:var(--text-muted)}.saga__step--done{background:#2fbf7114;border-color:#2fbf7140}.saga__step--done .saga__icon{color:var(--success);border-color:var(--success)}.saga__step--failed{background:#ef5b5b14;border-color:#ef5b5b4d}.saga__step--failed .saga__icon{color:var(--danger);border-color:var(--danger)}.saga__step--skipped .saga__icon,.saga__step--pending .saga__icon{color:var(--text-muted)}.saga__step--final{margin-top:.35rem;border-style:dashed}.saga__step--final.saga__step--confirmed{border-color:#2fbf7180}.saga__step--final.saga__step--cancelled{border-color:#ef5b5b80}.notifications,.event-feed,.link-list,.steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.6rem}.notifications li,.event-feed li{border-left:2px solid var(--border);padding-left:.7rem;font-size:.88rem}.notifications p{margin:.15rem 0}.event-feed li{display:flex;gap:.5rem;align-items:baseline;flex-wrap:wrap}.event-feed__summary{flex:1;min-width:200px}.steps li,.link-list li{font-size:.88rem}.steps li{border-left:2px solid var(--border);padding-left:.8rem}.definition{display:grid;grid-template-columns:max-content 1fr;gap:.3rem 1rem;margin:0;font-size:.88rem}.definition dt{color:var(--text-muted)}.definition dd{margin:0}.login{display:grid;place-items:center;min-height:100vh;padding:1.5rem}.login__card{max-width:780px;width:100%}.login__flow{margin:1rem 0;padding-left:1.2rem;color:var(--text-muted);font-size:.9rem}.login__demo{margin-top:1.5rem;border-top:1px solid var(--border);padding-top:1rem}@media (max-width: 720px){.content{padding:.9rem}.topbar{align-items:flex-start}.topbar__user{width:100%;justify-content:space-between}}