.user-console-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:24px}.user-console-head>div>span,.user-console-section-head span,.user-console-order-create>div>span,.user-console-dialog header span{display:block;margin-bottom:6px;color:#59687f;font-size:11px;font-weight:800;text-transform:uppercase}.user-console-head h2,.user-console-section-head h3,.user-console-order-create h3,.user-console-dialog h3{margin:0}.user-console-head h2{font-size:28px}.user-console-head p,.user-console-order-create p{margin:7px 0 0;color:var(--muted);line-height:1.6}.user-console-overview{display:grid;grid-template-columns:minmax(270px,.72fr) minmax(0,1.28fr);gap:20px}.user-console-section{min-width:0;border-top:3px solid #4055d6;background:var(--card);padding:22px 0 0}.user-console-section.catalog-section{border-top-color:#15936a}.user-console-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:0 22px 18px}.user-console-section-head h3{font-size:18px}.user-console-state{min-height:120px;display:grid;place-items:center;align-content:center;gap:7px;padding:24px;text-align:center;color:var(--muted);border-top:1px solid var(--line)}.user-console-state strong{color:var(--ink);font-size:15px}.balance-list{display:grid;border-top:1px solid var(--line)}.balance-list article{padding:18px 22px}.balance-list article+article{border-top:1px solid var(--line)}.balance-list article>div{display:flex;align-items:center;justify-content:space-between}.balance-list article>div span{color:var(--muted);font-size:11px}.balance-list dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:14px 0}.balance-list dl div{padding:10px;background:#f7f9fc;border:1px solid var(--line);border-radius:6px}.balance-list dt{color:var(--muted);font-size:10px}.balance-list dd{margin:5px 0 0;font-weight:800}.balance-list small{color:var(--muted)}.user-catalog-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:0 22px 22px;border-top:1px solid var(--line);padding-top:18px}.user-catalog-grid article{min-width:0;border:1px solid var(--line);border-radius:8px;padding:16px;background:#fff}.user-catalog-grid header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.user-catalog-grid header>div{min-width:0;display:grid;gap:5px}.user-catalog-grid header code{overflow-wrap:anywhere;color:var(--muted);font-size:11px}.user-catalog-grid header>span{flex-shrink:0;color:#066b46;background:#e8f7f0;border-radius:5px;padding:4px 6px;font-size:10px;font-weight:800}.user-catalog-grid p{min-height:38px;margin:12px 0;color:var(--muted);font-size:12px;line-height:1.6}.catalog-capabilities{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:12px}.catalog-capabilities span{border:1px solid #d8deeb;border-radius:5px;padding:3px 6px;color:#516079;font-size:10px}.user-catalog-grid dl{display:grid;gap:7px;margin:0}.user-catalog-grid dl div{display:flex;align-items:end;justify-content:space-between;gap:8px;padding-top:7px;border-top:1px solid var(--line)}.user-catalog-grid dt{color:var(--muted);font-size:11px}.user-catalog-grid dd{margin:0;font-weight:800;text-align:right}.user-catalog-grid dd small{display:block;color:var(--muted);font-size:9px;font-weight:400}.user-catalog-grid footer{margin-top:12px;color:var(--muted);font-size:9px}.user-console-quick{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:20px}.user-console-quick button{display:grid;gap:5px;text-align:left;border:1px solid var(--line);border-radius:8px;background:var(--card);padding:17px;color:var(--ink);font:inherit;cursor:pointer}.user-console-quick button:hover{border-color:#aeb9ee;background:#f8f9ff}.user-console-quick span{color:var(--muted);font-size:11px}.user-console-toolbar{display:flex;align-items:flex-end;gap:12px;margin-bottom:16px}.user-console-toolbar label{display:grid;gap:6px}.user-console-toolbar label span{color:var(--muted);font-size:11px;font-weight:700}.user-console-toolbar>span{margin-left:auto;color:var(--muted);font-size:12px}.user-console-table{min-width:0;background:var(--card);border:1px solid var(--line);border-radius:8px;overflow:hidden}.user-console-table .table-wrap{overflow:auto}.user-console-table .list-table{min-width:840px}.user-console-table td code{overflow-wrap:anywhere}.user-console-table td small,.user-console-table td span+small{display:block;margin-top:5px;color:var(--muted);font-size:10px}.user-console-table .badge.green{color:#066b46}.user-console-table .user-console-state{border-top:0}.user-console-pagination{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-top:14px}.user-console-pagination span{color:var(--muted);font-size:12px}.link-button{border:0;background:transparent;padding:0;color:var(--blue);font:inherit;cursor:pointer}.user-console-order-create{display:grid;grid-template-columns:minmax(260px,1fr) 160px 120px auto;align-items:end;gap:14px;margin:20px 0;padding:20px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.user-console-order-create label{display:grid;gap:6px}.user-console-order-create label span{color:var(--muted);font-size:11px;font-weight:700}.user-console-order-create>p{grid-column:2/-1;min-height:18px;margin:0;color:var(--muted);font-size:12px}.balance-strip{margin-bottom:0}.balance-strip .balance-list{grid-template-columns:repeat(2,minmax(0,1fr))}.balance-strip .balance-list article+article{border-top:0;border-left:1px solid var(--line)}.user-console-dialog{width:min(540px,calc(100vw - 28px));padding:0;border:0;border-radius:8px;background:transparent;color:var(--ink)}.user-console-dialog::backdrop{background:rgba(19,27,43,.5)}.user-console-dialog form{background:var(--card);border:1px solid var(--line);border-radius:8px;overflow:hidden}.user-console-dialog header{display:flex;align-items:flex-start;justify-content:space-between;padding:20px 22px;border-bottom:1px solid var(--line)}.user-console-dialog header button{width:32px;height:32px;border:0;background:transparent;color:var(--muted);font-size:22px;cursor:pointer}.user-console-dialog footer{display:flex;justify-content:flex-end;padding:14px 22px;border-top:1px solid var(--line)}#consoleOrderDetail{padding:20px 22px}.order-detail-list{display:grid;gap:0;margin:0}.order-detail-list div{display:grid;grid-template-columns:120px 1fr;gap:14px;padding:11px 0;border-bottom:1px solid var(--line)}.order-detail-list div:last-child{border-bottom:0}.order-detail-list dt{color:var(--muted)}.order-detail-list dd{margin:0;text-align:right}.badge.red{color:#b63636;background:#fdecec}[data-theme="dark"] .balance-list dl div{background:#151d2b}[data-theme="dark"] .user-catalog-grid article{background:#151d2b}[data-theme="dark"] .user-console-quick button:hover{background:#202a43}[data-theme="dark"] .catalog-capabilities span{border-color:#465168;color:#b8c3d8}
@media(max-width:980px){.user-console-overview{grid-template-columns:1fr}.user-console-order-create{grid-template-columns:1fr 1fr}.user-console-order-create>div{grid-column:1/-1}.user-console-order-create>p{grid-column:1/-1}.user-catalog-grid{grid-template-columns:1fr}}
@media(max-width:800px){.user-console-head{align-items:flex-start;display:grid}.user-console-head>.btn,.user-console-head>.badge{justify-self:start}.user-console-quick{grid-template-columns:1fr}.user-console-toolbar{align-items:stretch;display:grid;grid-template-columns:1fr 1fr}.user-console-toolbar>span{margin-left:0}.ledger-toolbar .btn{align-self:end}.balance-strip .balance-list{grid-template-columns:1fr}.balance-strip .balance-list article+article{border-left:0;border-top:1px solid var(--line)}.user-console-order-create{grid-template-columns:1fr}.user-console-order-create>div,.user-console-order-create>p{grid-column:auto}.user-console-pagination{justify-content:space-between}.key-dialog-card{max-height:calc(100vh - 24px);overflow:auto}.user-console-table .table-wrap{overflow:visible}.user-console-table .list-table{display:block;min-width:0}.user-console-table .list-table thead{display:none}.user-console-table .list-table tbody{display:grid}.user-console-table .list-table tr{display:grid;padding:10px 16px}.user-console-table .list-table tr+tr{border-top:1px solid var(--line)}.user-console-table .list-table td{display:grid;grid-template-columns:minmax(88px,.42fr) minmax(0,1fr);align-items:start;gap:12px;padding:8px 0;border:0;overflow-wrap:anywhere}.user-console-table .list-table td::before{content:attr(data-label);color:var(--muted);font-size:11px;font-weight:700}.user-console-table .list-table td>.btn{justify-self:start}}
@media(max-width:420px){.user-console-head h2{font-size:24px}.user-console-section-head{padding-inline:16px}.balance-list article{padding-inline:16px}.user-catalog-grid{padding-inline:16px}.user-console-toolbar{grid-template-columns:1fr}.user-console-order-create .btn{width:100%}.order-detail-list div{grid-template-columns:1fr;gap:4px}.order-detail-list dd{text-align:left}}