:root{--ink:#263c38;--muted:#748376;--orange:#ed7646;--action:#c94f27;--mint:#edf3e8;--line:#e0e7db;--paper:#fffefa;--page:#f6f8f3;--soft:#f7f9f2;--peach:#fff0e2;--shadow:0 12px 36px #263c3808;--font:Inter,'Segoe UI',Arial,sans-serif;color-scheme:light;font-family:var(--font);color:var(--ink);background:var(--page);font-synthesis:none}
:root[data-theme=dark]{--ink:#e4eee6;--muted:#9cae9f;--orange:#f3986e;--action:#e27548;--mint:#25382c;--line:#34463a;--paper:#1b2a22;--page:#142019;--soft:#202f25;--peach:#3e2e22;--shadow:0 12px 36px #0002;color-scheme:dark}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 98% 0,#a1c0a514,transparent 53%),radial-gradient(ellipse at 5% 5%,#f3bb9218,transparent 45%),var(--page);font-size:14px;line-height:1.55}button,input,select,textarea{font:inherit;color:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer;border:0;background:none}button:disabled{opacity:.45;cursor:not-allowed}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:650;letter-spacing:-.65px}h1{font-size:29px;line-height:1.3}h2{font-size:17px}h3{font-size:16px}strong{font-weight:650}p,.muted{color:var(--muted)}:focus-visible{outline:3px solid #479a84;outline-offset:4px}svg.icon{flex-shrink:0;vertical-align:middle;pointer-events:none}img{max-width:100%}input,select,textarea{min-width:0}input::placeholder,textarea::placeholder{color:var(--muted);opacity:.8}input:focus,select:focus,textarea:focus{outline:2px solid var(--orange);outline-offset:1px}button:disabled{transform:none!important}.skip{position:fixed;top:-100px;left:20px;z-index:200;padding:12px;background:var(--ink);color:var(--paper)}.skip:focus{top:10px}.boot{min-height:100dvh;display:grid;place-content:center;text-align:center;gap:20px}.boot img{margin:auto}.sidebar{position:fixed;inset:0 auto 0 0;width:246px;z-index:30;display:flex;flex-direction:column;padding:29px 20px 18px;border-right:1px solid var(--line);background:linear-gradient(155deg,var(--paper),var(--mint));overflow:auto}.brand{display:flex;align-items:center;gap:10px;font-size:28px;font-weight:800;letter-spacing:-1.5px;line-height:1.2;width:max-content}.brand img{width:33px;height:39px}.brand-pay{color:var(--orange);margin-left:5px;letter-spacing:-1px;font-weight:550}.brand small{display:block;font-size:8px;letter-spacing:1.5px;font-weight:550;color:var(--muted);margin-top:6px}.workspace{display:flex;align-items:center;gap:10px;margin:31px 0;padding:13px 11px;background:var(--paper);border:1px solid var(--line);border-radius:13px}.workspace>span{display:grid;place-items:center;width:33px;height:36px;border-radius:10px;background:var(--mint);color:var(--muted)}.workspace strong{display:block;font-size:12px}.workspace small{display:block;font-size:10px;color:var(--muted)}.workspace i,.environment i,.status-dot{width:6px;height:6px;display:inline-block;background:#81a66e;border-radius:50%;flex-shrink:0}.workspace i{margin-left:auto}.nav-label{font-size:9px;letter-spacing:1.3px;padding:0 11px;margin-bottom:12px}.sidebar nav>a{display:flex;align-items:center;gap:12px;padding:12px 11px;min-height:45px;border:1px solid transparent;border-radius:10px;margin-bottom:5px;color:var(--muted);font-size:13px;font-weight:500}.sidebar nav>a:hover{background:var(--mint);color:var(--ink)}.sidebar nav>a.active{background:var(--peach);border-color:color-mix(in srgb,var(--orange) 25%,transparent);color:var(--action)}[data-theme=dark] .sidebar nav>a.active{color:var(--orange)}.sidebar-bottom{margin-top:auto;padding-top:30px}.sandbox-note{padding:17px;background:var(--mint);border:1px solid var(--line);border-radius:13px}.sandbox-note>.icon{color:var(--muted);display:block;margin-bottom:10px}.sandbox-note strong{font-size:12px}.sandbox-note p{font-size:11px;line-height:1.8;margin-top:6px}.profile{display:flex;align-items:center;gap:9px;border-top:1px solid var(--line);padding-top:18px;margin-top:21px}.profile>div{min-width:0;flex:1}.profile strong{display:block;font-size:11px;overflow:hidden;text-overflow:ellipsis}.profile small{font-size:10px;color:var(--muted);text-transform:capitalize}.avatar{display:inline-grid;place-items:center;width:34px;height:36px;flex-shrink:0;background:var(--peach);border-radius:10px;color:var(--orange);font-weight:650;font-size:13px}.small-avatar{width:31px;height:31px;border-radius:50%;font-size:12px}.main-column{margin-left:246px;min-height:100dvh;display:flex;flex-direction:column}.topbar{position:sticky;top:0;z-index:20;min-height:75px;padding:15px 34px;display:flex;align-items:center;justify-content:space-between;gap:16px;background:color-mix(in srgb,var(--paper) 85%,transparent);border-bottom:1px solid var(--line);backdrop-filter:blur(20px)}.breadcrumb{display:flex;align-items:center;gap:11px;font-size:12px;color:var(--muted)}.breadcrumb strong{font-weight:500;color:var(--ink)}.top-actions{display:flex;align-items:center;gap:16px}.icon-btn{width:37px;height:37px;display:inline-flex;align-items:center;justify-content:center;color:var(--muted);border-radius:10px;flex-shrink:0}.icon-btn:hover{background:var(--mint)}.environment{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;border:1px solid var(--line);border-radius:6px;background:var(--mint);padding:5px 9px;color:var(--muted);font-size:10px}.environment i{width:5px;height:5px}.menu-toggle,.nav-overlay{display:none}#main{padding:31px 34px;flex:1;max-width:1650px;width:100%;margin:0 auto;min-width:0}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:22px;margin-bottom:26px}.page-heading h1:focus{outline:none}.eyebrow{color:#b58661;font-size:9px;font-weight:650;letter-spacing:1.5px;margin-bottom:10px}.page-heading p:not(.eyebrow){font-size:12px;margin-top:9px;max-width:650px}.page-actions{display:flex;gap:10px;flex-shrink:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:39px;padding:10px 13px;line-height:1.3;border:1px solid transparent;border-radius:10px;font-size:12px;font-weight:600;transition:background .15s,transform .15s}.btn:hover{transform:translateY(-1px)}.btn.primary{background:var(--action);border-color:var(--action);color:#fffdf8}.btn.primary:hover{filter:brightness(.96)}.btn.secondary{background:var(--paper);border-color:var(--line);color:var(--ink)}.btn.secondary:hover{background:var(--mint)}.btn.ghost{color:var(--muted)}.btn.ghost:hover{background:var(--mint)}.notice{display:flex;align-items:flex-start;gap:11px;padding:15px 18px;border:1px solid var(--line);background:var(--mint);border-radius:12px;margin-bottom:22px}.notice>.icon{color:var(--muted);margin-top:1px}.notice p{font-size:12px;line-height:1.8}.notice.warning{background:var(--peach);border-color:color-mix(in srgb,var(--orange) 30%,transparent)}.overview-context{display:flex;align-items:center;gap:9px;font-size:11px;color:var(--muted);margin-bottom:23px}.overview-context>span:last-child{margin-left:8px;padding-left:15px;border-left:1px solid var(--line)}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:25px}.metric{padding:21px 20px;border:1px solid var(--line);border-radius:16px;background:var(--paper);box-shadow:var(--shadow);min-height:160px;min-width:0}.metric>div{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;color:var(--muted);font-size:11px}.metric>div>.icon{color:var(--orange);opacity:.8}.metric>strong{font-size:clamp(21px,2.25vw,32px);letter-spacing:-1px;display:block;margin:17px 0 10px;overflow-wrap:anywhere;line-height:1.2}.metric p{font-size:10px;line-height:1.7}.metric.featured{background:linear-gradient(130deg,#355744,#4c7052);border-color:#527154;color:#fffcec}.metric.featured>div,.metric.featured p{color:#d0dec6}.metric.featured>div>.icon{color:#e0ead8}.two-column{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:23px;margin-bottom:23px}.panel{background:var(--paper);border:1px solid var(--line);border-radius:16px;min-width:0;overflow:hidden;box-shadow:var(--shadow)}.panel-head{padding:23px 23px 17px;display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.panel-head p{font-size:11px;margin-top:5px;overflow-wrap:anywhere}.panel-head>.icon{color:var(--muted)}.panel-body{padding:5px 23px 24px}.status-list{padding:0 23px 12px}.status-list>a{display:flex;align-items:center;gap:12px;border-top:1px solid var(--line);padding:16px 0;font-size:12px}.status-list>a>strong{margin-left:auto;font-size:17px}.status-list>a>.icon{color:var(--muted)}.status-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:var(--mint);color:var(--muted)}.status-icon.paid{background:var(--mint);color:#73966a}.status-icon.pending{background:var(--peach);color:#b38958}.status-icon.failed{background:var(--peach);color:var(--orange)}.connection-body{padding:5px 23px 24px}.pending-number{display:flex;align-items:center;gap:12px;margin:4px 0 15px}.pending-number strong{font-size:40px;font-weight:600;letter-spacing:-1px}.pending-number span{font-size:13px;color:var(--muted)}.connection-body>p{font-size:12px;line-height:1.8;margin-bottom:18px;max-width:430px}.connection-body .detail-grid{border-top:1px solid var(--line);padding-top:18px;margin-top:22px}.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 18px;margin:0}.detail-grid.single{grid-template-columns:1fr;gap:15px}.detail dt{font-size:11px;color:var(--muted);margin-bottom:6px}.detail dd{font-size:13px;font-weight:550;margin:0;overflow-wrap:anywhere}.gateway-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:23px}.gateway-grid>.empty{grid-column:1/-1;border:1px solid var(--line);border-radius:16px;background:var(--paper)}.gateway-card{padding:23px}.gateway-card>header{display:flex;align-items:center;gap:12px;margin-bottom:25px}.gateway-card header>div{min-width:0;flex:1}.gateway-card header h2{font-size:16px;overflow-wrap:anywhere}.gateway-card header p{font-size:11px;margin-top:3px}.gateway-logo{display:grid;place-items:center;width:45px;height:46px;border-radius:13px;background:var(--ink);color:var(--paper);font-size:17px;letter-spacing:-1px;font-weight:750;flex-shrink:0}.gateway-card>.detail-grid{margin-bottom:23px}.gateway-card .small{margin:13px 0}.card-actions{display:flex;gap:10px;border-top:1px solid var(--line);padding-top:17px;margin-top:20px;flex-wrap:wrap}.small{font-size:11px}.table-scroll{overflow-x:auto;overscroll-behavior-x:contain}table{width:100%;text-align:left;border-collapse:collapse;white-space:nowrap}th{font-size:10px;font-weight:550;color:var(--muted);background:var(--soft);border-bottom:1px solid var(--line);padding:13px 21px}td{padding:16px 21px;border-bottom:1px solid var(--line);font-size:12px;vertical-align:middle}tbody tr:last-child td{border:0}tbody tr:hover{background:color-mix(in srgb,var(--mint) 35%,transparent)}.cell-main{font-size:12px;font-weight:550;display:block}.cell-sub{font-size:10px;display:block;color:var(--muted);margin-top:4px;max-width:290px;white-space:normal;overflow-wrap:anywhere}.amount{font-weight:600}.mono{font-family:Consolas,monospace;font-size:11px}.compact-id{max-width:240px;display:block;white-space:normal;overflow-wrap:anywhere}.badge{display:inline-flex;align-items:center;gap:5px;white-space:nowrap;background:var(--mint);color:var(--muted);font-size:10px;font-weight:550;padding:5px 8px;border-radius:6px}.badge i{width:4px;height:4px;background:currentColor;border-radius:50%}.badge.paid,.badge.active,.badge.success,.badge.ready,.badge.delivered,.badge.processed{color:#638156;background:var(--mint)}.badge.pending,.badge.creating,.badge.queued,.badge.received{background:var(--peach);color:#a58042}.badge.failed,.badge.unknown{background:var(--peach);color:#b66642}[data-theme=dark] .badge.paid,[data-theme=dark] .badge.active,[data-theme=dark] .badge.success,[data-theme=dark] .badge.ready,[data-theme=dark] .badge.delivered,[data-theme=dark] .badge.processed{color:#b1cf9b}[data-theme=dark] .badge.pending,[data-theme=dark] .badge.creating,[data-theme=dark] .badge.queued,[data-theme=dark] .badge.received{color:#d5b776}[data-theme=dark] .badge.failed,[data-theme=dark] .badge.unknown{color:#e6a180}.toolbar{padding:17px 21px;border-bottom:1px solid var(--line);display:flex;gap:11px;align-items:center;flex-wrap:wrap}.search-field{display:flex;align-items:center;gap:10px;background:var(--paper);border:1px solid var(--line);border-radius:10px;min-height:42px;flex:1;max-width:420px;padding:0 12px;color:var(--muted)}.search-field input{width:100%;height:40px;border:0;background:none;font-size:12px;outline-offset:5px}.toolbar>select{border:1px solid var(--line);border-radius:10px;background:var(--paper);padding:10px;min-height:42px;font-size:12px}.pagination{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:17px 21px;border-top:1px solid var(--line);font-size:11px;color:var(--muted)}.pagination>div{display:flex;align-items:center;gap:11px}.tabs{display:flex;align-items:center;gap:8px;margin:0 0 23px;padding-bottom:12px;border-bottom:1px solid var(--line)}.tabs button{display:flex;align-items:center;gap:9px;padding:11px 14px;font-size:12px;font-weight:550;border-radius:9px;color:var(--muted)}.tabs button[aria-selected=true]{background:var(--peach);color:var(--action)}[data-theme=dark] .tabs button[aria-selected=true]{color:var(--orange)}.role-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:25px}.role-cards>div{border:1px solid var(--line);border-radius:14px;background:var(--paper);padding:19px}.role-cards span{color:var(--muted);display:inline-flex;margin-right:8px}.role-cards strong{font-size:13px}.role-cards p{font-size:11px;line-height:1.8;margin-top:9px}.back-link{display:inline-flex;align-items:center;gap:6px;color:var(--muted);font-size:12px;min-height:35px;margin-bottom:20px}.section-space{margin-top:23px}.section-title{font-size:13px;margin:25px 0 12px}.audit-json{font:11px/1.8 Consolas,monospace;background:var(--soft);padding:18px;border:1px solid var(--line);border-radius:12px;white-space:pre-wrap;overflow-wrap:anywhere;max-height:380px;overflow:auto}.empty{padding:53px 25px;text-align:center}.empty>.icon{color:var(--muted);margin-bottom:14px}.empty h3{font-size:17px;margin-bottom:9px}.empty p{font-size:12px;max-width:390px;margin:auto;line-height:1.8}.app-footer{display:flex;justify-content:space-between;align-items:center;gap:15px;border-top:1px solid var(--line);padding:18px 34px;font-size:10px;color:var(--muted)}.app-footer>span:last-child{display:flex;align-items:center;gap:6px}.field{display:flex;flex-direction:column;gap:8px;margin:0 0 18px;font-size:12px;color:var(--ink)}.field>span{font-weight:550}.field input,.field select,.field textarea{width:100%;background:var(--paper);border:1px solid var(--line);border-radius:10px;padding:12px 13px;min-height:44px;line-height:1.5;font-size:13px}.field input[readonly],.field textarea[readonly]{background:var(--soft);color:var(--muted)}.field input[readonly]{text-overflow:ellipsis}.field small{font-size:11px;color:var(--muted);line-height:1.7}.field textarea{resize:vertical}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 17px}.verification{display:flex;align-items:flex-start;gap:9px;padding:14px 0;border-top:1px solid var(--line);margin:10px 0 6px;color:var(--muted)}.verification p{font-size:11px;line-height:1.8}.verification>.icon{margin-top:2px}.form-error{font-size:12px;color:#b34334;line-height:1.8;white-space:normal;overflow-wrap:anywhere}.form-error:empty{display:none}[data-theme=dark] .form-error{color:#ffad91}.form-footer{display:flex;justify-content:flex-end;border-top:1px solid var(--line);padding-top:20px;margin-top:23px}.account-email{font-size:13px;margin:5px 0 22px}dialog{border:1px solid var(--line);color:var(--ink);background:var(--paper);border-radius:21px;padding:0;width:min(620px,calc(100vw - 32px));max-height:calc(100dvh - 44px);box-shadow:0 25px 100px #17271e3b;overflow:auto}dialog::backdrop{background:#14231bb0;backdrop-filter:blur(5px)}dialog[open]{animation:appear .16s ease-out}.modal-head{padding:25px 25px 19px;display:flex;align-items:flex-start;justify-content:space-between;gap:16px;border-bottom:1px solid var(--line)}.modal-head h2{font-size:23px}.modal-head p:not(.eyebrow){font-size:12px;line-height:1.8;margin-top:8px}.modal-head .eyebrow{font-size:8px;margin-bottom:7px}.modal-head>.icon-btn{margin-top:-5px}.modal-body{padding:24px 25px}.loading{min-height:320px;display:flex;align-items:center;justify-content:center;gap:12px;font-size:13px;color:var(--muted)}.spinner{width:22px;height:22px;border:2px solid var(--line);border-top-color:var(--orange);border-radius:50%;animation:spin .8s linear infinite}.error-panel{text-align:center;padding:40px 24px}.error-panel>.icon{color:var(--orange);margin-bottom:14px}.error-panel h2{margin-bottom:8px}.error-panel p{font-size:13px;margin-bottom:19px}.error-panel .btn{margin:auto}#toast{position:fixed;z-index:150;bottom:25px;left:calc(50% + 123px);transform:translate(-50%,15px);opacity:0;pointer-events:none;transition:opacity .15s,transform .15s;background:#34503f;color:#f7f9ec;border:1px solid #ffffff30;border-radius:12px;padding:13px 19px;box-shadow:0 12px 40px #20372822;font-size:12px;max-width:min(560px,calc(100vw - 32px));width:max-content}#toast.visible{opacity:1;transform:translate(-50%,0)}
.login#main{display:grid;grid-template-columns:1.05fr 1fr;min-height:100dvh;max-width:none;padding:0}.login-story{display:flex;flex-direction:column;position:relative;overflow:hidden;padding:48px 60px;background:radial-gradient(ellipse at 0 0,#f0b98a30,transparent 64%),linear-gradient(140deg,var(--peach),var(--mint));border-right:1px solid var(--line)}.login-story>div{margin:auto 0;max-width:540px;padding:55px 0}.login-story .eyebrow{font-size:10px}.login-story h1{font-size:clamp(31px,3.1vw,48px);line-height:1.28;letter-spacing:-1.9px;margin:15px 0 22px}.login-story>div>p:not(.eyebrow){font-size:14px;line-height:1.9;max-width:410px}.login-features{display:flex;flex-wrap:wrap;gap:16px 22px;margin-top:32px}.login-features span{display:flex;align-items:center;gap:7px;font-size:11px;color:var(--muted)}.login-features .icon{width:17px;height:17px}.login-story>small{font-size:11px;color:var(--muted)}.login-form-panel{display:flex;flex-direction:column;padding:37px 55px;background:var(--paper)}.login-top{display:flex;align-items:center;justify-content:flex-end;gap:18px}.login-inner{max-width:390px;width:100%;margin:auto;align-self:center;padding:45px 0}.login-icon{display:inline-flex;align-items:center;justify-content:center;width:52px;height:54px;border-radius:16px;background:var(--peach);color:var(--orange);margin-bottom:22px}.login-inner h2{font-size:27px;letter-spacing:-1px}.login-inner>p{font-size:13px;margin:10px 0 27px}.login-inner .field{margin-bottom:21px}.login-inner .field input{min-height:48px}.login-inner form>.btn{width:100%;min-height:48px;font-size:13px;margin-top:8px;justify-content:space-between;padding:13px 17px}.login-inner .login-help{margin:24px 0 0;font-size:11px;line-height:1.9}.login-footer{text-align:center;color:var(--muted);font-size:10px}
@keyframes spin{to{transform:rotate(360deg)}}@keyframes appear{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(min-width:1550px){#main{padding:36px 40px}.topbar{padding:15px 40px}.metric{padding:24px;min-height:178px}.page-heading h1{font-size:32px}.metric>strong{font-size:33px}}
@media(max-width:1200px){.sidebar{width:220px;padding:27px 15px 18px}.main-column{margin-left:220px}#main{padding:27px 25px}.topbar{padding:15px 25px}.metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.metric>strong{font-size:29px}.metric{min-height:145px}.gateway-grid{grid-template-columns:1fr}.page-heading h1{font-size:26px}.two-column{grid-template-columns:1fr}.app-footer{padding:18px 25px}#toast{left:calc(50% + 110px)}.login-story{padding:40px}.login-form-panel{padding:35px}}
@media(max-width:760px){body{font-size:14px}.sidebar{width:264px;transform:translateX(-100%);transition:transform .2s;z-index:50;padding:27px 20px 20px}.menu-open .sidebar{transform:none}.nav-overlay{position:fixed;inset:0;background:#14231b80;backdrop-filter:blur(3px);z-index:45}.menu-open .nav-overlay{display:block}.menu-open{overflow:hidden}.sidebar nav>a{font-size:14px;min-height:47px}.main-column{margin-left:0}.menu-toggle{display:inline-flex}.topbar{min-height:65px;padding:12px 17px;gap:8px}.breadcrumb{gap:8px}.breadcrumb>span,.breadcrumb>.icon{display:none}.top-actions{gap:8px}.top-actions .environment{font-size:9px;padding:4px 6px}.top-actions .small-avatar{display:none}.top-actions>.icon-btn{width:34px}#main{padding:25px 18px}.page-heading{display:block;margin-bottom:22px}.page-heading h1{font-size:26px}.page-heading p:not(.eyebrow){font-size:13px;line-height:1.8}.page-actions{margin-top:18px;flex-wrap:wrap}.eyebrow{font-size:9px}.btn{min-height:44px;font-size:12px;padding:11px 13px}.notice{padding:14px 15px;border-radius:12px;gap:9px;margin-bottom:20px}.notice p{font-size:12px}.metrics{gap:11px;margin-bottom:20px}.metric{padding:17px 14px;border-radius:13px;min-height:150px}.metric>div{font-size:11px;line-height:1.7;gap:5px}.metric>div>.icon{width:18px;height:18px}.metric>strong{font-size:clamp(19px,5.3vw,26px);letter-spacing:-.7px;margin:14px 0 10px}.metric p{font-size:10px;line-height:1.7}.overview-context{font-size:11px;flex-wrap:wrap;gap:7px;margin-bottom:18px}.overview-context>span:last-child{border:0;padding:0;margin:0;flex-basis:100%;font-size:10px}.panel{border-radius:13px}.panel-head{padding:21px 18px 16px}.panel-head h2{font-size:16px}.panel-head p{font-size:12px}.panel-body{padding:4px 18px 22px}.status-list{padding:0 18px 8px}.status-list>a{font-size:13px;padding:15px 0}.connection-body{padding:4px 18px 22px}.connection-body>p{font-size:12px}.pending-number span{font-size:13px}.pending-number strong{font-size:36px}.detail-grid{gap:21px 14px}.detail dt{font-size:12px}.detail dd{font-size:13px}.gateway-card{padding:20px 18px}.gateway-card header h2{font-size:16px}.gateway-card header p{font-size:11px}.gateway-card header{gap:10px}.gateway-logo{width:40px;height:43px;font-size:16px}.card-actions{gap:8px}.card-actions>.btn{flex:1}.gateway-card .small{font-size:11px}.table-scroll th{font-size:11px;padding:13px 17px}.table-scroll td{font-size:13px;padding:15px 17px}.cell-main{font-size:13px}.cell-sub{font-size:11px;max-width:230px}.badge{font-size:10px}.toolbar{padding:16px;gap:10px}.search-field{max-width:none;flex:1 1 100%;min-height:45px}.search-field input{font-size:16px;height:43px}.search-field input::placeholder{font-size:13px}.toolbar>select{flex:1;min-height:44px;font-size:16px}.toolbar>.btn{min-height:44px}.pagination{font-size:11px;padding:15px 17px;flex-wrap:wrap;gap:10px}.pagination>div{gap:9px}.pagination .icon-btn{width:42px;height:42px}.tabs{gap:4px;padding-bottom:12px;flex-wrap:wrap;margin-bottom:20px}.tabs button{font-size:12px;padding:10px;min-height:44px;gap:7px}.role-cards{grid-template-columns:1fr;gap:11px;margin-bottom:21px}.role-cards>div{padding:16px 17px}.role-cards p{font-size:12px;margin-top:7px}.role-cards strong{font-size:14px}.app-footer{padding:20px 18px;font-size:10px;flex-wrap:wrap;gap:9px}.empty{padding:40px 20px}.empty p{font-size:13px}.field{font-size:13px;margin-bottom:20px}.field input,.field select,.field textarea{font-size:16px;padding:12px;min-height:46px}.field small{font-size:12px}.form-grid{grid-template-columns:1fr;gap:0}.verification p{font-size:12px}.form-error{font-size:13px}.form-footer>.btn{width:100%}dialog{width:calc(100vw - 20px);max-height:calc(100dvh - 20px);border-radius:18px}.modal-head{padding:23px 20px 18px;gap:10px}.modal-head h2{font-size:22px}.modal-head p:not(.eyebrow){font-size:12px}.modal-head>.icon-btn{width:40px;height:40px}.modal-body{padding:22px 20px}.audit-json{font-size:11px;padding:15px}#toast{left:50%;font-size:12px;bottom:20px}.login#main{grid-template-columns:1fr}.login-story{padding:27px 25px 29px;border-right:0;border-bottom:1px solid var(--line)}.login-story .brand{font-size:26px}.login-story>div{padding:32px 0 0}.login-story h1{font-size:31px;letter-spacing:-1.3px;margin:10px 0 14px}.login-story>div>p:not(.eyebrow){font-size:13px;max-width:360px}.login-features{display:none}.login-story>small{display:none}.login-form-panel{padding:18px 25px 26px}.login-top{justify-content:space-between}.login-inner{padding:25px 0}.login-inner h2{font-size:25px}.login-icon{display:none}.login-inner>p{font-size:13px;margin-bottom:26px}.login-inner .login-help{font-size:12px;line-height:1.8}.login-footer{font-size:10px}}
@media(max-width:380px){.metric>strong{font-size:18px}.metric>div>.icon{display:none}.tabs button{font-size:11px}.detail-grid{grid-template-columns:1fr}.gateway-card>header{flex-wrap:wrap}.gateway-card header>.badge{margin-left:50px}.top-actions .environment{display:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(prefers-reduced-transparency:reduce){.topbar{background:var(--paper);backdrop-filter:none}dialog::backdrop,.nav-overlay{backdrop-filter:none}}
.webhook-setup{padding:18px;background:var(--mint);border:1px solid var(--line);border-radius:12px;margin:0 0 23px;min-width:0}.webhook-setup-heading{display:flex;align-items:center;gap:8px;margin-bottom:7px}.webhook-setup-heading>span{color:var(--orange);display:flex}.webhook-setup h3{font-size:14px;letter-spacing:-.2px}.webhook-setup p{font-size:11px;line-height:1.8}.webhook-url{display:block;white-space:normal;overflow-wrap:anywhere;word-break:normal;user-select:text;-webkit-user-select:text;font:12px/1.8 Consolas,monospace;color:var(--ink);background:var(--paper);border:1px solid var(--line);border-radius:8px;padding:12px;margin:13px 0 10px;min-width:0}.webhook-setup>.btn{min-height:40px}.webhook-setup .webhook-token-help{margin-top:13px;font-size:11px}.webhook-inbound{margin-bottom:25px}.webhook-inbound .webhook-setup{margin-bottom:0}.webhook-direction-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:17px}.webhook-direction-heading p,.webhook-direction>div>p{font-size:12px;line-height:1.8;margin-top:6px}.webhook-direction-heading>.btn{flex-shrink:0}.webhook-direction{padding:22px;margin-bottom:21px}.webhook-direction>.detail-grid{margin:18px 0}.webhook-direction .detail dd{font-family:Consolas,monospace;font-size:12px;line-height:1.8}
.provider-catalog{padding:22px;margin-bottom:22px;display:grid;grid-template-columns:1fr minmax(240px,.8fr);gap:25px;align-items:center}.provider-catalog p{font-size:12px;line-height:1.8;margin-top:7px;max-width:520px}.provider-catalog-list{display:grid;gap:12px}.provider-catalog-list>div{display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:12px;padding:14px;background:var(--soft);min-width:0}.provider-catalog-list strong{display:block;font-size:13px}.provider-catalog-list small{display:block;color:var(--muted);font-size:11px;margin-top:4px}.provider-catalog-list .badge{margin-left:auto}.provider-catalog-list .gateway-logo{width:37px;height:38px;font-size:14px;border-radius:10px}.credential-heading{padding:4px 0 17px}.credential-heading h3{font-size:14px;letter-spacing:-.2px}.credential-heading p,.account-lock-note{font-size:11px;line-height:1.8;color:var(--muted);margin-top:6px}.account-lock-note{margin:0 0 18px;padding:12px 14px;background:var(--mint);border:1px solid var(--line);border-radius:10px}.field select:disabled{background:var(--soft);color:var(--muted);opacity:1;cursor:not-allowed}.route-warning{display:block;color:var(--action);font-size:10px;margin-top:6px;white-space:normal;max-width:280px}[data-theme=dark] .route-warning{color:var(--orange)}
@media(max-width:900px){.provider-catalog{grid-template-columns:1fr;gap:17px}}@media(max-width:760px){.provider-catalog{padding:18px}.provider-catalog p,.credential-heading p,.account-lock-note{font-size:12px}.provider-catalog-list>div{padding:13px}.route-warning{font-size:11px}}
@media(max-width:760px){.webhook-setup{padding:15px;margin-bottom:21px}.webhook-setup p,.webhook-setup .webhook-token-help{font-size:12px}.webhook-setup h3{font-size:14px}.webhook-setup>.btn{min-height:44px}.webhook-url{font-size:12px;padding:11px}.webhook-direction-heading{flex-direction:column;gap:12px}.webhook-direction{padding:18px}.webhook-direction h2,.webhook-direction-heading h2{font-size:16px}}