/* Reconstructed shell using the source Midone palette, spacing and local fonts. */
@font-face{font-family:PanelRoboto;src:url('../assets/fonts/roboto/Roboto-Regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:PanelRoboto;src:url('../assets/fonts/roboto/Roboto-Medium.ttf') format('truetype');font-weight:500 600;font-display:swap}
@font-face{font-family:PanelRoboto;src:url('../assets/fonts/roboto/Roboto-Bold.ttf') format('truetype');font-weight:700 900;font-display:swap}
:root{--panel-blue:#1c3faa;--panel-blue-hover:#254dc3;--surface:#fff;--canvas:#f1f5f8;--text:#2d3748;--muted:#718096;--line:#e2e8f0;--soft:#edf2f7;--green:#16856c;--shadow:0 3px 20px #00000006;color-scheme:light}
html.dark{--surface:#303b52;--canvas:#293145;--text:#e2e8f0;--muted:#a7b3c8;--line:#43506a;--soft:#35425c;--green:#63d6b3;--shadow:0 3px 20px #0000000a;color-scheme:dark}
html{background:var(--panel-blue)}html.dark{background:#232a3b}html body.frontend-app,html body.frontend-guest{font-family:PanelRoboto,notosans400,Arial,sans-serif!important;color:var(--text);font-size:13px;line-height:1.5;margin:0}
*{box-sizing:border-box}button,input,select,textarea{font:inherit}button,a,input,select,textarea,summary{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}a{text-decoration:none}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #789ffb;outline-offset:3px}input:focus,select:focus,textarea:focus{outline:2px solid #789ffb;outline-offset:1px}[hidden]{display:none!important}.icon{display:inline-block;width:20px;height:20px;flex-shrink:0;vertical-align:middle}.muted,small{color:var(--muted)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:-60px;left:20px;padding:12px 20px;background:white;color:#1c3faa;z-index:200}.skip-link:focus{top:10px}
html body.frontend-app{padding:20px 28px 20px 30px;background:transparent;overflow-x:clip}.app-shell{display:flex;align-items:stretch;gap:28px;min-height:calc(100vh - 40px)}.panel-sidebar{width:218px;flex-shrink:0;color:#fff;display:flex;flex-direction:column;padding:7px 0 0}.brand{display:flex;align-items:center;gap:11px;color:white;font-size:23px;font-weight:700;letter-spacing:-.7px;min-height:48px}.brand img{filter:brightness(0) invert(1);object-fit:contain}.brand-light{font-weight:400}.brand-mark{font-size:8px;letter-spacing:1.4px;opacity:.55;align-self:flex-end;margin:0 0 9px auto}.sidebar-account{display:flex;align-items:center;gap:12px;margin-top:23px;padding:20px 9px;border-top:1px solid #ffffff24;border-bottom:1px solid #ffffff24}.avatar{display:inline-flex;align-items:center;justify-content:center;background:#e3eafd;color:#1c3faa;width:35px;height:35px;font-weight:700;border-radius:50%;flex-shrink:0}.sidebar-account .avatar{background:#ffffff1e;color:white}.sidebar-account strong{display:block;font-weight:500;font-size:13px}.sidebar-account div>span{display:block;opacity:.57;font-size:11px;margin-top:2px}.nav-group{padding-top:20px}.nav-label{text-transform:uppercase;font-size:9px;letter-spacing:1.6px;font-weight:500;color:#ffffff80;padding:0 14px 8px}.nav-link{display:flex;align-items:center;gap:12px;min-height:42px;padding:11px 14px;color:#d8e1fc;border-radius:24px;margin:2px 0;font-size:12px;transition:background .15s}.nav-link .icon{width:18px;height:18px;opacity:.8}.nav-link:hover{background:#ffffff12;color:white}.nav-link.is-active{color:#1c3faa;background:var(--canvas);font-weight:600}.nav-link.is-active .icon{opacity:1}.nav-active-dot{width:5px;height:5px;border-radius:50%;background:#1c3faa;margin-left:auto}.dark .nav-link.is-active{color:#b0c6ff}.dark .nav-active-dot{background:#b0c6ff}.sidebar-bottom{margin-top:25px;padding:20px 10px;border-top:1px solid #ffffff24}.sidebar-bottom button{width:100%;display:flex;align-items:center;gap:10px;background:none;border:0;color:#d8e1fc;font-size:12px}.theme-switch{width:28px;height:16px;border:1px solid #ffffff70;border-radius:10px;margin-left:auto;padding:2px}.theme-switch:after{content:'';display:block;width:10px;height:10px;border-radius:50%;background:#fff;transition:transform .2s}.dark .theme-switch:after{transform:translateX(11px)}
.workspace.content{padding:0 29px;min-height:calc(100vh - 40px);display:flex;flex-direction:column;border-radius:30px;background:var(--canvas);color:var(--text)}.workspace-topbar{height:75px;min-height:75px;justify-content:space-between;border-color:var(--line);gap:15px;z-index:20}.breadcrumbs{display:flex;align-items:center;gap:12px;font-size:12px;min-width:0}.breadcrumbs>a{color:var(--muted)}.breadcrumbs>.icon{width:13px;color:#a0aec0}.breadcrumbs>span{font-weight:500;white-space:nowrap}.topbar-actions{display:flex;align-items:center;gap:21px}.topbar-balance{border-right:1px solid var(--line);padding-right:22px;text-align:right;white-space:nowrap}.topbar-balance>span{display:block;color:var(--muted);font-size:10px}.topbar-balance strong{display:block;color:var(--panel-blue);font-size:15px}.dark .topbar-balance strong{color:#c0d1ff}.topbar-balance small{font-size:9px;font-weight:400;margin-left:5px}.icon-button{border:0;background:transparent;color:var(--text);display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%}.icon-button:hover{background:var(--soft)}.language-control{display:flex;align-items:center;gap:5px;color:var(--muted)}.language-control .icon{width:16px}.language-control select{border:0;background:transparent;color:var(--text);font-size:11px;padding:4px 0}.account-menu{position:relative}.account-menu summary{list-style:none;cursor:pointer}.account-menu summary::-webkit-details-marker{display:none}.account-dropdown{position:absolute;right:0;top:46px;width:190px;background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:0 12px 35px #0002;padding:15px;z-index:55}.account-dropdown>strong,.account-dropdown>small{display:block}.account-dropdown>small{padding-bottom:12px;border-bottom:1px solid var(--line);margin-bottom:6px}.account-dropdown a{display:flex;gap:10px;padding:8px 0;color:var(--text)}.account-dropdown a .icon{width:16px}.menu-toggle{display:none}.workspace main{flex:1;min-width:0}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:30px 0 23px}.eyebrow{font-size:9px;letter-spacing:1.5px;color:var(--muted);font-weight:500}.page-heading h1{font-size:23px;font-weight:600;letter-spacing:-.5px;margin:5px 0 0;line-height:1.3}.preview-badge{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;font-size:10px;color:var(--muted);background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:6px 10px}.preview-badge>span{width:5px;height:5px;background:#e4a43a;border-radius:50%}.app-footer{margin-top:35px;padding:19px 0;color:var(--muted);font-size:10px;display:flex;justify-content:space-between;gap:12px;border-top:1px solid var(--line)}.app-footer a{color:var(--muted)}.footer-dot{padding:0 7px}
.panel{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:22px;box-shadow:var(--shadow);margin-bottom:22px;min-width:0}.panel-heading,.section-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:20px}.panel-heading h2,.section-heading h2,.panel>h2{font-size:15px;font-weight:600;margin:0}.panel-heading p,.section-heading p{margin:4px 0 0;font-size:11px;color:var(--muted)}.panel-heading .icon{color:#6684d8}.page-intro{color:var(--muted);font-size:12px;margin:-6px 0 22px}.page-intro p{margin:0}.page-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.page-grid>.panel{margin-bottom:0}.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-bottom:25px}.stat-card{position:relative;background:var(--surface);padding:22px;border-radius:9px;box-shadow:0 3px 20px #00000007;border:1px solid var(--line)}.stat-card:after{content:'';position:absolute;bottom:-6px;left:12px;right:12px;height:8px;border-radius:0 0 9px 9px;background:var(--surface);border:1px solid var(--line);border-top:0;z-index:0}.stat-card .icon{width:25px;height:25px;color:#2f58c4}.stat-card:nth-child(2) .icon{color:#f1a22d}.stat-card:nth-child(3) .icon{color:#dd667a}.stat-card:nth-child(4) .icon{color:#22a18a}.stat-card strong,.stat-value{display:block;font-size:28px;font-weight:600;margin:15px 0 3px;letter-spacing:-.6px;line-height:1.2}.stat-card p,.stat-card .stat-label{font-size:11px;color:var(--muted);margin:3px 0 0}.stat-icon{display:flex;align-items:center;justify-content:space-between}.stat-card small{font-size:10px}.balance-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.balance-grid>div{padding:15px;border-right:1px solid var(--line)}.balance-grid>div:last-child{border:0}.balance-grid span{display:block;font-size:11px;color:var(--muted)}.balance-grid strong{display:block;margin-top:8px;font-size:19px;font-weight:500}.balance-value{font-size:22px;font-weight:500}.chart{width:100%;min-height:200px}.chart svg{width:100%;height:auto;min-height:180px;max-height:280px;overflow:visible}.chart line{stroke:var(--line)}.chart text{fill:var(--muted);font-family:inherit;font-size:11px}.legend{display:flex;gap:20px;align-items:center;font-size:11px;color:var(--muted);margin:10px 0}.legend span{display:inline-flex;align-items:center;gap:7px}.legend-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#1c3faa}.legend-dot.withdraw{background:#c4d1f5}.badge{display:inline-flex;align-items:center;gap:5px;line-height:1.3;border-radius:20px;padding:4px 8px;font-size:10px;font-weight:500;background:var(--soft);color:var(--muted);white-space:nowrap}.badge-success,.badge-green{background:#e5f6ef;color:#118563}.badge-warning{background:#fff4db;color:#a57514}.badge-blue{background:#eaf0fd;color:#1c3faa}.dark .badge-success,.dark .badge-green{background:#234f49;color:#8de6c6}.dark .badge-blue{background:#2f426c;color:#bccfff}
.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:36px;padding:8px 14px;border:1px solid transparent;border-radius:6px;font-size:12px;font-weight:500;white-space:nowrap;transition:background .15s}.button .icon{width:15px;height:15px}.button-primary{background:#1c3faa;color:white!important;box-shadow:0 3px 8px #1c3faa18}.button-primary:hover{background:#254dc3}.button-secondary{background:var(--surface);color:var(--text);border-color:var(--line)}.button-secondary:hover{background:var(--soft)}.button-danger{background:#fff0f0;color:#cf4242;border-color:#f2caca}.button-small{min-height:29px;font-size:11px;padding:5px 10px}.inline-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.form-field{display:flex;flex-direction:column;gap:6px;min-width:0;margin:0}.form-field>label,.form-field>span{font-size:12px;font-weight:500}.form-field input,.form-field select,.form-field textarea,.filter-bar input,.filter-bar select,.table-controls input,.table-controls select,.login-form input,.login-form select{width:100%;min-width:0;border:1px solid var(--line);border-radius:6px;min-height:37px;padding:8px 11px;background:var(--surface);color:var(--text);font-size:12px}.form-field input::placeholder{color:#a1aaba}.form-field input[type=checkbox]{width:16px;min-height:16px}.form-field textarea{min-height:90px;resize:vertical}.form-field small{font-size:10px}.form-field input[readonly]{background:var(--soft);color:var(--muted)}.form-field:has(textarea){grid-column:1/-1}.filter-bar{display:flex;align-items:end;gap:13px;flex-wrap:wrap;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid var(--line)}.filter-bar .form-field,.filter-bar>label{flex:1;min-width:130px}.filter-bar>label{display:flex;flex-direction:column;gap:6px;font-size:11px;color:var(--muted)}.filter-bar select{min-width:130px}.table-controls{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:18px 0 15px;font-size:11px;color:var(--muted)}.table-controls label{display:flex;align-items:center;gap:8px}.table-controls select{width:65px;min-height:30px;padding:5px 8px}.table-controls input{width:200px;min-height:32px;padding:6px 10px}.table-scroll{overflow-x:auto;max-width:100%;border:1px solid var(--line);border-radius:6px}.data-table{border-collapse:collapse;width:100%;font-size:11px}.data-table thead th{background:var(--soft);color:var(--muted);font-size:10px;letter-spacing:.3px;font-weight:500;text-align:left;padding:12px 14px;white-space:nowrap;border-bottom:1px solid var(--line)}.data-table tbody td{text-align:left;padding:13px 14px;border-bottom:1px solid var(--line);white-space:nowrap}.data-table tbody tr:last-child td{border-bottom:0}.data-table tbody tr[data-row]:hover{background:var(--soft)}.data-table tbody td:first-child{font-weight:500}.data-table th button{background:none;border:0;font:inherit;color:inherit;padding:0;display:inline-flex;align-items:center;gap:6px}.data-table th button:after{content:'↕';opacity:.6}.table-footer{display:flex;align-items:center;justify-content:space-between;gap:15px;color:var(--muted);font-size:11px;margin-top:16px}.table-footer .button{min-height:29px;font-size:11px;padding:5px 10px}.table-footer>div{display:flex;gap:6px;align-items:center}.empty-state{text-align:center!important;white-space:normal!important;padding:36px 20px!important;color:var(--muted);font-weight:400!important}.empty-state .icon,.empty-icon{display:block;width:31px;height:31px;color:#a6b8d8;margin:0 auto 12px}.empty-state strong,.empty-state h3{display:block;font-size:13px;color:var(--text);font-weight:500;margin:0 0 5px}.empty-state p{font-size:11px;margin:4px 0}.empty-state a{color:var(--panel-blue)}.table-scroll+.muted{margin-top:12px;font-size:11px}
dialog{margin:auto;border:1px solid var(--line);padding:0;border-radius:13px;background:var(--surface);color:var(--text);width:min(640px,calc(100vw - 32px));max-height:calc(100dvh - 40px);box-shadow:0 25px 80px #0003;overflow-y:auto}dialog::backdrop{background:#101c3a80;backdrop-filter:blur(2px)}.modal-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 24px;border-bottom:1px solid var(--line)}.modal-heading h2{font-size:17px;font-weight:600;margin:0}.modal-heading button{background:none;color:var(--muted);border:0;font-size:22px;width:30px;height:30px}.modal-body{padding:24px}.modal-body>p.muted{margin:0 0 20px;font-size:12px}.modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:17px 24px;border-top:1px solid var(--line)}.detail-list{margin:0}.detail-list>div{display:flex;justify-content:space-between;gap:20px;padding:13px 0;border-bottom:1px solid var(--line)}.detail-list>div:last-child{border:0}.detail-list dt{color:var(--muted);font-size:12px}.detail-list dd{margin:0;text-align:right;font-weight:500;overflow-wrap:anywhere}.detail-list code{font-size:11px}.docs-endpoint{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:12px 0;padding:12px 15px;border:1px solid var(--line);border-radius:6px;background:var(--soft);overflow-wrap:anywhere}.docs-endpoint code{font-size:12px;color:var(--text)}.code-block,pre{background:#202b46;color:#dae4fc;border-radius:7px;padding:18px;font-size:12px;overflow:auto;max-width:100%;line-height:1.7}.code-block code{color:inherit}.docs-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:22px}.docs-nav{position:sticky;top:20px;align-self:start}.docs-nav a{display:block;padding:9px 0;border-bottom:1px solid var(--line);color:var(--text);font-size:12px}.docs-section{scroll-margin-top:20px}.error-page{text-align:center;padding:40px 20px}.error-page img{max-width:340px;width:90%;margin:0 auto 25px}.error-page h2{font-size:46px;font-weight:600;margin:0}.error-page p{margin:10px 0 25px}
.toast{position:fixed;right:24px;bottom:24px;z-index:150;display:flex;align-items:center;gap:12px;max-width:min(470px,calc(100vw - 32px));padding:16px 20px;border:1px solid var(--line);border-radius:10px;box-shadow:0 8px 35px #0002;background:var(--surface);color:var(--text);font-size:12px}.toast>.icon{color:#4769c1}.toast button{font-size:21px;color:var(--muted);border:0;background:none;padding:0 0 0 6px}.noscript-message{position:fixed;bottom:0;left:0;right:0;padding:10px;text-align:center;background:#fff1cf;color:#805a10;z-index:100}.sidebar-scrim{display:none}.frontend-guest{padding:0!important;background:var(--surface)!important;min-height:100vh}.guest-shell{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.guest-brand{background:#1c3faa;position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:65px 13%;color:white;overflow:hidden}.guest-brand:after{content:'';position:absolute;right:-130px;top:-20%;height:140%;width:200px;background:var(--surface);border-radius:50%}.guest-brand .brand{position:absolute;top:45px;left:13%}.guest-illustration{width:100%;max-width:420px;mix-blend-mode:screen;margin:25px 0}.guest-brand h2{font-size:34px;line-height:1.3;font-weight:600;letter-spacing:-.7px;margin:15px 0}.guest-brand p{font-size:14px;color:#bfd0fb;line-height:1.8;margin:0}.guest-copyright{position:absolute;bottom:30px;color:#ffffff60;font-size:11px}.guest-content{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:85px 65px}.guest-tools{position:absolute;right:35px;top:30px;display:flex;align-items:center;gap:12px}.guest-content>.login-form,.guest-content>section,.guest-content>div:not(.guest-tools):not(.guest-footnote){width:100%;max-width:360px}.guest-content h1,.guest-content h2{font-size:29px;letter-spacing:-.5px;font-weight:600;margin:0 0 12px}.guest-content .form-field{margin:20px 0}.guest-content .form-field input{min-height:46px}.guest-content .button-primary{min-height:43px}.guest-content .login-form>.button,.guest-content form>.button{width:100%;margin-top:12px}.guest-footnote{position:absolute;bottom:30px;text-align:center;font-size:10px;color:var(--muted);left:20px;right:20px}.login-helper{display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:11px;margin:15px 0}.preview-note{font-size:11px;color:var(--muted);padding:13px 15px;border-radius:6px;background:var(--soft);margin:20px 0}.field-row{display:flex;align-items:center;gap:8px}
@media(min-width:1600px){.app-shell{max-width:1750px;margin:0 auto}.workspace.content{padding:0 38px}.stat-card{padding:27px}.nav-link{min-height:46px}}
@media(max-width:1199px){html body.frontend-app{padding:15px}.app-shell{gap:16px}.panel-sidebar{width:195px}.workspace.content{padding:0 22px}.brand{font-size:21px}.brand-mark{display:none}.topbar-actions{gap:13px}.topbar-balance{padding-right:13px}.breadcrumbs{gap:7px}.stat-grid{gap:13px}.stat-card{padding:17px}.stat-card strong{font-size:25px}.page-heading{margin-top:25px}.guest-content{padding:80px 40px}.guest-brand{padding-left:12%;padding-right:18%}}
@media(max-width:991px){.panel-sidebar{width:176px}.nav-link{font-size:11px;gap:9px;padding:10px}.nav-label{font-size:8px}.workspace.content{padding:0 18px;border-radius:22px}.topbar-balance{display:none}.preview-badge{font-size:9px}.page-heading h1{font-size:21px}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.page-grid{grid-template-columns:1fr}.panel{padding:18px}.docs-layout{grid-template-columns:1fr}.docs-nav{position:static}.balance-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.guest-brand h2{font-size:27px}.guest-brand p{font-size:12px}}
@media(max-width:767px){html body.frontend-app{padding:10px}.app-shell{gap:0;min-height:calc(100dvh - 20px)}.panel-sidebar{position:fixed;top:0;left:0;bottom:0;width:250px;background:#1c3faa;z-index:100;overflow-y:auto;padding:25px 18px;transform:translateX(-100%);transition:transform .2s}.dark .panel-sidebar{background:#232a3b}.sidebar-open .panel-sidebar{transform:translateX(0)}.sidebar-scrim:not([hidden]){display:block;position:fixed;inset:0;border:0;background:#0d193566;z-index:90}.sidebar-open{overflow:hidden}.brand{font-size:24px}.nav-link{font-size:12px;min-height:43px;gap:12px}.workspace.content{width:100%;border-radius:18px;padding:0 16px;min-height:calc(100dvh - 20px)}.workspace-topbar{min-height:65px;height:65px}.menu-toggle{display:inline-flex}.breadcrumbs>a,.breadcrumbs>.icon{display:none}.breadcrumbs>span{font-size:11px;white-space:normal}.topbar-actions{gap:8px}.notification-button{display:none}.language-control .icon{display:none}.account-menu .avatar{width:29px;height:29px;font-size:12px}.page-heading{margin:22px 0 18px;flex-wrap:wrap;gap:10px}.page-heading h1{font-size:23px}.page-heading .eyebrow{font-size:8px}.stat-grid{gap:15px}.stat-card{padding:17px}.stat-card p{font-size:10px}.panel{padding:16px;margin-bottom:18px}.panel-heading,.section-heading{flex-wrap:wrap;margin-bottom:17px}.panel-heading h2,.section-heading h2{font-size:14px}.form-grid{grid-template-columns:1fr}.table-controls{flex-wrap:wrap;gap:12px}.table-controls input{width:150px}.table-footer{flex-wrap:wrap}.filter-bar{gap:10px}.filter-bar .form-field,.filter-bar>label{min-width:calc(50% - 10px)}.app-footer{font-size:9px}.modal-body{padding:20px}.modal-heading,.modal-footer{padding:17px 20px}.guest-shell{grid-template-columns:1fr;min-height:100dvh;background:var(--surface)}.guest-brand{padding:24px 26px;display:block;min-height:105px}.guest-brand .brand{position:static;font-size:25px}.guest-brand:after,.guest-illustration,.guest-brand h2,.guest-brand p,.guest-copyright{display:none}.guest-content{padding:92px 30px 100px;min-height:calc(100dvh - 105px)}.guest-tools{top:21px;right:25px}.guest-content h1,.guest-content h2{font-size:27px}.guest-footnote{bottom:25px}.toast{right:16px;bottom:16px}.docs-endpoint{flex-wrap:wrap}.balance-grid>div{padding:10px}.balance-grid strong{font-size:18px}}
/* Scoped overrides prevent legacy template modal and utility selectors taking over. */
dialog.modal{position:fixed;inset:0;margin:auto;visibility:visible;opacity:1;width:min(640px,calc(100vw - 32px));height:auto;max-height:calc(100dvh - 40px);overflow-y:auto;background:var(--surface);z-index:100;border-radius:13px;padding:0;transition:none}
dialog.modal:not([open]){display:none}dialog.modal[open]{display:block}dialog.modal.modal-wide{width:min(820px,calc(100vw - 32px))}.modal .modal-body{padding:24px}.modal .modal-footer{margin:22px -24px -24px;padding:17px 24px}.modal .modal-footer .button{min-width:75px}.modal .modal-heading{margin:0}.form-field-wide{grid-column:1/-1}.required-mark{color:#d75858}.page-intro{display:flex;align-items:center;justify-content:space-between;gap:15px}.page-intro>div:first-child{min-width:0}.page-intro .inline-actions{flex-shrink:0}.stat-top{display:flex;justify-content:space-between;align-items:center}.stat-card h2{font-size:12px;font-weight:500;margin:4px 0}.stat-card .stat-top .badge{font-size:9px}.dashboard-grid{grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);margin-bottom:22px}.balance-summary{display:flex;align-items:center;justify-content:space-between;gap:15px}.balance-summary p{font-size:11px;margin:0 0 6px}.balance-summary>.muted{font-size:10px}.balance-value{font-size:28px;font-weight:600;letter-spacing:-.6px}.balance-value>span{font-size:20px;color:var(--muted)}.balance-row{display:flex;align-items:center;gap:14px;padding:15px 0;border-bottom:1px solid var(--line)}.balance-row:first-child{padding-top:0}.balance-row:last-child{border-bottom:0}.balance-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:var(--soft);color:#6480c5}.balance-icon .icon{width:18px}.balance-row>div{flex:1;display:flex;align-items:center;justify-content:space-between;gap:12px}.balance-row strong{font-size:16px;font-weight:500}.balance-row .muted{font-size:11px}.panel-note{font-size:10px;border-top:1px solid var(--line);padding-top:15px;margin-top:10px}.quick-links{display:flex;flex-direction:column}.quick-links>a{display:flex;align-items:center;gap:12px;color:var(--text);padding:13px 0;border-bottom:1px solid var(--line)}.quick-links>a:last-child{border-bottom:0}.quick-links>a>span:last-child{margin-left:auto;color:var(--muted)}.quick-links .icon{width:17px;color:#6380cd}.empty-state.compact{padding:13px!important}.text-link,.table-action{color:#3158bf;font-size:11px;background:none;border:0;padding:0}.dark .text-link,.dark .table-action{color:#bdcfff}.table-action:hover{text-decoration:underline}.table-action+.table-action{padding-left:8px;border-left:1px solid var(--line)}.pagination-current{display:flex;align-items:center;justify-content:center;width:28px;color:var(--text)}.profile-identity{display:flex;align-items:center;gap:15px;margin-bottom:22px;padding-bottom:22px;border-bottom:1px solid var(--line)}.profile-avatar{width:55px;height:55px;border-radius:50%;background:var(--soft);color:#3158bf;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:600}.profile-identity h2{font-size:17px;font-weight:500;margin:0}.profile-identity p{margin:3px 0;font-size:11px}.login-divider{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:10px;margin:24px 0 17px}.login-divider:before,.login-divider:after{content:'';height:1px;background:var(--line);flex:1}.login-submit{width:100%}.login-note{font-size:10px;text-align:center;line-height:1.7;margin-top:15px}.endpoint-copy{display:flex;align-items:center;justify-content:space-between;gap:15px;background:var(--soft);padding:12px 15px;border:1px solid var(--line);border-radius:6px;margin:16px 0}.panel-body>p{font-size:12px;margin:10px 0}.docs-list .docs-endpoint{display:block;padding:0;background:var(--surface);border:1px solid var(--line);margin:9px 0}.docs-endpoint summary{display:flex;align-items:center;gap:15px;padding:13px 15px;cursor:pointer;list-style:none}.docs-endpoint summary::-webkit-details-marker{display:none}.docs-endpoint summary>.icon{margin-left:auto;width:16px;transition:transform .2s}.docs-endpoint[open] summary>.icon{transform:rotate(180deg)}.docs-endpoint[open] summary{border-bottom:1px solid var(--line)}.endpoint-body{padding:16px}.endpoint-body .inline-actions{justify-content:space-between;font-size:11px}.method-badge{font-family:PanelRoboto,Arial,sans-serif;font-weight:600;font-size:10px;display:inline-block;width:54px;text-align:center;padding:4px 5px;border-radius:4px;background:#eef1f9;color:#586887}.method-get{background:#e6f5f0;color:#147c60}.method-post{background:#eaf0ff;color:#3158bf}.method-put{background:#fff4dd;color:#a17517}.method-delete{background:#fff0f0;color:#c34e4e}.endpoint-body .code-block{font-size:11px;margin-bottom:0}.dark .method-get{background:#27463f;color:#84d3ba}.dark .method-post{background:#2f426c;color:#bccfff}.dark .method-put{background:#50432c;color:#ebcc88}.dark .method-delete{background:#55343e;color:#efb6b6}
@media(max-width:991px){.dashboard-grid{grid-template-columns:1fr}.balance-row>div{justify-content:flex-start;gap:30px}}
@media(max-width:767px){.page-intro{align-items:flex-start;flex-direction:column;gap:13px}.docs-endpoint summary{gap:8px;padding:12px 10px}.docs-endpoint summary code{font-size:10px}.endpoint-body{padding:12px}.endpoint-body .inline-actions{align-items:flex-start}.modal .modal-body{padding:20px}.modal .modal-footer{margin:20px -20px -20px;padding:15px 20px}.balance-row>div{justify-content:space-between}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* KDX888 authenticated account controls. */
html[data-accent="slate"]{--panel-blue:#334155;--panel-blue-hover:#475569}
html[data-accent="emerald"]{--panel-blue:#075e4e;--panel-blue-hover:#087b65}
.button-primary{background:var(--panel-blue)}.button-primary:hover{background:var(--panel-blue-hover)}
.guest-brand{background:var(--panel-blue)}.nav-link.is-active{color:var(--panel-blue)}.dark .nav-link.is-active{color:#d9e5ff}
.topbar-balance strong{color:var(--panel-blue)}.dark .topbar-balance strong{color:#d9e5ff}
.form-feedback{padding:13px 16px;border-radius:7px;border:1px solid var(--line);margin:18px 0;font-size:12px}
.form-feedback.error{background:#fff1f0;color:#a83434;border-color:#f5c3c3}.form-feedback.success{background:#e5f6ef;color:#14674f;border-color:#b8e0d0}
.dark .form-feedback.error{background:#4b2f38;color:#ffb9bc;border-color:#754653}.dark .form-feedback.success{background:#24493f;color:#9ee2c9;border-color:#376a58}
.form-feedback ul{margin:0;padding-left:17px;list-style:disc}.form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:22px}
.account-logout{display:flex;align-items:center;gap:10px;background:none;border:0;padding:8px 0;color:var(--text);font-size:12px;width:100%;text-align:left}.account-logout .icon{width:16px}
@media(max-width:767px){.panel-sidebar{background:var(--panel-blue)}}