:root{--bg:#fbf7ff;--surface:#00000008;--surface-solid:#fff;--border:#00000014;--border-bright:#0000001f;--text:#1c1c1e;--text-muted:#0006;--accent:#007aff;--accent-dim:#007aff14;--accent-glow:#007aff1f;--status-ok:#007aff;--status-warn:#ff9f0a;--status-error:#ff3b30;--glass-bg:#ffffffb3;--glass-blur:blur(24px);--glass-border:#00000014;--glass-highlight:#0000000d;--glass-shadow:0 8px 32px #00000014, 0 1px 0 #fffc inset;--control-bg:#0000000a;--control-bg-hover:#00000014;--inset-bg:#0000000a;--row-bg:#00000008;--row-bg-hover:#0000000f;--overlay-bg:#0000004d;--font:"JetBrains Mono", "Fira Mono", monospace;--font-size:16px;--sidemenu-width:220px;--navbar-height:62px;--cloud-navbar-height:62px;--gap:12px;--radius:12px}[data-theme=dark]{--bg:#0d0a12;--surface:#ffffff0a;--surface-solid:#1a1520;--border:#ffffff14;--border-bright:#ffffff26;--text:#fff;--text-muted:#ffffff80;--accent:#007aff;--accent-dim:#007aff14;--accent-glow:#007aff26;--status-ok:#007aff;--status-warn:#ff9f0a;--status-error:#ff453a;--glass-bg:#ffffff0d;--glass-blur:blur(24px);--glass-border:#ffffff1a;--glass-highlight:#ffffff14;--glass-shadow:0 8px 32px #0006, 0 1px 0 #ffffff0f inset;--control-bg:#ffffff0f;--control-bg-hover:#ffffff1a;--inset-bg:#0000004d;--row-bg:#ffffff0a;--row-bg-hover:#ffffff14;--overlay-bg:#00000080}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{background:var(--bg);height:100%;color:var(--text);font-family:var(--font);font-size:var(--font-size)}body{background:radial-gradient(ellipse at 20% 20%, #007aff0f 0%, transparent 60%), radial-gradient(ellipse at 80% 80%, #007aff0a 0%, transparent 60%), var(--bg)}[data-theme=dark] body{background:radial-gradient(ellipse at 20% 20%, #007aff14 0%, transparent 60%), radial-gradient(ellipse at 80% 80%, #007aff0d 0%, transparent 60%), var(--bg)}.navbar{top:var(--gap);left:var(--gap);right:var(--gap);height:var(--navbar-height);background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-top-color:var(--border-bright);border-radius:var(--radius);box-shadow:var(--glass-shadow);z-index:40;align-items:center;padding:0 20px;display:flex;position:fixed}@media (width<=768px){.navbar{padding:0 16px;top:8px;left:8px;right:8px}}@media (width<=480px){.navbar{padding:0 12px;top:4px;left:4px;right:4px}}.layout{top:calc(var(--navbar-height) + var(--gap) * 2);left:var(--gap);right:var(--gap);bottom:var(--gap);gap:var(--gap);display:flex;position:fixed}@media (width<=768px){.layout{top:calc(var(--navbar-height) + 16px);gap:8px;bottom:8px;left:8px;right:8px}}@media (width<=480px){.layout{top:calc(var(--navbar-height) + 8px);gap:4px;bottom:4px;left:4px;right:4px}}.content{top:calc(var(--navbar-height) + var(--gap) * 2);left:calc(var(--sidemenu-width) + var(--gap) * 2);right:var(--gap);bottom:var(--gap);flex-direction:column;display:flex;position:fixed;overflow-y:auto}@media (width<=768px){.content{top:calc(var(--navbar-height) + 16px);transition:top .3s;bottom:8px;left:8px;right:8px}body.navbar-hidden .content{top:8px}}@media (width<=480px){.content{top:calc(var(--navbar-height) + 8px);bottom:4px;left:4px;right:4px}}.panel{background:var(--glass-bg);border:1px solid var(--glass-border);border-top-color:var(--border-bright);border-radius:var(--radius);box-shadow:var(--glass-shadow);padding:24px}.top-panel{flex-shrink:0;height:350px}.top-panel--auto{height:auto;min-height:350px}.page{gap:var(--gap);flex-direction:column;flex:1;display:flex}.page>.panel+.panel{border-top-color:var(--glass-border)}.ns-row--clickable{cursor:pointer}.ns-row--clickable:hover{background:var(--row-bg-hover)}.ns-table__state{color:var(--text-muted);padding:2rem;font-size:1rem;text-align:center!important}.ns-table__state>td,td.ns-table__state{display:table-cell}td.ns-table__state{vertical-align:middle}td.ns-table__state svg{opacity:.35;margin:.5rem auto;display:block}.ns-table__state-title{color:var(--text-muted);font-size:1rem;font-weight:500;display:block}.ns-table__state-sub{color:var(--text-muted);opacity:.7;margin-top:.25rem;font-size:1rem;display:block}.ns-table-wrap{min-height:150px}.ns-table__state--error{color:var(--error)}.ns-table__spinner{border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:1.5rem;height:1.5rem;animation:.7s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.ns-pagination{border-top:1px solid var(--border);justify-content:center;align-items:center;gap:1rem;margin-top:1.5rem;padding-top:1rem;display:flex}.ns-pagination__btn{border:1px solid var(--border);border-radius:var(--radius);background:var(--control-bg);width:2.5rem;height:2.5rem;color:var(--text);cursor:pointer;justify-content:center;align-items:center;font-size:1.25rem;transition:background .15s;display:flex}.ns-pagination__btn:hover:not(:disabled){background:var(--control-bg-hover)}.ns-pagination__btn:disabled{opacity:.3;cursor:not-allowed}.ns-pagination__info{color:var(--text-muted);font-variant-numeric:tabular-nums;font-size:1rem}.ns-pagination__size{border:1px solid var(--border);border-radius:var(--radius);background:var(--control-bg);height:2.5rem;color:var(--text);cursor:pointer;outline:none;padding:0 .5rem;font-size:1rem}.ns-pagination__size:focus{border-color:var(--accent)}.navbar__logo{align-items:center;text-decoration:none;display:flex}.navbar__hamburger{cursor:pointer;background:0 0;border:none;border-radius:6px;flex-direction:column;gap:5px;padding:8px;transition:background-color .2s;display:none}.navbar__hamburger:hover{background-color:var(--glass-highlight)}.navbar__hamburger span{background:var(--text);width:22px;height:2px;transition:all .2s;display:block}.theme-toggle{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;padding:6px 8px;transition:background-color .2s,color .2s;display:flex}.theme-toggle:hover{background-color:var(--glass-highlight);color:var(--text)}.theme-toggle__track{background:var(--glass-highlight);border:1px solid var(--glass-border);border-radius:12px;width:44px;height:24px;transition:background-color .2s;position:relative}.theme-toggle__thumb{background:var(--text-muted);border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;transition:transform .2s,background-color .2s;display:flex;position:absolute;top:2px;left:2px}.theme-toggle__thumb svg{color:var(--bg)}[data-theme=light] .theme-toggle:not([class*=lang-toggle]) .theme-toggle__thumb{background:var(--accent);transform:translate(20px)}[data-theme=light] .theme-toggle:not([class*=lang-toggle]) .theme-toggle__track{background:var(--accent-dim);border-color:var(--accent)}.navbar__username{color:var(--text-muted);letter-spacing:.05em;font-size:14px}.lang-toggle{position:relative}.lang-toggle__trigger{cursor:pointer;color:var(--text);font-family:var(--font);background:0 0;border:none;border-radius:6px;align-items:center;gap:6px;padding:5px 8px;transition:background .15s;display:flex}.lang-toggle__trigger:hover{background:var(--glass-highlight)}.lang-toggle__code{letter-spacing:.05em;color:var(--text-muted);font-size:14px;font-weight:700}.lang-toggle__chevron{color:var(--text-muted);font-size:14px}.lang-toggle__menu{background:var(--surface-solid);border:1px solid var(--glass-border);border-top-color:var(--border-bright);border-radius:var(--radius);box-shadow:var(--glass-shadow);z-index:9999;min-width:140px;padding:4px 0;position:absolute;top:calc(100% + 6px);right:0;overflow:hidden}.lang-toggle__item{width:100%;font-family:var(--font);color:var(--text);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:10px;padding:8px 14px;font-size:14px;transition:background .15s;display:flex}.lang-toggle__item:hover{background:var(--glass-highlight)}.lang-toggle__item--active{color:var(--accent);font-weight:600}.lang-toggle__item--disabled{opacity:.4;cursor:default}.lang-toggle__item--disabled:hover{background:0 0}.navbar__spacer{margin-left:auto}.navbar__actions{align-items:center;gap:2px;display:flex}@media (width<=768px){.navbar__actions{gap:0;margin-left:auto}.navbar__actions .lang-toggle__trigger,.navbar__actions .theme-toggle,.navbar__actions .logout-btn{padding:5px}.navbar__actions .lang-toggle__code,.navbar__actions .lang-toggle__chevron{display:none}}.logout-btn{color:var(--text);cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;padding:8px;transition:background-color .2s;display:flex}.logout-btn:hover{background-color:var(--glass-highlight)}@media (width<=768px){.navbar{justify-content:space-between}.navbar__hamburger{display:flex}.navbar__username{display:none}.navbar__logo{position:absolute;left:50%;transform:translate(-50%)}.navbar__logo svg{width:34px!important;height:34px!important}.navbar__logo div span{font-size:14px!important}}.sidemenu{width:var(--sidemenu-width);min-width:var(--sidemenu-width);background:var(--glass-bg);border:1px solid var(--glass-border);border-top-color:var(--border-bright);border-radius:var(--radius);box-shadow:var(--glass-shadow);flex-direction:column;padding:20px 0;display:flex;overflow-y:auto}.sidemenu__logo{letter-spacing:.1em;color:var(--accent);border-bottom:1px solid var(--border);margin-bottom:12px;padding:0 20px 20px;font-size:14px;font-weight:700}.sidemenu__links{flex-direction:column;gap:2px;padding:0 12px;list-style:none;display:flex}.sidemenu__links a,.sidemenu__link-btn{width:100%;color:var(--text);letter-spacing:.05em;font-family:var(--font);font-size:var(--font-size);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:8px 12px;text-decoration:none;transition:background .15s;display:block}.sidemenu__links a:hover,.sidemenu__link-btn:hover{background:var(--glass-highlight)}.sidemenu__links a.active,.sidemenu__link-btn.active{color:var(--accent);background:var(--accent-dim)}.sidemenu__overlay{background:var(--overlay-bg);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:20;display:none;position:fixed;inset:0}@media (width>=769px){.sidemenu:not(.sidemenu--drawer){top:calc(var(--navbar-height) + var(--gap) * 2);left:var(--gap);bottom:var(--gap);position:fixed}.sidemenu--drawer{display:none!important}}@media (width<=768px){.sidemenu:not(.sidemenu--drawer){top:calc(var(--navbar-height) + 16px);width:280px;min-width:280px;position:fixed;bottom:8px;left:8px}.sidemenu{z-index:1100;width:280px;min-width:280px;transition:transform .1s;position:fixed;transform:translate(calc(-100% - 20px))}.sidemenu--drawer{top:calc(var(--navbar-height) + var(--cloud-navbar-height) + 16px);bottom:8px;left:8px}.sidemenu--open{transform:translate(0)!important}.sidemenu__overlay{display:block}}@media (width<=480px){.sidemenu:not(.sidemenu--drawer){top:calc(var(--navbar-height) + 8px);width:260px;min-width:260px;bottom:4px;left:4px}}.logo{display:block}.big-context-panel{flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex}.big-context-panel>*{width:100%}.home__welcome{flex-direction:column;align-items:center;gap:20px;display:flex}.home__welcome-title{letter-spacing:.15em;font-size:32px}.home__status{color:var(--text-muted);letter-spacing:.05em;gap:32px;font-size:14px;display:flex}.home__status-dot{margin-right:4px}.home__status-dot--ok{color:var(--status-ok)}.home__status-dot--error{color:var(--status-error)}.jwt-sandbox-tool{flex-direction:column;gap:16px;height:100%;display:flex;overflow:auto}.jwt-sandbox-tool__actions{align-items:center;gap:10px;display:flex}.jwt-sandbox-tool__btn{background:var(--control-bg);border:1px solid var(--glass-border);border-top-color:var(--border-bright);color:var(--text);font-family:var(--font);font-size:var(--font-size);cursor:pointer;letter-spacing:.05em;border-radius:8px;padding:8px 16px;transition:background .15s}.jwt-sandbox-tool__btn:hover{background:var(--control-bg-hover)}.jwt-sandbox-tool__btn:disabled{opacity:.4;cursor:not-allowed}.jwt-sandbox-tool__btn--accent{background:var(--accent);border-color:var(--accent);color:#fff}.jwt-sandbox-tool__btn--accent:hover{opacity:.85}.jwt-sandbox-tool__btn--clear{color:var(--text-muted)}.jwt-sandbox-tool__btn--clear:hover{border-color:var(--status-error);color:var(--status-error)}.jwt-sandbox-tool__select{background:var(--control-bg);border:1px solid var(--glass-border);border-top-color:var(--border-bright);color:var(--text);font-family:var(--font);font-size:var(--font-size);cursor:pointer;border-radius:8px;min-width:160px;padding:8px 12px}.jwt-sandbox-tool__select:focus-visible{outline:1px solid var(--glass-border);outline-offset:-1px}.jwt-sandbox-tool__select:disabled{opacity:.4;cursor:not-allowed}.jwt-sandbox-tool__keys{flex:1;gap:12px;display:flex;overflow:auto}.jwt-sandbox-tool__key{flex-direction:column;flex:1 1 0;gap:6px;min-width:0;display:flex}.jwt-sandbox-tool__key-label{letter-spacing:.08em;color:var(--text-muted);text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:14px;overflow:hidden}.jwt-sandbox-tool__key-value{background:var(--inset-bg);border:1px solid var(--glass-border);color:var(--accent);word-break:break-all;white-space:pre-wrap;resize:vertical;border-radius:8px;flex:1;max-height:120px;padding:10px 12px;font-size:14px;overflow:auto}.jwt-sandbox-tool__key-label--warn{color:var(--status-warn)}.jwt-sandbox-tool__key-value--warn{border-color:var(--status-warn);color:var(--status-warn)}.jwt-sandbox-tool__error{color:var(--status-error);font-size:14px}.sandbox-result{flex-direction:column;gap:16px;width:100%;height:100%;padding:8px;display:flex;overflow:auto}.sandbox-result__block{flex-direction:column;gap:6px;display:flex}.sandbox-result__label{letter-spacing:.08em;color:var(--text-muted);text-transform:uppercase;font-size:14px}.sandbox-result__box{background:var(--inset-bg);border:1px solid var(--glass-border);color:var(--text-muted);word-break:break-all;white-space:pre-wrap;border-radius:8px;padding:12px 16px;font-size:14px;overflow:auto}.sandbox-result__box--accent{color:var(--accent);background:#007aff0a;border-color:#007aff4d}.sandbox-result__empty{color:var(--text-muted);letter-spacing:.05em;font-size:14px}.invoices-list{flex-direction:column;gap:4px;display:flex}.invoices-list__row{background:var(--row-bg);border:1px solid var(--glass-border);cursor:pointer;font-family:var(--font);font-size:var(--font-size);color:var(--text);text-align:left;white-space:nowrap;border-radius:8px;align-items:center;gap:12px;padding:10px 14px;transition:background .15s;display:flex}.invoices-list__row:hover{background:var(--row-bg-hover)}.invoices-list__row:disabled{opacity:.5;cursor:not-allowed}.invoices-list__id{color:var(--accent);min-width:80px}.invoices-list__name{color:var(--accent);flex:1}.invoices-list__chevron{color:var(--text-muted)}.sandbox-tables{flex:1;gap:12px;display:flex;overflow:auto}.sandbox-table-col{flex-direction:column;flex:1;gap:8px;min-width:200px;display:flex;overflow:auto}.sandbox-table-col--detail{flex:2}.invoices-list__row--active{border-color:var(--accent);background:#007aff14}.dropdown{min-width:160px;position:relative}.dropdown--disabled{opacity:.4;pointer-events:none}.dropdown__trigger{background:var(--control-bg);border:1px solid var(--glass-border);border-top-color:var(--border-bright);width:100%;color:var(--text);font-family:var(--font);font-size:var(--font-size);cursor:pointer;-webkit-backdrop-filter:none;backdrop-filter:none;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;padding:8px 12px;display:flex}.dropdown__trigger:hover{background:var(--control-bg-hover)}.dropdown__placeholder{color:var(--text-muted)}.dropdown__label{color:var(--text)}.dropdown__chevron{color:var(--text-muted);font-size:14px}.dropdown__menu{background:var(--surface-solid);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);z-index:10;border-radius:8px;max-height:240px;padding:4px;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto}.dropdown__item{width:100%;font-family:var(--font);font-size:var(--font-size);color:var(--text);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:10px 12px;transition:background .1s;display:block}.dropdown__item:hover{background:var(--row-bg-hover)}.dropdown__item--active{color:var(--accent);background:var(--accent-dim)}.field{flex-direction:column;gap:6px;display:flex}.field__label{letter-spacing:.08em;color:var(--text-muted);text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.field__input,.field__textarea{background:var(--row-bg);border:1px solid var(--glass-border);color:var(--text);font-family:var(--font);font-size:var(--font-size);resize:vertical;border-radius:8px;outline:none;padding:8px 12px;transition:border-color .15s,background .15s}.field__input:focus,.field__textarea:focus{border-color:var(--accent);background:#007aff0d}.field__input--error,.field__textarea--error{border-color:var(--status-error)}.tenant-form{flex-direction:column;gap:16px;height:100%;display:flex}.tenant-form__title{letter-spacing:.1em;color:var(--text);font-size:13px;font-weight:700}.tenant-form__fields{flex-wrap:wrap;align-items:flex-start;gap:16px;display:flex}.tenant-form__fields .field{flex:1;min-width:160px}.tenant-form__btn{background:var(--accent);border-radius:var(--radius);color:#fff;font-family:var(--font);font-size:var(--font-size);cursor:pointer;letter-spacing:.05em;border:none;align-self:flex-start;padding:8px 20px;transition:opacity .15s}.tenant-form__btn:hover{opacity:.85}.tenant-form__btn:disabled{opacity:.4;cursor:not-allowed}.tenant-form__btn--secondary{background:var(--control-bg);color:var(--text)}.tenant-form__btn--secondary:hover{background:var(--control-bg-hover);opacity:1}.tenant-form__btn--danger{background:var(--status-error)}.ns-table-wrap{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}.ns-table{border-collapse:separate;border-spacing:0 2px;table-layout:auto;width:100%}.ns-table th{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);text-align:left;border:none;padding:.5rem .75rem;font-size:.7rem;font-weight:600}.ns-table td{text-align:left;color:var(--text);border:none;padding:.7rem .75rem}.ns-table th:last-child,.ns-table td:last-child{text-align:right}.ns-row{background:var(--row-bg);border-radius:var(--radius);transition:background .15s,transform .1s}.ns-row:hover{background:var(--row-bg-hover);transform:translateY(-1px)}.ns-row td:first-child{border-radius:var(--radius) 0 0 var(--radius)}.ns-row td:last-child{border-radius:0 var(--radius) var(--radius) 0}.ns-lines{border-collapse:collapse;border:1px solid var(--border);border-radius:calc(var(--radius) - 2px);width:100%;overflow:hidden}.ns-lines th{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);text-align:left;background:var(--surface);border-bottom:1px solid var(--border);padding:.6rem .75rem;font-size:.7rem;font-weight:600}.ns-lines th:last-child{text-align:right}.ns-lines td{text-align:left;color:var(--text);border-bottom:1px solid var(--border);padding:.6rem .75rem;font-size:.9rem}.ns-lines td:last-child{text-align:right}.ns-lines tr:last-child td{border-bottom:none}.ns-lines tr:nth-child(odd) td{background:var(--surface-solid)}.ns-lines tr:nth-child(2n) td{background:var(--surface)}.tenant-table__actions{justify-content:flex-end;gap:8px;display:flex}.tenant-table__action{cursor:pointer;color:var(--text-muted);background:0 0;border:none;border-radius:6px;align-items:center;padding:4px;transition:color .15s,background .15s;display:flex}.tenant-table__action:hover{background:var(--row-bg-hover);color:var(--text)}.tenant-table__action--delete:hover{color:var(--status-error)}.tenant-dev{flex-direction:column;gap:12px;display:flex}.tenant-dev__toggle{color:var(--text-muted);font-family:var(--font);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:0;font-size:11px;transition:color .15s;display:flex}.tenant-dev__toggle:hover{color:var(--text)}.tenant-dev__arrow{font-size:14px;transition:transform .2s;display:inline-block}.tenant-dev__arrow--open{transform:rotate(90deg)}.tenant-dev__body{background:var(--row-bg);border:1px solid var(--glass-border);border-radius:8px;flex-direction:column;gap:10px;padding:12px;display:flex}.tenant-dev__hint{color:var(--text-muted);letter-spacing:.03em;margin:0;font-size:11px}.modal-overlay{-webkit-backdrop-filter:blur(8px);z-index:50;background:#00000080;position:fixed;inset:0}.modal{background:var(--surface-solid);border:1px solid var(--glass-border);border-radius:var(--radius);box-shadow:var(--glass-shadow);z-index:51;flex-direction:column;gap:16px;width:min(480px,100vw - 32px);max-height:90vh;padding:24px;display:flex;position:fixed;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%)}.modal .tenant-form{height:auto}.modal__actions{flex-wrap:nowrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.modal__actions .tenant-form__btn--danger{white-space:nowrap;margin-right:auto}.modal__hint{font-size:var(--font-size);color:var(--text-muted);margin:0}.modal__divider{border:none;border-top:1px solid var(--border);margin:16px 0 12px}.modal__reset-ok{font-size:var(--font-size);color:var(--color-success,#34c759);margin:0 0 8px}.transactions-panel{flex-direction:column;flex:1;min-height:0;display:flex}.transactions-toolbar{flex-direction:column;align-items:flex-start;gap:.75rem;margin-bottom:1.5rem;display:flex}.transactions-toolbar__title{color:var(--text-primary);margin:0;font-size:1.25rem;font-weight:600}.transactions-filters{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.transactions-filters__select,.transactions-filters__date{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);height:2.25rem;color:var(--text-primary);outline:none;padding:0 .75rem;font-size:.875rem}.transactions-filters__select:focus,.transactions-filters__date:focus{border-color:var(--accent)}.transactions-filters__sep{color:var(--text-muted);font-size:.85rem}.transaction-number{color:var(--accent);font-family:SF Mono,Monaco,Consolas,monospace;font-size:.9em}.status-badge{text-transform:uppercase;letter-spacing:.05em;border-radius:999px;align-items:center;padding:.25rem .75rem;font-size:.75rem;font-weight:600;display:inline-flex}.status-badge--completed{color:#34c759;background:#34c7591a}.status-badge--initiated{color:#007aff;background:#007aff1a}.status-badge--processing{color:#ff9f0a;background:#ff9f0a1a}.status-badge--failed{color:#ff3b30;background:#ff3b301a}.status-badge--refunded{color:#af52de;background:#af52de1a}.modal--large{width:min(900px,100vw - 32px);max-width:900px}.transaction-detail{flex-direction:column;gap:1rem;display:flex}.transaction-detail__info{background:var(--surface);border-radius:var(--radius);padding:1.5rem}.transaction-detail__grid{grid-template-columns:auto 1fr;gap:.75rem 2rem;margin:0;display:grid}.transaction-detail__grid dt{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.85rem;font-weight:600}.transaction-detail__grid dd{color:var(--text-primary);margin:0;font-weight:500}.transaction-detail__provider-id{word-break:break-all;font-family:SF Mono,Monaco,Consolas,monospace;font-size:.85em}.transaction-detail__error{color:var(--error);font-weight:600}.transaction-detail__ledger .ns-table-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto;min-height:0!important}.transaction-detail__ledger{flex-direction:column;gap:.5rem;display:flex}.transaction-detail__ledger-title{color:var(--text-primary);margin:0;font-size:1.1rem;font-weight:600}.ns-summary{width:auto;min-width:280px;max-width:100%;margin-top:.5rem;margin-left:auto}.ns-summary td:first-child{color:var(--text-muted)}.ns-summary__total td{border-top:2px solid var(--border-bright);font-size:1rem;font-weight:700}.ns-summary__balanced td{color:#34c759;font-weight:600}.ns-summary__unbalanced td{color:#ff3b30;font-weight:600}.entry-type{text-transform:uppercase;letter-spacing:.05em;border-radius:4px;padding:.2rem .6rem;font-size:.75rem;font-weight:600;display:inline-flex}.entry-type--debit{color:#ff3b30;background:#ff3b301a}.entry-type--credit{color:#34c759;background:#34c7591a}@media (width<=768px){.modal--large{width:calc(100vw - 16px);max-height:85vh}.transaction-detail__grid{grid-template-columns:1fr;gap:.4rem}.transaction-detail__grid dt{margin-top:.5rem;margin-bottom:0}.transaction-detail__grid dd{margin-bottom:.25rem}.transaction-detail__ledger .ns-table-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}.ns-summary{width:100%;min-width:0}}.login-page{justify-content:center;align-items:center;height:100%;display:flex}.login-card{flex-direction:column;gap:16px;width:340px;display:flex}.login-logo{justify-content:center;margin-bottom:8px;display:flex}.login-input{background:var(--surface);border:1px solid var(--border);width:100%;color:var(--text);font-family:var(--font);border-radius:8px;outline:none;padding:10px 14px;font-size:16px;transition:border-color .15s}.login-input:focus{border-color:var(--accent)}.login-btn{background:var(--accent);color:#fff;width:100%;font-family:var(--font);font-size:var(--font-size);cursor:pointer;border:none;border-radius:8px;padding:10px;font-weight:600;transition:opacity .15s}.login-btn:disabled{opacity:.5;cursor:not-allowed}.login-error{color:var(--status-error);text-align:center;font-size:14px}