:root {
    color-scheme: light;
    font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    color: #172033;
    background: #f4f6fa;
    font-synthesis: none;
    --navy: #101828;
    --muted: #667085;
    --line: #e2e8f0;
    --blue: #2563eb;
    --blue-dark: #1d4ed8;
    --green: #087443;
    --yellow: #9a6700;
    --red: #b42318;
}
* { box-sizing: border-box; }
body { margin: 0; min-height: 100vh; background: #f4f6fa; }
body, button, input, select, textarea { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
a { color: inherit; }
.admin-shell { min-height: 100vh; display: grid; grid-template-columns: 258px minmax(0,1fr); }
.sidebar { position: fixed; inset: 0 auto 0 0; z-index: 50; width: 258px; display: flex; flex-direction: column; color: #d5dbea; background: linear-gradient(180deg,#111827,#0b1220); border-right: 1px solid rgba(255,255,255,.06); }
.sidebar-brand { min-height: 82px; display: flex; align-items: center; gap: 12px; padding: 17px 22px; color: #fff; text-decoration: none; border-bottom: 1px solid rgba(255,255,255,.07); }
.sidebar-logo { width: 43px; height: 43px; flex: none; display: grid; place-items: center; border-radius: 13px; font-weight: 900; font-size: 20px; background: linear-gradient(135deg,#3b82f6,#0ea5e9); box-shadow: 0 12px 26px rgba(37,99,235,.25); }
.sidebar-brand strong,.sidebar-brand small { display: block; }
.sidebar-brand strong { font-size: 14px; letter-spacing: -.01em; }
.sidebar-brand small { color: #8f9bb2; margin-top: 3px; font-size: 10px; letter-spacing: .06em; text-transform: uppercase; }
.sidebar-nav { flex: 1; padding: 22px 13px; overflow-y: auto; }
.sidebar-nav p { margin: 13px 12px 8px; color: #66738c; font-size: 10px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.sidebar-nav a { min-height: 43px; display: flex; align-items: center; gap: 12px; margin: 3px 0; padding: 0 12px; border-radius: 10px; color: #9da8bc; text-decoration: none; font-size: 13px; font-weight: 650; transition: background .15s,color .15s; }
.sidebar-nav a > span { width: 24px; display: grid; place-items: center; color: #6f7c94; font-size: 16px; }
.sidebar-nav a:hover { color: #fff; background: rgba(255,255,255,.055); }
.sidebar-nav a.is-active { color: #fff; background: linear-gradient(90deg,rgba(37,99,235,.27),rgba(37,99,235,.10)); box-shadow: inset 3px 0 #60a5fa; }
.sidebar-nav a.is-active > span { color: #60a5fa; }
.sidebar-foot { padding: 16px; border-top: 1px solid rgba(255,255,255,.07); }
.operator { display: flex; align-items: center; gap: 10px; }
.operator > span { width: 35px; height: 35px; display: grid; place-items: center; border-radius: 10px; color: #bfdbfe; background: #1e3a5f; font-weight: 800; }
.operator strong,.operator small { display: block; }
.operator strong { color: #eef2f9; font-size: 12px; }
.operator small { color: #7f8ba2; margin-top: 2px; font-size: 10px; text-transform: capitalize; }
.link-button { margin: 12px 0 0 45px; padding: 0; color: #8f9bb2; border: 0; background: transparent; cursor: pointer; font-size: 11px; }
.link-button:hover { color: #fff; }
.main { grid-column: 2; min-width: 0; }
.topbar { height: 82px; position: sticky; top: 0; z-index: 40; display: flex; align-items: center; gap: 15px; padding: 0 32px; background: rgba(255,255,255,.92); border-bottom: 1px solid #e6eaf0; backdrop-filter: blur(16px); }
.topbar p,.topbar h1 { margin: 0; }
.topbar p { color: #98a2b3; font-size: 10px; font-weight: 750; text-transform: uppercase; letter-spacing: .1em; }
.topbar h1 { color: var(--navy); margin-top: 3px; font-size: 18px; letter-spacing: -.02em; }
.topbar-actions { margin-left: auto; }
.status-link { display: inline-flex; align-items: center; gap: 8px; padding: 8px 11px; color: #475467; border: 1px solid #e1e6ee; border-radius: 10px; background: #fff; text-decoration: none; font-size: 11px; font-weight: 700; }
.status-link span,.live-dot::before { width: 7px; height: 7px; border-radius: 50%; background: #12b76a; box-shadow: 0 0 0 4px #d1fadf; }
.menu-button { display: none; border: 0; background: transparent; color: #344054; font-size: 20px; }
.content { width: min(1500px,100%); margin: 0 auto; padding: 30px 32px 60px; }
.page-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; margin-bottom: 24px; }
.page-heading p,.page-heading h2,.page-heading span { display: block; margin: 0; }
.page-heading p { color: var(--blue); font-size: 10px; font-weight: 850; text-transform: uppercase; letter-spacing: .11em; }
.page-heading h2 { color: var(--navy); margin-top: 6px; font-size: 25px; letter-spacing: -.035em; }
.page-heading > div > span { color: var(--muted); margin-top: 7px; font-size: 13px; line-height: 1.55; }
.heading-actions { display: flex; align-items: center; gap: 9px; }
.heading-actions form { margin: 0; }
.button { min-height: 42px; display: inline-flex; align-items: center; justify-content: center; gap: 9px; padding: 0 15px; border: 1px solid transparent; border-radius: 10px; text-decoration: none; font-weight: 750; font-size: 12px; cursor: pointer; transition: transform .15s,box-shadow .15s,background .15s; }
.button:hover { transform: translateY(-1px); }
.button-primary { color: #fff; background: linear-gradient(135deg,#2563eb,#1d4ed8); box-shadow: 0 8px 18px rgba(37,99,235,.18); }
.button-secondary { color: #344054; background: #fff; border-color: #d7dde7; }
.button-ghost { color: #667085; background: transparent; }
.button-danger { color: #fff; background: #c43226; }
.button-block { width: 100%; }
.button-small { min-height: 34px; padding: 0 11px; }
.panel { background: #fff; border: 1px solid #e1e6ee; border-radius: 15px; box-shadow: 0 7px 25px rgba(15,23,42,.035); }
.panel-head { min-height: 67px; display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 15px 19px; border-bottom: 1px solid #edf0f5; }
.panel-head p,.panel-head h3 { margin: 0; }
.panel-head p { color: #98a2b3; font-size: 9px; font-weight: 800; text-transform: uppercase; letter-spacing: .11em; }
.panel-head h3 { color: #1d2939; margin-top: 4px; font-size: 14px; }
.panel-head > a { color: var(--blue); text-decoration: none; font-size: 11px; font-weight: 750; }
.badge { display: inline-flex; align-items: center; white-space: nowrap; padding: 5px 8px; border-radius: 999px; color: #667085; background: #f2f4f7; font-size: 9px; font-weight: 800; text-transform: uppercase; letter-spacing: .05em; }
.badge-success { color: #087443; background: #e8f8ef; }
.badge-warning { color: #9a6700; background: #fff3d6; }
.alert { display: flex; gap: 12px; padding: 13px 15px; margin-bottom: 18px; border: 1px solid; border-radius: 12px; }
.alert strong,.alert p { margin: 0; }
.alert strong { font-size: 12px; }
.alert p { margin-top: 3px; font-size: 12px; line-height: 1.45; }
.alert-success { color: #05603a; background: #ecfdf3; border-color: #abefc6; }
.alert-warning { color: #8a5200; background: #fffaeb; border-color: #fedf89; }
.alert-danger { color: #912018; background: #fef3f2; border-color: #fecdca; }
.alert-info { color: #175cd3; background: #eff8ff; border-color: #b2ddff; }
.attention-banner { display: grid; grid-template-columns:auto 1fr auto; align-items:center; gap:14px; margin-bottom:18px; padding:14px 16px; color:#8a5200; background:#fffaeb; border:1px solid #fedf89; border-radius:13px; }
.attention-icon { width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:#fef0c7;font-weight:900; }
.attention-banner strong,.attention-banner p { display:block;margin:0; }
.attention-banner strong { font-size:12px; }
.attention-banner p { margin-top:3px;font-size:11px; }
.attention-banner a { color:#854a0e;font-size:11px;font-weight:800; }
.metric-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 15px; margin-bottom: 18px; }
.metric-card { min-height: 116px; display: flex; align-items: center; gap: 14px; padding: 19px; background: #fff; border: 1px solid #e1e6ee; border-radius: 15px; box-shadow: 0 7px 25px rgba(15,23,42,.035); }
.metric-icon { width: 42px; height: 42px; display: grid; place-items: center; flex: none; border-radius: 12px; font-weight: 900; }
.metric-blue { color: #175cd3; background: #eff8ff; }.metric-green { color: #087443; background: #ecfdf3; }.metric-yellow { color: #b54708; background: #fff6ed; }.metric-purple { color: #6941c6; background: #f4f3ff; }
.metric-card span,.metric-card strong,.metric-card small { display: block; }
.metric-card span { color: #667085; font-size: 10px; font-weight: 700; }
.metric-card strong { color: #101828; margin-top: 4px; font-size: 23px; letter-spacing: -.03em; }
.metric-card small { color: #98a2b3; margin-top: 3px; font-size: 9px; }
.dashboard-grid { display: grid; grid-template-columns: minmax(0,1.7fr) minmax(280px,.65fr); gap: 18px; align-items: start; }
.table-wrap { width: 100%; overflow-x: auto; }
table { width: 100%; border-collapse: collapse; }
th,td { padding: 13px 17px; text-align: left; border-bottom: 1px solid #edf0f5; font-size: 11px; vertical-align: middle; }
th { color: #98a2b3; background: #fafbfc; font-size: 9px; text-transform: uppercase; letter-spacing: .07em; white-space: nowrap; }
tbody tr:hover { background: #fbfcfe; }
td strong,td small { display: block; }
td small { color: #98a2b3; margin-top: 3px; font-size: 9px; }
.primary-link { color: #175cd3; text-decoration: none; font-weight: 750; }
.row-action { color: #2563eb; text-decoration: none; white-space: nowrap; font-weight: 750; }
.status { display: inline-flex; align-items: center; white-space: nowrap; padding: 5px 8px; border-radius: 999px; font-size: 9px; font-weight: 800; }
.status-paid { color: #087443; background: #e8f8ef; }.status-pending,.status-creating { color: #9a6700; background: #fff3d6; }.status-failed,.status-cancelled { color: #b42318; background: #fee4e2; }.status-expired { color: #475467; background: #eaecf0; }.status-refunded,.status-partially_refunded { color:#6941c6;background:#f4f3ff; }
.service-list { display: grid; gap: 0; padding: 8px 18px; }
.service-list > div { display: flex; gap: 11px; padding: 13px 0; border-bottom: 1px solid #edf0f5; }
.service-check { width: 27px; height: 27px; display: grid; place-items: center; flex: none; color: #98a2b3; background: #f2f4f7; border-radius: 8px; font-size: 11px; font-weight: 900; }
.service-check.is-ok { color: #087443; background: #e8f8ef; }.service-check.is-warn { color: #b54708; background: #fff3e6; }
.service-list p,.service-list strong,.service-list small { display: block; margin: 0; }
.service-list strong { color: #344054; font-size: 11px; }.service-list small { color: #98a2b3; margin-top: 3px; font-size: 9px; }
.live-dot { display:flex;align-items:center;gap:7px;color:#087443;font-size:9px;font-weight:800;text-transform:uppercase; }.live-dot::before{content:"";display:block;}
.quick-links { display: grid; padding: 12px 18px 18px; }
.quick-links a { display: flex; justify-content: space-between; padding: 9px 0; color: #475467; text-decoration: none; font-size: 10px; font-weight: 700; }
.quick-links a span { color: var(--blue); }
.empty-state { min-height: 260px; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 35px; text-align: center; }
.empty-state > span { color: #98a2b3; font-size: 28px; }
.empty-state h3,.empty-state p { margin: 0; }.empty-state h3 { color:#344054;margin-top:12px;font-size:14px; }.empty-state p { color:#98a2b3;margin-top:6px;font-size:11px; }.empty-state .button{margin-top:18px;}
.empty-state.compact { min-height:110px; }.empty-state.large{min-height:520px;}
.site-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 16px; }
.site-card { overflow: hidden; background:#fff;border:1px solid #e1e6ee;border-radius:15px;box-shadow:0 7px 25px rgba(15,23,42,.035); }
.site-card header { display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:11px;padding:18px;border-bottom:1px solid #edf0f5; }
.site-avatar { width:40px;height:40px;display:grid;place-items:center;border-radius:12px;color:#175cd3;background:#eff8ff;font-size:11px;font-weight:900; }
.site-card h3,.site-card header code { display:block;margin:0; }.site-card h3{font-size:13px;}.site-card header code{color:#98a2b3;margin-top:3px;font-size:9px;}
.site-facts { display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid #edf0f5; }.site-facts>div{padding:15px 18px;}.site-facts>div+div{border-left:1px solid #edf0f5;}.site-facts span,.site-facts strong{display:block;}.site-facts span{color:#98a2b3;font-size:9px;}.site-facts strong{color:#344054;margin-top:4px;font-size:13px;}
.site-card dl { margin:0;padding:13px 18px;display:grid;gap:9px; }.site-card dl>div{display:flex;justify-content:space-between;gap:12px;font-size:10px;}.site-card dt{color:#98a2b3;}.site-card dd{margin:0;color:#475467;font-weight:700;text-align:right;}
.site-card footer { display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 18px;background:#fafbfc;border-top:1px solid #edf0f5;font-size:9px;}.site-card footer span{color:#98a2b3;}.site-card footer a{color:#2563eb;text-decoration:none;font-weight:800;}
.credential-reveal { margin-bottom:18px;padding:18px;background:#fffaf0;border:1px solid #f5d58a;border-radius:15px;box-shadow:0 7px 25px rgba(15,23,42,.035); }
.credential-head { display:flex;align-items:start;justify-content:space-between;gap:15px; }.credential-head span,.credential-head h2{display:block;margin:0;}.credential-head>div>span{color:#9a6700;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.1em;}.credential-head h2{margin-top:4px;font-size:15px;}.credential-reveal>p{color:#7a5b13;margin:8px 0 15px;font-size:11px;}
.credential-grid,.credential-summary { display:grid;grid-template-columns:1fr 1fr;gap:12px; }.credential-grid label>span,.credential-summary label>span{display:block;color:#667085;margin-bottom:6px;font-size:9px;font-weight:750;text-transform:uppercase;}.credential-grid label>div,.credential-summary label>div,.copy-line>div{display:flex;align-items:stretch;overflow:hidden;border:1px solid #e1d3ae;border-radius:9px;background:#fff;}.credential-grid code,.credential-summary code,.copy-line code{flex:1;min-width:0;padding:10px;color:#344054;font-size:10px;overflow-wrap:anywhere;}.credential-grid button,.credential-summary button,.copy-line button{border:0;border-left:1px solid #e1d3ae;background:#fff;color:#2563eb;padding:0 11px;font-size:9px;font-weight:800;cursor:pointer;}.credential-summary label>small{display:block;color:#98a2b3;margin-top:5px;font-size:9px;}
.form-layout,.settings-layout { display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:18px;align-items:start; }.form-main{display:grid;gap:16px;}
.form-section { overflow:hidden; }.form-section>.form-grid,.form-section>.choice-grid,.form-section>.channel-groups,.form-section>.display-mode-grid,.form-section>.environment-choice,.form-section>.key-form-grid,.form-section>.credential-summary,.form-section>.key-warning,.form-section>.section-copy,.form-section>.mode-select,.form-section>.switch-row,.form-section>.password-form,.form-section>.protection-list{margin-left:19px;margin-right:19px;}.form-section>.form-grid,.form-section>.choice-grid,.form-section>.environment-choice,.form-section>.key-form-grid,.form-section>.credential-summary,.form-section>.password-form,.form-section>.protection-list{margin-top:18px;margin-bottom:20px;}
.section-icon { width:30px;height:30px;display:grid;place-items:center;color:#175cd3;background:#eff8ff;border-radius:9px;font-size:11px;font-weight:900; }
.form-grid { display:grid;gap:14px; }.form-grid.two { grid-template-columns:1fr 1fr; }.field-wide{grid-column:1/-1;}
.field { display:block; }.field>span { display:block;color:#344054;margin-bottom:6px;font-size:10px;font-weight:750;}.field>span em{color:#98a2b3;font-style:normal;font-weight:500;}
.field input,.field select,.field textarea { width:100%;min-height:42px;padding:9px 11px;color:#344054;background:#fff;border:1px solid #d7dde7;border-radius:9px;outline:none;font-size:11px;transition:border .15s,box-shadow .15s;}.field textarea{resize:vertical;line-height:1.5;}.field input:focus,.field select:focus,.field textarea:focus{border-color:#84adff;box-shadow:0 0 0 3px #eff4ff;}.field input[readonly]{color:#667085;background:#f8fafc;}.field input[type=color]{padding:5px;height:42px;}
.field small { display:block;color:#98a2b3;margin-top:5px;font-size:9px;line-height:1.45;}
.choice-grid { display:grid;gap:10px; }.choice-grid.three{grid-template-columns:repeat(3,1fr);}
.choice-card { position:relative; }.choice-card input{position:absolute;opacity:0;}.choice-card>span{min-height:100px;display:block;padding:14px;border:1px solid #dfe4ec;border-radius:11px;cursor:pointer;transition:border .15s,background .15s,box-shadow .15s;}.choice-card strong,.choice-card small{display:block;}.choice-card strong{font-size:11px;}.choice-card small{color:#98a2b3;margin-top:5px;font-size:9px;line-height:1.45;}.choice-card input:checked+span{border-color:#84adff;background:#f5f8ff;box-shadow:0 0 0 2px #eff4ff;}.choice-card input:checked+span strong{color:#175cd3;}
.amount-grid { padding-top:16px;border-top:1px solid #edf0f5; }
.switch-row { min-height:54px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:12px 0;border-bottom:1px solid #edf0f5;position:relative;}.switch-row span strong,.switch-row span small{display:block;}.switch-row span strong{font-size:11px;}.switch-row span small{color:#98a2b3;margin-top:3px;font-size:9px;}.switch-row input{position:absolute;opacity:0;}.switch-row i{width:38px;height:22px;position:relative;flex:none;border-radius:999px;background:#d0d5dd;cursor:pointer;transition:background .15s;}.switch-row i:before{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #10182844;transition:transform .15s;}.switch-row input:checked+i{background:#2563eb;}.switch-row input:checked+i:before{transform:translateX(16px);}.switch-row.compact{margin:8px 0 14px;padding:8px 0 14px;}
.channel-groups { display:grid;gap:13px;padding:17px 0 20px;transition:opacity .15s;}.channel-groups.is-disabled{opacity:.42;}.channel-groups fieldset{margin:0;padding:13px;border:1px solid #e1e6ee;border-radius:11px;}.channel-groups legend{padding:0 7px;color:#475467;font-size:9px;font-weight:800;}.channel-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;}.channel-grid label{display:flex;align-items:center;gap:7px;color:#475467;font-size:10px;}.channel-grid input{accent-color:#2563eb;}
.section-copy{color:#667085;margin-top:16px;margin-bottom:0;font-size:10px;}
.display-mode-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:13px;margin-bottom:16px;}.display-mode-grid label{position:relative;}.display-mode-grid input{position:absolute;opacity:0;}.display-mode-grid label>span{min-height:135px;display:block;padding:14px;border:1px solid #dfe4ec;border-radius:11px;cursor:pointer;}.display-mode-grid i{width:30px;height:30px;display:grid;place-items:center;color:#175cd3;background:#eff8ff;border-radius:8px;font-style:normal;}.display-mode-grid strong,.display-mode-grid small{display:block;}.display-mode-grid strong{margin-top:10px;font-size:11px;}.display-mode-grid small{color:#98a2b3;margin-top:4px;font-size:9px;line-height:1.45;}.display-mode-grid input:checked+span{border-color:#84adff;background:#f5f8ff;box-shadow:0 0 0 2px #eff4ff;}
.mode-select{max-width:300px;margin-bottom:16px;}
.sticky-card { position:sticky;top:100px;padding:17px;}.sticky-card h3{margin:0;font-size:13px;}.aside-facts{margin:15px 0;padding:13px;background:#f8fafc;border-radius:10px;display:grid;gap:10px;}.aside-facts>div{display:flex;justify-content:space-between;gap:10px;font-size:9px;}.aside-facts dt{color:#98a2b3;}.aside-facts dd{margin:0;color:#475467;font-weight:700;text-align:right;}.aside-note{margin:15px 0;padding:12px;color:#475467;background:#f8fafc;border:1px solid #e8ecf2;border-radius:10px;}.aside-note strong,.aside-note p{display:block;margin:0;}.aside-note strong{font-size:10px;}.aside-note p{color:#667085;margin-top:4px;font-size:9px;line-height:1.5;}
.key-warning,.security-note { display:flex;gap:11px;padding:12px;margin-top:0;margin-bottom:18px;color:#8a5200;background:#fffaeb;border:1px solid #fedf89;border-radius:10px;}.key-warning>span,.security-note>span{width:25px;height:25px;display:grid;place-items:center;flex:none;border-radius:7px;background:#fef0c7;font-weight:900;}.key-warning strong,.key-warning p,.security-note strong,.security-note p{display:block;margin:0;}.key-warning strong,.security-note strong{font-size:10px;}.key-warning p,.security-note p{margin-top:3px;font-size:9px;line-height:1.45;}
.danger-zone { display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:18px;padding:18px;border-color:#fecdca;}.danger-zone p,.danger-zone h3,.danger-zone span{display:block;margin:0;}.danger-zone p{color:#b42318;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.1em;}.danger-zone h3{margin-top:4px;font-size:13px;}.danger-zone span{color:#667085;margin-top:4px;font-size:10px;}
.environment-choice { display:grid;grid-template-columns:1fr 1fr;gap:10px;}.environment-choice label{position:relative;}.environment-choice input{position:absolute;opacity:0;}.environment-choice label>span{display:block;padding:14px;border:1px solid #dfe4ec;border-radius:11px;cursor:pointer;}.environment-choice strong,.environment-choice small{display:block;}.environment-choice strong{font-size:11px;}.environment-choice small{color:#98a2b3;margin-top:4px;font-size:9px;}.environment-choice input:checked+span{border-color:#84adff;background:#f5f8ff;box-shadow:0 0 0 2px #eff4ff;}
.key-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding-top:18px;border-top:1px solid #edf0f5;}
.password-field{display:flex;align-items:stretch;}.password-field input{border-radius:9px 0 0 9px;}.password-field button{border:1px solid #d7dde7;border-left:0;border-radius:0 9px 9px 0;background:#f8fafc;color:#2563eb;padding:0 10px;font-size:9px;font-weight:800;cursor:pointer;}
.copy-line{display:block;margin-top:15px;}.copy-line>span{display:block;color:#667085;margin-bottom:6px;font-size:9px;font-weight:750;}.copy-line>div{border-color:#e1e6ee;}.copy-line code{max-height:70px;overflow:auto;}.aside-help{color:#98a2b3;font-size:9px;line-height:1.55;}
.filter-panel{padding:15px;margin-bottom:16px;}.filter-form{display:grid;grid-template-columns:minmax(220px,1.5fr) minmax(140px,.7fr) minmax(140px,.7fr) auto auto;gap:10px;align-items:end;}.filter-form .button{height:42px;}.transaction-table td{min-width:110px;}.transaction-table td:first-child{min-width:180px;}
.detail-hero { display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:16px;padding:21px;background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e1e6ee;border-radius:15px;}.detail-hero h3,.detail-hero p{display:block;margin:0;}.detail-hero h3{margin-top:8px;font-size:27px;letter-spacing:-.04em;}.detail-hero p{color:#667085;margin-top:3px;font-size:10px;}.detail-hero dl{margin:0;display:grid;grid-template-columns:repeat(3,minmax(120px,1fr));gap:10px;}.detail-hero dl>div{padding:10px 12px;background:#fff;border:1px solid #e8ecf2;border-radius:9px;}.detail-hero dt,.detail-hero dd{display:block;margin:0;}.detail-hero dt{color:#98a2b3;font-size:8px;text-transform:uppercase;}.detail-hero dd{color:#344054;margin-top:4px;font-size:9px;font-weight:700;overflow-wrap:anywhere;}
.detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:16px;align-items:start;}.detail-main{display:grid;gap:16px;}.detail-aside{display:grid;gap:16px;}.detail-section{overflow:hidden;}
.detail-items{padding:14px 19px;}.detail-items>div{display:flex;justify-content:space-between;gap:20px;padding:11px 0;border-bottom:1px solid #edf0f5;}.detail-items p,.detail-items strong,.detail-items small{display:block;margin:0;}.detail-items strong{font-size:11px;}.detail-items small{color:#98a2b3;margin-top:3px;font-size:9px;}.detail-items>div>span{font-size:10px;font-weight:700;}.detail-items .detail-total{border:0;padding-top:15px;}.detail-total strong{font-size:17px;}
.timeline{padding:18px 20px;}.timeline>div{display:grid;grid-template-columns:12px 1fr;gap:11px;position:relative;padding-bottom:18px;}.timeline>div:not(:last-child):before{content:"";position:absolute;left:5px;top:12px;bottom:0;width:1px;background:#dfe4ec;}.timeline>div>span{width:11px;height:11px;margin-top:2px;border:3px solid #dbeafe;border-radius:50%;background:#2563eb;z-index:1;}.timeline section strong,.timeline section p,.timeline section time{display:block;margin:0;}.timeline section strong{font-size:10px;}.timeline section p{color:#667085;margin-top:3px;font-size:9px;}.timeline section time{color:#98a2b3;margin-top:3px;font-size:8px;}.timeline details,.table-wrap details{margin-top:7px;}.timeline summary,.table-wrap summary{color:#2563eb;cursor:pointer;font-size:8px;font-weight:700;}.timeline pre,.table-wrap pre{max-height:260px;overflow:auto;padding:10px;color:#cbd5e1;background:#0f172a;border-radius:8px;font-size:8px;white-space:pre-wrap;word-break:break-word;}
.callback-list{display:grid;}.callback-list>div{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:13px 19px;border-bottom:1px solid #edf0f5;}.callback-list p,.callback-list strong,.callback-list small{display:block;margin:0;}.callback-list strong{font-size:9px;overflow-wrap:anywhere;}.callback-list small{color:#98a2b3;margin-top:3px;font-size:8px;}.callback-list time{color:#98a2b3;font-size:8px;}
.aside-card{padding:17px;}.aside-card h3{margin:0 0 13px;font-size:12px;}.aside-card dl{margin:0;display:grid;gap:10px;}.aside-card dl>div{display:grid;grid-template-columns:105px 1fr;gap:8px;font-size:9px;}.aside-card dt{color:#98a2b3;}.aside-card dd{margin:0;color:#475467;font-weight:700;overflow-wrap:anywhere;}.error-card{color:#912018;background:#fef3f2;border-color:#fecdca;}.error-card p{margin:0;font-size:9px;line-height:1.55;}
.security-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(300px,.65fr);gap:16px;margin-bottom:16px;}.password-form{display:grid;gap:14px;}.password-rules{display:flex;flex-wrap:wrap;gap:8px;padding:11px;background:#f8fafc;border-radius:9px;}.password-rules strong{width:100%;font-size:9px;}.password-rules span{color:#667085;font-size:8px;}.password-rules span:before{content:"✓";color:#087443;margin-right:5px;font-weight:900;}
.protection-list{display:grid;gap:0;}.protection-list>div{display:flex;gap:10px;padding:11px 0;border-bottom:1px solid #edf0f5;}.protection-list>div>span{width:25px;height:25px;display:grid;place-items:center;flex:none;color:#087443;background:#e8f8ef;border-radius:8px;font-size:10px;font-weight:900;}.protection-list p,.protection-list strong,.protection-list small{display:block;margin:0;}.protection-list strong{font-size:10px;}.protection-list small{color:#98a2b3;margin-top:3px;font-size:8px;line-height:1.45;}
.activity-list{display:grid;}.activity-list>div{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:12px 18px;border-bottom:1px solid #edf0f5;}.activity-dot{width:9px;height:9px;border:3px solid #dbeafe;border-radius:50%;background:#2563eb;}.activity-list p,.activity-list strong,.activity-list small{display:block;margin:0;}.activity-list strong{font-size:10px;text-transform:capitalize;}.activity-list small,.activity-list time{color:#98a2b3;margin-top:2px;font-size:8px;}
.toast{position:fixed;right:24px;bottom:24px;z-index:100;transform:translateY(25px);opacity:0;pointer-events:none;padding:11px 14px;color:#fff;background:#101828;border-radius:9px;box-shadow:0 12px 30px #10182844;font-size:10px;font-weight:750;transition:.2s;}.toast.is-visible{transform:translateY(0);opacity:1;}
.sidebar-backdrop{display:none;}
.login-page{background:#0b1220;}.login-shell{min-height:100vh;display:grid;grid-template-columns:minmax(420px,1.05fr) minmax(440px,.95fr);}.login-intro{position:relative;display:flex;flex-direction:column;padding:42px clamp(42px,6vw,88px);color:#fff;overflow:hidden;background:radial-gradient(circle at 10% 20%,rgba(37,99,235,.32),transparent 30rem),radial-gradient(circle at 90% 90%,rgba(14,165,233,.18),transparent 25rem),#0b1220;}.login-intro:after{content:"";position:absolute;right:-150px;bottom:-180px;width:480px;height:480px;border:1px solid rgba(255,255,255,.07);border-radius:50%;box-shadow:0 0 0 60px rgba(255,255,255,.018),0 0 0 120px rgba(255,255,255,.012);}.login-brand{display:flex;align-items:center;gap:12px;z-index:1;}.login-brand>span{width:43px;height:43px;display:grid;place-items:center;border-radius:13px;background:linear-gradient(135deg,#3b82f6,#0ea5e9);font-weight:900;font-size:19px;box-shadow:0 12px 30px #2563eb44;}.login-brand strong,.login-brand small{display:block;}.login-brand strong{font-size:14px;}.login-brand small{color:#8090aa;margin-top:3px;font-size:9px;text-transform:uppercase;letter-spacing:.1em;}
.login-copy{max-width:590px;margin:auto 0;z-index:1;}.eyebrow{margin:0;color:#60a5fa;font-size:9px;font-weight:850;text-transform:uppercase;letter-spacing:.13em;}.login-copy h1{margin:10px 0 0;font-size:clamp(32px,4vw,51px);line-height:1.08;letter-spacing:-.05em;}.login-copy>p:not(.eyebrow){max-width:540px;color:#9da8bc;margin:18px 0 0;font-size:13px;line-height:1.7;}.login-points{display:grid;gap:12px;margin-top:28px;}.login-points>div{display:flex;gap:11px;}.login-points>div>span{width:26px;height:26px;display:grid;place-items:center;flex:none;color:#6ee7b7;background:rgba(16,185,129,.13);border:1px solid rgba(110,231,183,.2);border-radius:8px;font-weight:900;font-size:10px;}.login-points p,.login-points strong,.login-points small{display:block;margin:0;}.login-points strong{font-size:11px;}.login-points small{color:#7f8ba2;margin-top:3px;font-size:9px;}.login-foot{z-index:1;color:#536178;margin:0;font-size:9px;}
.login-panel{display:grid;place-items:center;padding:35px;background:#f7f9fc;}.login-card{width:min(430px,100%);padding:35px;background:#fff;border:1px solid #e1e6ee;border-radius:19px;box-shadow:0 25px 70px rgba(15,23,42,.12);}.login-card-head{text-align:center;margin-bottom:23px;}.login-lock{width:48px;height:48px;display:grid;place-items:center;margin:0 auto 13px;color:#175cd3;background:#eff8ff;border-radius:14px;font-size:20px;}.login-card-head h2,.login-card-head>p:last-child{margin:0;}.login-card-head h2{margin-top:5px;color:#101828;font-size:22px;letter-spacing:-.03em;}.login-card-head>p:last-child{color:#98a2b3;margin-top:6px;font-size:10px;}.login-card>.field{margin-bottom:14px;}.login-card .button{min-height:47px;margin-top:4px;justify-content:space-between;padding-inline:18px;}.login-security{display:flex;align-items:center;justify-content:center;gap:7px;color:#98a2b3;margin-top:15px;font-size:8px;text-align:center;}.login-security span{color:#12b76a;font-size:7px;}
@media(max-width:1180px){.metric-grid{grid-template-columns:repeat(2,1fr);}.site-grid{grid-template-columns:repeat(2,1fr);}.form-layout,.settings-layout{grid-template-columns:minmax(0,1fr) 250px;}.channel-grid{grid-template-columns:repeat(2,1fr);}}
@media(max-width:900px){.admin-shell{display:block;}.sidebar{transform:translateX(-100%);transition:transform .2s;}.menu-open .sidebar{transform:translateX(0);}.main{min-width:0;}.menu-button{display:block;}.sidebar-backdrop{position:fixed;inset:0;z-index:45;background:#0f172a88;}.menu-open .sidebar-backdrop{display:block;}.content{padding:24px 20px 50px;}.topbar{padding:0 20px;}.dashboard-grid,.form-layout,.settings-layout,.detail-grid,.security-grid{grid-template-columns:1fr;}.form-aside{order:-1;}.sticky-card{position:static;}.site-grid{grid-template-columns:1fr 1fr;}.filter-form{grid-template-columns:1fr 1fr;}.search-field{grid-column:1/-1;}.login-shell{grid-template-columns:1fr;}.login-intro{display:none;}.login-panel{min-height:100vh;}}
@media(max-width:620px){.content{padding:20px 12px 40px;}.topbar{height:70px;padding:0 14px;}.topbar-actions{display:none;}.page-heading{display:block;}.page-heading>.button,.page-heading>.heading-actions{margin-top:15px;}.heading-actions{flex-wrap:wrap;}.metric-grid,.site-grid,.form-grid.two,.choice-grid.three,.credential-grid,.credential-summary,.environment-choice,.key-form-grid,.display-mode-grid,.channel-grid,.filter-form{grid-template-columns:1fr;}.dashboard-grid{display:block;}.dashboard-grid>.panel+.panel{margin-top:16px;}.metric-card{min-height:95px;}.attention-banner{grid-template-columns:auto 1fr;}.attention-banner>a{grid-column:2;}.form-section>.form-grid,.form-section>.choice-grid,.form-section>.channel-groups,.form-section>.display-mode-grid,.form-section>.environment-choice,.form-section>.key-form-grid,.form-section>.credential-summary,.form-section>.key-warning,.form-section>.section-copy,.form-section>.mode-select,.form-section>.switch-row,.form-section>.password-form,.form-section>.protection-list{margin-left:14px;margin-right:14px;}.danger-zone,.detail-hero{display:block;}.danger-zone form{margin-top:15px;}.detail-hero dl{grid-template-columns:1fr;margin-top:15px;}.callback-list>div{grid-template-columns:1fr;}.login-panel{padding:15px;}.login-card{padding:24px 18px;border-radius:16px;}.order-meta>div{grid-template-columns:1fr;}}