@font-face{font-family:"Plus Jakarta Sans";font-style:normal;font-weight:400 800;font-display:swap;src:url("plus-jakarta-sans.7660bd9909fb.woff2") format("woff2")}
:root{--navy:#251b44;--deep:#0d1024;--ink:#262139;--teal:#6941b8;--mint:#c5a6ff;--paper:#f6f5f9;--line:#e6e2ed;--muted:#696477;--white:#fff;--danger:#b74444;--shadow:0 7px 28px #12335405;color-scheme:light}
*{box-sizing:border-box}
body{margin:0;font-family:"Plus Jakarta Sans",-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;background:var(--paper);color:var(--ink);font-size:15px;line-height:1.55}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit}
button,a,input,select,textarea,summary{outline-offset:4px}
button{cursor:pointer}
button:disabled{opacity:.5;cursor:not-allowed}
a:hover{color:var(--teal)}
h1,h2,h3,p{margin-top:0}
h1{font-size:35px;letter-spacing:-1.25px;line-height:1.2;font-weight:600;margin-bottom:10px}
h2{font-size:20px;letter-spacing:-.4px;line-height:1.3;font-weight:600;margin-bottom:12px}
h3{font-size:17px;font-weight:600;line-height:1.4;margin-bottom:8px}
p{margin-bottom:16px}
.icon{width:20px;height:20px;flex-shrink:0;display:inline-block;vertical-align:middle}
.muted{color:var(--muted)}
.subtle{font-size:13px;color:var(--muted);line-height:1.7}
.eyebrow{font-size:11px;font-weight:650;letter-spacing:1.9px;color:var(--teal);line-height:1.8;margin-bottom:13px}
.footnote{font-size:12px;color:var(--muted);line-height:1.8;margin-top:24px}
.break-word{overflow-wrap:anywhere}
.demo-banner{background:#d7f5eb;color:#1b675a;font-size:11px;text-align:center;padding:7px 14px;letter-spacing:.4px}
.app-shell{display:flex;min-height:100vh}
.sidebar{width:242px;flex-shrink:0;background:var(--deep);color:#97aabd;display:flex;flex-direction:column;padding:34px 19px 25px;position:relative;z-index:20}
.brand{display:flex;flex-direction:column;align-items:flex-start;gap:4px;color:white;line-height:1;padding:0 15px}
.brand-logo{display:block;width:174px;max-width:100%;height:auto;object-fit:contain}
.brand small{padding-left:2px}
.brand:hover{color:#fff}
.brand-mark{color:var(--mint);font-weight:800;font-size:38px;letter-spacing:-2.5px}
.brand small{display:block;font-size:7px;letter-spacing:1.4px;color:#b5abc8;margin-top:8px;font-weight:400;white-space:nowrap}
.workspace-label{font-size:9px;letter-spacing:1.8px;margin:41px 15px 13px;color:#6f8aa2}
.sidebar nav{display:flex;flex-direction:column;gap:5px}
.sidebar nav>a{display:flex;gap:13px;align-items:center;font-size:13px;padding:12px 14px;border-radius:6px;color:#b6b1c7;transition:background .15s,color .15s}
.sidebar nav>a:hover{color:#fff;background:#211b37}
.sidebar nav>a[aria-current=page]{color:#d8c5ff;background:#30234a}
.sidebar nav .icon{width:18px;height:18px;opacity:.8}
.nav-separator{height:1px;background:#1d354b;margin:20px 15px 14px}
.sidebar-bottom{margin-top:auto;padding:60px 15px 0;font-size:11px}
.sidebar-note{color:#718aa1;font-size:13px;line-height:1.8;border-top:1px solid #23394e;padding:22px 0}
.sidebar-note strong{font-weight:500;color:#a5b8c8}
.sidebar-bottom>a{color:#8098ae;display:block;margin:10px 0 20px}
.logout{background:none;border:0;color:#98adbf;padding:0;display:flex;align-items:center;gap:10px;font-size:12px}
.logout .icon{width:16px}
.main-shell{flex:1;min-width:0;display:flex;flex-direction:column}
.topbar{background:#fff;border-bottom:1px solid var(--line);min-height:83px;padding:18px 42px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.topbar-left,.topbar-right{display:flex;align-items:center;gap:14px}
.breadcrumb{color:#7a8a9c;font-size:12px}
.breadcrumb>span{padding:0 14px;color:#c5d0db}
.market{font-size:9px;letter-spacing:1.3px;margin-right:16px;color:#8192a3}
.market>span{color:#becbd7;padding:0 7px}
.avatar{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#f0e9fc;color:#6941b8;border:1px solid #e1d6f4;border-radius:50%;font-size:13px;font-weight:600}
.account-label{font-size:12px;line-height:1.5}
.account-label strong{font-weight:550;max-width:220px;display:block;overflow-wrap:anywhere}
.account-label small{display:block;color:#8998a7;font-size:10px}
.content{padding:37px 42px 50px;max-width:1580px;width:100%;margin:0 auto;flex:1}
.page-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:29px}
.page-heading p:not(.eyebrow){color:var(--muted);font-size:14px;margin:0;line-height:1.7}
.page-heading .eyebrow{font-size:10px;margin-bottom:10px}
.heading-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:43px;border:1px solid transparent;border-radius:5px;padding:11px 18px;font-size:13px;font-weight:550;line-height:1.4;transition:background .15s,transform .15s;text-align:center}
.btn .icon{width:16px;height:16px}
.btn.primary{background:var(--navy);color:#fff}
.btn.primary:hover{background:#523187;color:#fff}
.btn.secondary{background:#fff;color:#415a73;border-color:#d9e2eb}
.btn.secondary:hover{background:#edf4f7}
.btn.danger{border-color:#ebcccc;background:#fff8f8;color:#a93b3b}
.btn.small{min-height:31px;padding:6px 10px;font-size:11px}
.btn.full-width{width:100%;justify-content:space-between}
.full-width{width:100%}
.text-link{font-size:12px;color:#168c82;font-weight:550}
.text-link:hover{text-decoration:underline}
.text-button{border:0;background:none;font-size:12px;color:#8a6d67;padding:4px 0}
.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:27px}
.kpi-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}
.kpi{background:#fff;border:1px solid var(--line);padding:23px 23px 21px;border-radius:7px;box-shadow:var(--shadow);min-width:0}
.kpi>div{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#79899a;font-size:12px}
.kpi>div>.icon{width:17px;height:17px;color:#8499aa}
.kpi>strong{font-size:clamp(23px,2.25vw,33px);font-weight:600;letter-spacing:-1px;line-height:1.25;display:block;margin:18px 0 14px;overflow-wrap:anywhere}
.kpi>small{font-size:10px;color:#8c9bab;display:block}
.kpi.featured{background:var(--navy);border-color:var(--navy);color:#fff}
.kpi.featured>div,.kpi.featured>div>.icon{color:#afc9d9}
.kpi.featured>small{color:#96b5c9}
.kpi>a{font-size:11px;color:#55d8bd;display:flex;justify-content:space-between;align-items:center}
.kpi>a>.icon{width:14px}
.dashboard-grid{display:grid;grid-template-columns:minmax(0,2.6fr) minmax(240px,1fr);gap:24px;align-items:stretch;margin-bottom:24px}
.dashboard-grid>.panel{margin-bottom:0}
.panel{background:#fff;border:1px solid var(--line);border-radius:7px;box-shadow:var(--shadow);min-width:0;margin-bottom:24px;overflow:hidden}
.panel.padded,.padded{padding:27px}
.padded.compact{padding:20px 27px}
.panel-head{padding:23px 25px;display:flex;justify-content:space-between;align-items:center;gap:18px;border-bottom:1px solid #e9eef3}
.panel-head h2{font-size:16px;margin:0}
.panel-head p{font-size:12px;margin:7px 0 0;color:#8796a7}
.panel-head.plain{padding:0 0 21px;border-bottom:0}
.split-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.align-top{align-items:start}
.align-start{align-self:start}
.table-wrap{position:relative;overflow-x:auto;max-width:100%}
table{width:100%;border-collapse:collapse;text-align:left;font-size:12px}
thead{background:#fbfcfd}
th{font-weight:500;color:#8b99a9;font-size:10px;letter-spacing:.3px;padding:13px 21px;border-bottom:1px solid #edf1f5;white-space:nowrap}
td{padding:17px 21px;border-bottom:1px solid #edf1f5;vertical-align:middle}
tbody tr:last-child td{border-bottom:0}
td strong{font-weight:550;display:block}
td small{display:block;font-size:10px;color:#8e9dae;margin-top:4px;line-height:1.65}
td.money{font-weight:550;white-space:nowrap}
.table-link{font-weight:600;font-size:11px;letter-spacing:.2px}
.icon-link{display:inline-block;color:#8fa3b3}
.icon-link .icon{width:15px}
.source-tag{font-size:8px;letter-spacing:.8px;color:#9aabb9}
.status{display:inline-flex;align-items:center;justify-content:center;padding:4px 9px;border-radius:4px;background:#edf1f5;color:#6a7c8d;font-size:10px;line-height:1.4;white-space:nowrap}
.status.approved,.status.delivered,.status.succeeded{background:#e7f6ef;color:#23876d}
.status.pending,.status.queued{background:#fff4dd;color:#a7822e}
.status.processing,.status.shipped{background:#eaf0fc;color:#557abb}
.status.cancelled,.status.suspended,.status.rejected,.status.failed{background:#fbecec;color:#ad5c5c}
.status.large{font-size:12px;padding:8px 13px}
.empty-cell{padding:50px 25px;text-align:center;color:#8c9cac}
.growth-card{background:linear-gradient(135deg,#f0eafb,#f8f5fc);border:1px solid #e2d9ef;border-radius:7px;padding:27px;display:flex;flex-direction:column}
.growth-icon{background:#e8dcfa;border:1px solid #d4c1ef;width:43px;height:43px;border-radius:9px;display:flex;align-items:center;justify-content:center;color:#6941b8;margin-bottom:23px}
.growth-card .eyebrow{font-size:8px;margin-bottom:11px;color:#6b4a94}
.growth-card h2{font-size:29px;font-weight:600;letter-spacing:-.8px;margin-bottom:28px}
.growth-card h2 span{display:block;font-size:10px;font-weight:400;letter-spacing:0;color:#70627e;margin-top:7px}
.progress-caption{display:flex;justify-content:space-between;gap:10px;font-size:10px;color:#71627f}
.progress-caption b{color:#684094}
progress{appearance:none;-webkit-appearance:none;display:block;width:100%;height:6px;border:0;border-radius:10px;overflow:hidden;background:#e6dff0;margin:10px 0 12px}
progress::-webkit-progress-bar{background:#e6dff0}
progress::-webkit-progress-value{background:#8956d8;border-radius:10px}
progress::-moz-progress-bar{background:#8956d8;border-radius:10px}
.growth-card>p:not(.eyebrow){font-size:11px;color:#736480;margin:0 0 15px}
.growth-card>p>b{font-weight:600;color:#63427e}
.growth-card>small{font-size:10px;line-height:1.8;color:#736480}
.growth-card>a{border-top:1px solid #dfd2ee;padding-top:17px;margin-top:auto;font-size:11px;color:#6941b8}
.action-panel{background:white;border:1px solid var(--line);border-radius:7px;padding:24px;display:flex;align-items:center;gap:18px;margin-bottom:24px}
.action-icon{width:43px;height:43px;border-radius:7px;background:#eff5f8;display:flex;align-items:center;justify-content:center;color:#608291;flex-shrink:0}
.action-panel h3{font-size:14px;margin-bottom:5px}
.action-panel p{font-size:11px;color:#8d9caa;margin:0}
.action-panel>.icon{margin-left:auto;color:#8ca5b5;width:17px}
.app-footer{margin:0 42px;padding:20px 0;border-top:1px solid #e0e8ef;display:flex;justify-content:space-between;gap:15px;color:#95a4b2;font-size:10px}
.notice{padding:16px 19px;border:1px solid #d8e6ed;border-radius:5px;background:#edf5f8;color:#45697e;margin-bottom:20px;font-size:13px;line-height:1.7}
.notice.success{background:#eaf7ef;border-color:#cfebda;color:#337c5c}
.notice.error{background:#fff1f0;border-color:#efd8d5;color:#a85349}
.notice.neutral{background:#edf4f8;color:#657d91}
.toolbar{display:flex;align-items:center;gap:12px;margin:0 0 24px}
.search-field{display:flex;align-items:center;gap:10px;background:white;border:1px solid #dce5ee;padding:0 13px;border-radius:5px;max-width:390px;width:100%}
.search-field .icon{color:#94a6b5;width:17px}
.search-field input{border:0;box-shadow:none;margin:0;padding:12px 0;background:transparent;font-size:13px}
.toolbar select{max-width:230px;margin:0}
.toolbar-meta{margin-left:auto;color:#92a1af;font-size:11px}
.catalog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:21px}
.catalog-card{border:1px solid #dce6ed;border-radius:7px;background:white;padding:24px;transition:border-color .15s,box-shadow .15s}
.catalog-card:hover{border-color:#83c4ba;box-shadow:0 8px 24px #0e4b4010}
.catalog-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:27px}
.category-label{font-size:9px;letter-spacing:1.1px;text-transform:uppercase;color:#8da0b0}
.molecule-glyph{width:35px;height:35px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#ecf6f3;color:#589c8b}
.molecule-glyph .icon{width:19px}
.catalog-card h2{font-size:23px;letter-spacing:-.6px;margin-bottom:8px}
.presentation{font-size:13px;color:#70859a;margin-bottom:21px}
.presentation>span{padding:0 5px;color:#c1cdd7}
.catalog-meta{display:flex;justify-content:space-between;gap:10px;font-size:9px;color:#97a8b7;padding-bottom:20px;border-bottom:1px solid #ebf0f4}
.catalog-price{display:flex;align-items:center;justify-content:space-between;margin-top:18px}
.catalog-price small{font-size:9px;display:block;color:#93a5b4}
.catalog-price strong{font-size:23px;font-weight:550;letter-spacing:-.6px;display:block;margin-top:4px}
.btn.icon-button{padding:9px;width:36px;min-height:36px;background:#edf6f3;color:#148774;border:1px solid #d8ebe4}
.pagination{display:flex;align-items:center;justify-content:center;gap:26px;margin:24px;font-size:12px;color:#718598}
.pagination a{color:#147d77}
.empty-state{grid-column:1/-1;background:#fff;border:1px dashed #ccdae5;border-radius:8px;padding:65px 35px;text-align:center;color:#71869a}
.empty-inline{font-size:13px;color:#94a2af;padding:16px 0}
.balance-chip{display:flex;gap:12px;align-items:center;border:1px solid #cee3dc;background:#eaf5f0;border-radius:5px;padding:12px 16px;color:#308b70;font-size:14px}
.stepper{display:flex;align-items:center;gap:17px;padding:20px 0 30px;font-size:11px;color:#9aabb8}
.stepper span{display:flex;align-items:center;gap:10px;white-space:nowrap}
.stepper b{font-weight:500}
.stepper .done{color:#1a9383}
.stepper i{height:1px;background:#d7e2e9;flex:1;max-width:70px}
.checkout-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(290px,1fr);gap:24px;align-items:start}
.checkout-summary{position:sticky;top:20px}
.quantity{max-width:85px!important;text-align:center}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}
.field.full{grid-column:1/-1}
label{display:block;font-size:12px;color:#526c82;font-weight:500;margin:17px 0 7px}
input,select,textarea{display:block;width:100%;padding:11px 12px;min-height:42px;border:1px solid #d5e0e9;border-radius:4px;background:#fff;color:#26455f;font-size:14px;box-shadow:0 2px 3px #1a385402}
input::placeholder,textarea::placeholder{color:#acb9c6}
input:focus,select:focus,textarea:focus{outline:2px solid #8956d845;border-color:#8956d8}
input[type=checkbox]{display:inline-block;width:17px;min-height:17px;accent-color:var(--teal);vertical-align:middle;margin-right:8px}
form>.btn{margin-top:20px}
textarea{resize:vertical}
.django-form p{margin:0 0 17px}
.django-form label{margin-top:0}
.django-form .helptext{display:block;font-size:11px;color:#8b9caa;margin-top:7px;line-height:1.8}
.django-form .helptext ul{margin:5px 0;padding-left:20px}
.django-form .errorlist{color:#b34b43;font-size:12px;list-style:none;padding:0;margin:8px 0}
.form-panel{max-width:750px}
.address-summary{margin:22px 0;padding:22px;background:#f6f9fb;border:1px solid #e5ecf2;border-radius:5px}
.address-summary .eyebrow{font-size:10px;margin-bottom:11px}
.address-summary p{font-size:14px;margin:8px 0;color:#6c8194}
.address-summary small{font-size:12px;color:#90a0ad}
.totals{margin:20px 0}
.totals>div{display:flex;align-items:start;justify-content:space-between;gap:20px;font-size:13px;padding:11px 0;color:#7b8f9f}
.totals dd{margin:0;color:#25465c;text-align:right;font-weight:500}
.totals .total{font-size:16px;border-top:1px solid #dce6ee;margin-top:10px;padding-top:20px;font-weight:600;color:var(--navy)}
.balance-after{display:flex;justify-content:space-between;gap:16px;margin:25px 0;font-size:12px;color:#728c9b}
.balance-after strong{color:#208e74}
.detail-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(290px,1fr);gap:24px}
.cost-breakdown{display:flex;gap:22px;flex-wrap:wrap;padding-top:22px;border-top:1px solid #e5ecf0}
.cost-breakdown span{font-size:10px;color:#8a9ca9}
.cost-breakdown b{display:block;font-size:14px;margin-top:5px;font-weight:550;color:#5d7e91}
.event-timeline{list-style:none;padding:10px 0 0;margin:0}
.event-timeline li{display:flex;gap:16px;padding:0 0 28px;position:relative}
.event-timeline li:not(:last-child):before{content:'';position:absolute;left:4px;top:12px;bottom:0;width:1px;background:#dbe8e6}
.event-dot{display:block;width:9px;height:9px;border-radius:50%;background:#29aa8c;flex-shrink:0;margin-top:6px;box-shadow:0 0 0 4px #e9f5f0}
.event-timeline strong{font-size:13px;font-weight:500}
.event-timeline small{display:block;font-size:11px;color:#98a8b6;margin-top:4px}
.tracking{padding:17px;background:#edf6f3;border:1px solid #d4e7e0;border-radius:5px;margin-top:23px;overflow-wrap:anywhere}
.tracking small,.tracking strong,.tracking a{display:block}
.tracking small{font-size:11px;color:#568c7a}
.tracking strong{margin:6px 0;color:#306c5c;font-size:18px;font-weight:550}
.tracking a{font-size:11px;color:#1a9178;margin-top:9px}
summary{font-size:13px;color:#6c8193;cursor:pointer;font-weight:500}
details[open]>summary{margin-bottom:19px}
.wallet-layout{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(290px,1fr);gap:25px}
.wallet-layout>*,.split-grid>*,.dashboard-grid>*{min-width:0}
.wallet-hero{background:linear-gradient(130deg,#17162e,#392363);padding:33px;border-radius:7px;color:#fff;margin-bottom:24px}
.wallet-hero>p{font-size:10px;letter-spacing:1.5px;color:#a4c9d3;margin-bottom:18px}
.wallet-hero>strong{font-size:44px;letter-spacing:-1.3px;font-weight:500}
.wallet-hero>small{display:block;font-size:12px;color:#8fb9c4;margin-top:13px}
.positive{color:#1c9576}
.list-row{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:19px 0;border-bottom:1px solid #e6edf2;min-width:0}
.list-row:last-child{border-bottom:0}
.list-row strong{display:block;font-size:13px;font-weight:550}
.list-row small{display:block;color:#8da0b0;font-size:11px;line-height:1.7;margin-top:4px}
.list-row>div{min-width:0}
.list-row form>.btn{margin:0}
.section-symbol{display:flex;align-items:center;justify-content:center;width:42px;height:42px;background:#eef6f4;color:#3e9a81;border-radius:7px;flex-shrink:0;margin-bottom:20px}
.payment-instructions{background:#f5f9fb;border:1px solid #e0eaf1;padding:18px;border-radius:4px;font-size:13px;line-height:1.8;color:#607d91;white-space:normal}
.achievement-hero{display:grid;grid-template-columns:1fr 1fr;gap:50px;padding:42px;background:var(--navy);color:#fff;border-radius:8px;margin-bottom:30px;align-items:center}
.achievement-hero .eyebrow{color:#64d0b6}
.achievement-hero h2{font-size:45px;font-weight:500;letter-spacing:-1.5px;margin-bottom:14px}
.achievement-hero p:not(.eyebrow){font-size:12px;color:#a3bbce}
.achievement-hero strong{font-size:28px;font-weight:500}
.achievement-progress{display:flex;flex-wrap:wrap;gap:14px;align-items:center}
.achievement-progress>span{font-size:14px;color:#c3d6e2}
.achievement-progress>b{margin-left:auto;font-weight:500;font-size:25px}
.achievement-progress>progress{height:8px}
.milestone-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:27px}
.milestone{border:1px solid #dee6ee;background:white;padding:33px;border-radius:7px}
.milestone.unlocked{background:#f0faf5;border-color:#a7d6c2}
.milestone-symbol{background:#f3f7f9;width:62px;height:62px;display:flex;align-items:center;justify-content:center;border:1px solid #dce6ed;border-radius:50%;color:#7997a8;margin:0 0 28px}
.milestone.unlocked .milestone-symbol{background:#d6f0e3;color:#28906d;border-color:#a9d6bf}
.milestone-symbol .icon{width:32px;height:32px}
.milestone>.eyebrow{font-size:9px;color:#819caa}
.milestone h2{font-size:26px}
.milestone>strong{font-size:32px;font-weight:500;letter-spacing:-1px}
.milestone>p:not(.eyebrow){color:#8a9eab;font-size:13px;margin-top:19px;min-height:45px}
.integration-flow{display:grid;grid-template-columns:1fr 22px 1fr 22px 1fr 22px 1fr;gap:18px;margin:10px 0 28px;padding:25px;background:#f0ecf7;border:1px solid #e2daee;border-radius:7px}
.integration-flow span{font-size:10px;color:#6941b8;display:block;margin-bottom:9px}
.integration-flow strong{display:block;font-size:13px;font-weight:550}
.integration-flow small{display:block;font-size:11px;color:#8398a8;margin-top:5px;line-height:1.7}
.integration-flow i{font-style:normal;color:#9aafbc;align-self:center}
.secret-reveal{padding:22px;background:#eaf7ef;border:1px solid #bfe4ce;border-radius:6px;margin-bottom:25px}
.secret-reveal>strong{font-size:14px;display:block}
.secret-reveal>code{display:block;overflow-wrap:anywhere;margin:17px 0;background:white;padding:15px;border:1px solid #d4e9dc;border-radius:4px;font-size:13px}
.secret-reveal small{display:block;color:#6c9680;font-size:12px;margin-top:12px}
.divider-top{border-top:1px solid #e4ecf2;margin-top:22px;padding-top:22px}
.api-doc-grid{display:grid;grid-template-columns:1fr 1fr;gap:45px}
.code-block{display:block;overflow-wrap:anywhere;white-space:normal;background:#102f4b;color:#b6e4db;padding:17px;font-size:12px;border-radius:5px}
.endpoint-list>div{display:flex;gap:20px;margin:18px 0;align-items:start}
.endpoint-list dt{color:#1c9987;font-size:10px;font-weight:700;min-width:34px;margin-top:3px}
.endpoint-list dd{font-family:monospace;font-size:12px;margin:0;color:#42687e}
.endpoint-list small{display:block;font-family:"Plus Jakarta Sans",Arial,sans-serif;font-size:11px;color:#8da1af;margin-top:5px}
.api-principles h3{font-size:15px}
.api-principles p{font-size:13px;color:#8599a9;line-height:1.8;margin-bottom:24px}
.attention-strip{display:grid;grid-template-columns:1fr 1fr 1fr;gap:0;background:#fff;border:1px solid var(--line);border-radius:7px;margin-bottom:25px}
.attention-strip>a,.attention-strip>div{display:flex;align-items:center;gap:16px;padding:22px 23px;border-right:1px solid #e6edf2}
.attention-strip>*:last-child{border:0}
.attention-count{width:39px;height:39px;border-radius:6px;display:flex;justify-content:center;align-items:center;background:#f0f5f8;color:#527f91;font-size:16px;flex-shrink:0}
.attention-strip strong{font-size:12px;font-weight:550;display:block}
.attention-strip small{font-size:10px;color:#8e9eab;display:block;margin-top:5px}
.attention-strip>a>.icon{width:15px;margin-left:auto;color:#87a0b1}
.category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:23px;margin-bottom:26px}
.category-card{background:#fff;border:1px solid var(--line);border-radius:7px;padding:26px}
.category-card>.eyebrow{font-size:9px;display:block;color:#8b9dac;margin-bottom:15px}
.category-card>h2{font-size:24px;margin:0 0 15px}
.category-card>strong{font-size:38px;font-weight:500;letter-spacing:-1px;color:#6941b8}
.category-card>p{font-size:12px;color:#889daa;margin:8px 0}
.category-card>small{font-size:11px;display:block;color:#a2b0bb;margin-bottom:17px}
.draft-list{display:flex;gap:10px;flex-wrap:wrap}
.draft-list a{background:#f0f5f8;border:1px solid #dfE8ef;padding:7px 12px;border-radius:4px;font-size:12px;color:#597e91}
.filter-links{display:flex;gap:8px;margin-bottom:25px;flex-wrap:wrap}
.filter-links a{padding:9px 15px;background:#fff;border:1px solid #dce6ee;border-radius:5px;font-size:12px;color:#76909f}
.filter-links a.active{background:var(--navy);color:#fff;border-color:var(--navy)}
.topup-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}
.topup-grid .panel{margin:0}
.big-money{font-size:34px;font-weight:500;letter-spacing:-1px;display:block;margin:8px 0 18px}
.inline-field{margin:0;display:flex;align-items:center;gap:12px;font-size:12px}
.inline-field input{width:170px}
.provider-row{display:flex;align-items:start;gap:15px;border-bottom:1px solid #e5edf2;padding:21px 0}
.provider-row .section-symbol{margin:0;width:36px;height:36px}
.provider-row strong{font-size:13px;font-weight:550;display:block}
.provider-row small{font-size:11px;display:block;color:#8da1af;line-height:1.7;margin-top:5px}
.provider-row .status{margin-left:auto;font-size:8px}
.webhook-review{padding:22px 0;border-bottom:1px solid #e2ecf2}
.webhook-review strong{font-size:13px}
.webhook-review p{font-size:12px;color:#829aa9;margin:7px 0}
.webhook-review form>.btn{margin:5px 0}
.audit-details{max-width:420px;overflow-wrap:anywhere;word-break:break-word}
.auth-layout{display:grid;grid-template-columns:1fr 1fr;min-height:100vh}
.auth-brand{background:radial-gradient(ellipse at 80% 10%,#39236388,transparent 65%),#090e23;color:white;padding:55px 11%;display:flex;flex-direction:column;justify-content:space-between;min-height:100vh;gap:80px}
.auth-brand>.brand{padding:0;align-self:flex-start}
.auth-brand h1{font-size:clamp(38px,4vw,62px);font-weight:600;letter-spacing:-2px;line-height:1.15;margin-bottom:26px}
.auth-brand h1 em{font-family:inherit;font-weight:650;font-style:normal;color:#c5a6ff;background:linear-gradient(110deg,#bc9aff 10%,#dac3ff 50%,#7ae8d0);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.auth-brand>div>.eyebrow{font-size:9px;letter-spacing:1.5px;color:#c7b5e5;margin-bottom:30px}
.auth-brand>div>p:not(.eyebrow){font-size:15px;line-height:1.9;max-width:450px;color:#bcb5cc}
.auth-points{display:flex;flex-direction:column;gap:17px;margin-top:40px;font-size:12px;color:#d1c7e3}
.auth-points span{display:flex;align-items:center;gap:13px}
.auth-points .icon{width:17px;color:#c5a6ff}
.auth-brand>small{font-size:10px;letter-spacing:1px;color:#aaa0bd}
.auth-form-wrap{background:#fff;padding:65px 11%;display:flex;align-items:center;justify-content:center}
.auth-form{width:100%;max-width:430px}
.auth-form.wide{max-width:560px}
.auth-form h2{font-size:33px;font-weight:550;letter-spacing:-1px;margin-bottom:17px}
.auth-form>.eyebrow{font-size:10px}
.auth-form>.muted{font-size:14px;line-height:1.8;margin-bottom:28px}
.auth-form label{font-size:12px}
.auth-form input{min-height:46px}
.auth-form input[type=checkbox]{min-height:17px}
.auth-form form>.btn{margin-top:28px}
.small-link{display:block;text-align:right;font-size:11px;color:#5b8d97;margin:12px 0 23px}
.auth-switch{font-size:12px;text-align:center;color:#96a6b4;margin-top:27px}
.auth-switch a{color:#6941b8}
.demo-access{padding:16px;background:#f2f8f6;border:1px solid #e0eee8;margin-top:28px;border-radius:5px;font-size:11px;color:#6b8b7e}
.demo-access p{font-size:11px;margin:10px 0 0;line-height:1.9}
.demo-access code{font-size:10px}
.prose p{font-size:14px;color:#708598;line-height:1.8}
.prose h3{margin-top:28px}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
.mobile-toggle{display:none}
.print-only{display:none}

@media(min-width:1800px){.content{padding-top:45px}
.sidebar{width:260px}
}

@media(max-width:1250px){.sidebar{width:218px;padding-left:13px;padding-right:13px}
.brand{padding:0 9px}
.content{padding:30px 28px}
.topbar{padding:17px 28px}
.sidebar nav>a{font-size:12px;gap:10px}
.kpi-grid{gap:13px}
.kpi{padding:20px 18px}
.kpi>strong{font-size:25px}
.dashboard-grid{grid-template-columns:1fr}
.growth-card{display:grid;grid-template-columns:50px 1fr 1fr;column-gap:20px;align-items:center}
.growth-card .growth-icon{grid-row:1/4;margin:0}
.growth-card>.eyebrow{grid-column:2;margin:0}
.growth-card h2{grid-column:2;grid-row:2/4;margin:0}
.growth-card .progress-caption,.growth-card>progress,.growth-card>p:not(.eyebrow){grid-column:3;margin-bottom:5px}
.growth-card>small{grid-column:2;grid-row:4;max-width:350px;margin-top:15px}
.growth-card>a{grid-column:3;grid-row:4;margin:10px 0 0;padding-top:12px}
.catalog-grid{grid-template-columns:repeat(2,1fr)}
.attention-strip strong{font-size:11px}
.attention-strip>a,.attention-strip>div{padding:18px 15px;gap:11px}
.attention-strip small{font-size:9px}
.detail-grid,.checkout-grid,.wallet-layout{grid-template-columns:minmax(0,1.4fr) minmax(280px,1fr)}
td,th{padding-left:16px;padding-right:16px}
.achievement-hero{padding:34px}
.milestone{padding:24px}
.milestone>strong{font-size:26px}
.milestone h2{font-size:23px}
.integration-flow{gap:10px;padding:20px}
.integration-flow strong{font-size:12px}
.provider-row{flex-wrap:wrap}
.provider-row .status{margin:0}
.market{display:none}
}

@media(max-width:1000px){.kpi-grid{grid-template-columns:repeat(2,1fr)}
.split-grid,.detail-grid,.checkout-grid,.wallet-layout{grid-template-columns:1fr}
.checkout-summary{position:static}
.category-grid,.milestone-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.category-card{padding:20px}
.milestone{padding:22px 17px}
.milestone>strong{font-size:22px}
.milestone>.eyebrow{font-size:8px}
.milestone>p:not(.eyebrow){font-size:12px}
.attention-strip{grid-template-columns:1fr 1fr}
.attention-strip>*:last-child{grid-column:1/-1;border-top:1px solid #e6edf2}
.attention-strip>*:nth-child(2){border-right:0}
.api-doc-grid{grid-template-columns:1fr;gap:20px}
.api-principles{display:grid;grid-template-columns:1fr;gap:0}
.page-heading h1{font-size:29px}
.page-heading{align-items:start}
.page-heading>.btn{flex-shrink:0}
.page-heading p:not(.eyebrow){font-size:12px}
.topup-grid{grid-template-columns:1fr}
.auth-brand{padding:45px 10%}
.auth-form-wrap{padding:45px 9%}
.auth-brand h1{font-size:42px}
.integration-flow{grid-template-columns:1fr 1fr}
.integration-flow i{display:none}
.integration-flow>div{padding:10px}
.category-grid details input{font-size:12px}
}

@media(max-width:760px){.sidebar{position:fixed;inset:0 auto 0 0;width:245px;transform:translateX(-100%);transition:transform .2s;overflow-y:auto;box-shadow:15px 0 50px #08223a20}
.menu-open .sidebar{transform:translateX(0)}
.mobile-toggle{display:flex;align-items:center;justify-content:center;border:0;background:#eef4f7;color:#668494;border-radius:5px;padding:7px}
.mobile-toggle .icon{width:19px}
.topbar{min-height:72px;padding:14px 21px}
.content{padding:28px 21px}
.breadcrumb{font-size:10px}
.breadcrumb>span{padding:0 7px}
.account-label{font-size:10px}
.account-label small{font-size:9px}
.avatar{width:31px;height:31px}
.topbar-right{gap:9px}
.page-heading{gap:17px;margin-bottom:25px}
.page-heading h1{font-size:28px;letter-spacing:-.8px}
.page-heading .eyebrow{font-size:9px}
.page-heading>.btn{font-size:11px;padding:10px 12px;gap:7px}
.kpi{padding:21px}
.kpi>strong{font-size:29px}
.kpi>small{font-size:10px}
.panel-head{padding:20px}
.panel.padded,.padded{padding:23px}
.app-footer{margin:0 21px}
.auth-layout{display:flex;flex-direction:column}
.auth-brand{min-height:0;padding:30px 7%;gap:27px}
.auth-brand>.brand{font-size:23px}
.auth-brand .brand-mark{font-size:30px}
.auth-brand>div>.eyebrow,.auth-brand>div>p:not(.eyebrow),.auth-points,.auth-brand>small{display:none}
.auth-brand h1{font-size:32px;line-height:1.25;margin:0}
.auth-form-wrap{padding:37px 7%;align-items:start}
.auth-form{max-width:600px}
.auth-form h2{font-size:28px}
.demo-banner{font-size:9px}
.sidebar-bottom{padding-top:40px}
.catalog-grid{gap:16px}
.catalog-card{padding:21px}
.catalog-card h2{font-size:22px}
.catalog-card .presentation{font-size:12px}
.auth-brand h1 br{display:none}
.auth-brand h1 em{display:block}
.auth-form input,.django-form input,.django-form select,.django-form textarea{font-size:16px}
}

@media(max-width:500px){body{font-size:14px}
.content{padding:25px 16px}
.topbar{padding:12px 16px}
.breadcrumb{display:none}
.page-heading{flex-direction:column;align-items:stretch}
.page-heading>.btn{align-self:flex-start;font-size:12px}
.heading-actions{justify-content:space-between}
.kpi-grid{gap:11px}
.kpi{padding:18px 15px}
.kpi>div{font-size:10px}
.kpi>div>.icon{width:14px}
.kpi>strong{font-size:24px;margin:15px 0 12px}
.kpi>small{font-size:9px;line-height:1.7}
.kpi.featured>a{font-size:10px}
.growth-card{display:block;padding:27px}
.growth-icon{margin-bottom:20px!important}
.growth-card>.eyebrow{margin-bottom:10px}
.growth-card h2{margin-bottom:25px}
.growth-card>small{display:block;margin-bottom:18px}
.growth-card>a{display:block}
.split-grid{gap:0}
.action-panel{padding:20px;gap:14px}
.catalog-grid{grid-template-columns:1fr}
.catalog-top{margin-bottom:20px}
.catalog-card{padding:24px}
.catalog-card h2{font-size:26px}
.catalog-price strong{font-size:26px}
.catalog-meta{font-size:11px}
.toolbar{flex-wrap:wrap;gap:10px}
.search-field{flex:1;min-width:200px}
.toolbar select{max-width:none;width:auto;flex:1}
.toolbar .btn{min-width:80px}
.toolbar-meta{width:100%;margin-left:0}
.stepper{gap:9px;font-size:9px;padding:10px 0 22px}
.stepper span{gap:5px;white-space:normal}
.stepper i{min-width:12px}
.panel-head{flex-wrap:wrap}
.panel-head .text-link{font-size:11px}
.form-grid{column-gap:12px}
.field input,.field select,.field textarea{font-size:16px}
.kpi-grid.three{grid-template-columns:1fr}
.milestone-grid,.category-grid{grid-template-columns:1fr;gap:16px}
.milestone{padding:30px}
.milestone>strong{font-size:34px}
.milestone>.eyebrow{font-size:10px}
.milestone>p:not(.eyebrow){font-size:14px;min-height:0}
.achievement-hero{grid-template-columns:1fr;gap:30px;padding:30px}
.achievement-hero h2{font-size:38px}
.achievement-progress>b{font-size:22px}
.attention-strip{grid-template-columns:1fr}
.attention-strip>a,.attention-strip>div{border:0;border-bottom:1px solid #e6edf2;padding:20px}
.attention-strip>*:last-child{border-top:0}
.attention-strip strong{font-size:13px}
.attention-strip small{font-size:11px}
.integration-flow{grid-template-columns:1fr 1fr;gap:13px;padding:20px}
.integration-flow>div{padding:0}
.integration-flow small{font-size:10px}
.balance-chip{align-self:flex-start;font-size:12px}
.inline-field{flex:1;flex-direction:column;align-items:start;gap:5px}
.inline-field input{width:100%}
.app-footer{margin:0 16px;font-size:9px;flex-direction:column;gap:5px}
.wallet-hero>strong{font-size:37px}
.wallet-hero{padding:28px}
.btn{font-size:12px}
.btn.full-width{white-space:normal}
.list-row{gap:10px}
.list-row strong{font-size:12px}
.list-row small{font-size:10px}
.table-wrap td,.table-wrap th{white-space:nowrap}
.audit-details{white-space:normal!important}
.topup-grid .panel-head{align-items:start}
.big-money{font-size:30px}
.notice{font-size:12px}
}

@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}
}

@media print{body{background:white;font-size:11px}
.sidebar,.topbar,.app-footer,.demo-banner,.no-print,.page-heading button,.messages{display:none!important}
.app-shell,.main-shell,.detail-grid{display:block}
.content{padding:0;max-width:none}
.page-heading{margin-bottom:25px}
.panel{box-shadow:none;break-inside:avoid;border:1px solid #ddd}
.detail-grid>aside{display:block}
.print-only{display:block}
.table-wrap{overflow:visible}
a{color:inherit}
h1{font-size:24px}
}


/* Assay identity and accessible navigation. */
:focus-visible{outline:2px solid #8956d8;outline-offset:4px}
.skip-link{position:fixed;left:16px;top:-100px;z-index:100;background:#fff;color:#251b44;padding:12px 18px;border-radius:6px}
.skip-link:focus{top:12px}
.sidebar .brand{margin-bottom:8px}
.auth-brand .brand-logo{width:235px}
.auth-brand .brand small{font-size:9px;letter-spacing:2px;margin-top:4px}
.sidebar-note strong{color:#d4c1ff}
.main-shell{min-width:0}
.menu-backdrop{display:none}
@media(max-width:760px){
  .auth-brand .brand-logo{width:172px}
  .auth-brand .brand small{font-size:8px}
  .auth-brand h1{font-size:32px;letter-spacing:-1.1px}
  .auth-brand h1 br{display:initial}
  .menu-open .menu-backdrop{display:block;position:fixed;inset:0;background:#080d2380;z-index:19;border:0}
  .menu-open{overflow:hidden}
  .mobile-toggle,.logout{min-height:44px;min-width:44px}
  .sidebar nav>a{min-height:44px}
}