:root{
  --navy:#142f58;--navy-deep:#0c2344;--navy-soft:#1c4171;--mint:#16a89c;--mint-dark:#11877f;
  --mint-pale:#e8f8f5;--blue:#3777d4;--blue-pale:#edf4ff;--amber:#e49a30;--amber-pale:#fff6e7;
  --red:#d75665;--red-pale:#fff0f2;--ink:#172640;--muted:#74839b;--line:#e3e9f1;--bg:#f4f7fb;
  --white:#fff;--shadow:0 14px 38px rgba(32,55,89,.08);--radius:18px;
}
*{box-sizing:border-box}
html{font-size:16px}
body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","PingFang SC","Microsoft YaHei",sans-serif;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased}
button,input,textarea,select{font:inherit}
button{cursor:pointer}
.button{border:0;border-radius:10px;padding:11px 18px;font-weight:750;transition:.2s ease}
.primary-button{color:#fff;background:linear-gradient(110deg,var(--mint),#17968f);box-shadow:0 9px 20px rgba(22,168,156,.18)}
.primary-button:hover{transform:translateY(-1px);box-shadow:0 12px 24px rgba(22,168,156,.25)}
.secondary-button{color:#40536f;background:#fff;border:1px solid var(--line)}
.danger-button{color:var(--red);background:var(--red-pale);border:1px solid #f1cdd3}
.button:disabled{opacity:.48;cursor:not-allowed;transform:none;box-shadow:none}
.eyebrow{margin:0;color:var(--mint-dark);font-size:11px;font-weight:850;letter-spacing:.16em}.eyebrow.light{color:#a8e7df}
.form-status{min-height:22px;margin:14px 0 0;color:var(--red);font-size:13px;font-weight:700}.form-status.success{color:var(--mint-dark)}

/* Login */
.login-page{min-height:100vh;background:#eef3f8}
.login-shell{display:grid;grid-template-columns:minmax(560px,1.08fr) minmax(430px,.92fr);min-height:100vh}
.login-brand{position:relative;overflow:hidden;display:flex;flex-direction:column;padding:44px 58px 36px;color:#fff;background:radial-gradient(circle at 16% 16%,rgba(76,198,185,.28),transparent 25%),radial-gradient(circle at 84% 76%,rgba(70,126,207,.22),transparent 24%),linear-gradient(145deg,#173864 0%,#0d2b51 53%,#0b5d61 100%)}
.login-brand:before{content:"";position:absolute;inset:0;opacity:.13;background-image:linear-gradient(rgba(255,255,255,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.12) 1px,transparent 1px);background-size:46px 46px;mask-image:linear-gradient(to bottom right,#000,transparent 72%)}
.login-brand-top,.brand-copy,.message-scene,.brand-foot{position:relative;z-index:1}
.login-brand-top{display:flex;align-items:center;justify-content:space-between}.login-brand-top img{width:190px;height:auto}.login-brand-top span{padding:9px 14px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:rgba(255,255,255,.07);font-size:12px;font-weight:700;letter-spacing:.08em}
.brand-copy{margin-top:11vh}.brand-copy h1{margin:18px 0 20px;max-width:630px;font-size:clamp(42px,4vw,66px);line-height:1.12;letter-spacing:-.045em}.brand-copy>p:last-child{max-width:520px;margin:0;color:#c9d8e9;font-size:18px;line-height:1.8}
.message-scene{flex:1;min-height:300px;display:grid;place-items:end center;padding:30px 0 12px}
.phone-card{position:relative;width:400px;height:244px;border:1px solid rgba(255,255,255,.2);border-radius:34px;background:linear-gradient(145deg,rgba(255,255,255,.16),rgba(255,255,255,.06));box-shadow:0 32px 80px rgba(4,18,36,.35);backdrop-filter:blur(14px);transform:perspective(900px) rotateX(4deg) rotateY(-5deg);animation:phone-float 6s ease-in-out infinite}
.phone-speaker{position:absolute;top:14px;left:50%;width:58px;height:5px;border-radius:9px;background:rgba(255,255,255,.25);transform:translateX(-50%)}
.message-bubble{position:absolute;left:30px;right:30px;display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:12px;padding:17px;border:1px solid rgba(255,255,255,.13);border-radius:16px;background:rgba(7,34,58,.46);box-shadow:0 10px 30px rgba(0,0,0,.1)}
.bubble-one{top:44px}.bubble-two{top:128px;left:58px}.message-bubble i{width:36px;height:36px;border-radius:12px;background:linear-gradient(135deg,#28c5b7,#4a8ad9)}.message-bubble span,.message-bubble b{display:block}.message-bubble span{font-weight:750}.message-bubble b{color:#9de9d9;font-size:11px}.signal-bars{position:absolute;right:14px;bottom:12px;display:flex;align-items:end;gap:3px}.signal-bars i{display:block;width:3px;border-radius:4px;background:#87e1d6}.signal-bars i:nth-child(1){height:5px}.signal-bars i:nth-child(2){height:8px}.signal-bars i:nth-child(3){height:11px}.signal-bars i:nth-child(4){height:14px}
.orbit{position:absolute;border:1px solid rgba(120,229,216,.18);border-radius:50%;pointer-events:none}.orbit-one{width:530px;height:210px;bottom:50px;transform:rotate(-10deg)}.orbit-two{width:670px;height:280px;bottom:20px;transform:rotate(12deg)}
.brand-foot{color:#7895b0;font-size:12px;letter-spacing:.06em}
.login-form-panel{display:grid;align-items:center;padding:56px clamp(36px,6vw,96px);background:linear-gradient(135deg,#f8fafc,#eef4f8)}
.login-card{width:100%;max-width:500px;margin:auto;padding:46px 44px;border:1px solid rgba(213,225,236,.9);border-radius:28px;background:rgba(255,255,255,.88);box-shadow:0 32px 80px rgba(35,57,87,.1);backdrop-filter:blur(16px)}
.mobile-logo{display:none}.login-card h2{margin:12px 0 10px;font-size:42px;letter-spacing:-.04em}.login-intro{margin:0 0 34px;color:var(--muted);line-height:1.7}.login-card form>label{display:block;margin:20px 0 9px;color:#3d4f68;font-size:13px;font-weight:800}
.input-wrap{position:relative}.input-wrap svg{position:absolute;top:50%;left:15px;width:20px;fill:none;stroke:#9aa8ba;stroke-width:1.8;transform:translateY(-50%)}
.input-wrap input,.password-panel input,.money-input input{width:100%;border:1px solid #dbe4ed;border-radius:12px;padding:15px 15px 15px 46px;color:var(--ink);background:#fff;outline:none;transition:.2s}.input-wrap input:focus,.password-panel input:focus,.money-input input:focus,textarea:focus,select:focus{border-color:#54bdb4;box-shadow:0 0 0 3px rgba(22,168,156,.11)}
.password-toggle{position:absolute;top:50%;right:13px;border:0;color:var(--mint-dark);background:transparent;font-size:12px;font-weight:800;transform:translateY(-50%)}.input-wrap input[type=password]{padding-right:62px}
.login-button{width:100%;margin-top:28px;padding:15px}.demo-tip{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:24px 0 0;padding:12px 14px;border-radius:11px;color:#53677f;background:#edf7f5;font-size:12px}.demo-tip strong{color:var(--mint-dark)}.help-text{margin:20px 0 0;text-align:center;color:#95a1b1;font-size:12px}
@keyframes phone-float{0%,100%{transform:perspective(900px) rotateX(4deg) rotateY(-5deg) translateY(0)}50%{transform:perspective(900px) rotateX(4deg) rotateY(-2deg) translateY(-8px)}}

/* Portal frame */
.portal-page{min-height:100vh;background:var(--bg)}.portal-shell{display:grid;grid-template-columns:252px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;z-index:20;display:flex;flex-direction:column;width:252px;height:100vh;padding:25px 17px 20px;color:#d7e1ec;background:linear-gradient(180deg,#173760,#102b50 65%,#0d2748)}
.sidebar-brand{display:flex;flex-direction:column;gap:7px;padding:0 14px 23px;border-bottom:1px solid rgba(255,255,255,.09)}.sidebar-brand img{width:160px}.sidebar-brand span{color:#7fa3be;font-size:11px;letter-spacing:.15em}
.sidebar-nav{display:grid;gap:5px;margin-top:23px}.nav-item{display:flex;align-items:center;gap:12px;width:100%;border:0;border-radius:10px;padding:11px 13px;color:#aebed0;background:transparent;text-align:left;font-size:14px;font-weight:700;transition:.18s}.nav-item:hover{color:#fff;background:rgba(255,255,255,.06)}.nav-item.active{color:#fff;background:linear-gradient(90deg,rgba(28,187,171,.27),rgba(28,187,171,.08));box-shadow:inset 3px 0 #3fd2c2}.nav-icon{display:grid;place-items:center;width:25px;height:25px;border:1px solid rgba(255,255,255,.13);border-radius:8px}.nav-icon img{display:block;width:16px;height:16px;opacity:.82}.nav-item.active .nav-icon{border-color:rgba(75,218,203,.38);background:rgba(34,191,176,.17)}.nav-item.active .nav-icon img,.nav-item:hover .nav-icon img{opacity:1;filter:brightness(1.35)}
.sidebar-help{margin:auto 6px 0;padding:16px;border:1px solid rgba(255,255,255,.08);border-radius:13px;background:rgba(255,255,255,.05)}.sidebar-help b{color:#fff;font-size:13px}.sidebar-help p{margin:8px 0;color:#8fa5ba;font-size:11px;line-height:1.6}.sidebar-help a{color:#77d8ce;font-size:12px;font-weight:800;text-decoration:none}
.portal-main{min-width:0}.topbar{position:sticky;top:0;z-index:15;display:flex;align-items:center;justify-content:space-between;min-height:78px;padding:13px 34px;border-bottom:1px solid #e5eaf0;background:rgba(255,255,255,.9);backdrop-filter:blur(12px)}.topbar p{margin:0 0 4px;color:#93a0b1;font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.topbar h1{margin:0;font-size:20px;letter-spacing:-.02em}.topbar-actions{display:flex;align-items:center;gap:14px}.provider-state{display:flex;align-items:center;gap:7px;padding:8px 11px;border:1px solid var(--line);border-radius:10px;color:#718198;background:#fff;font-size:11px}.provider-state i{width:7px;height:7px;border-radius:50%;background:var(--amber);box-shadow:0 0 0 4px var(--amber-pale)}.provider-state b{color:var(--amber)}.avatar-button{width:38px;height:38px;border:0;border-radius:50%;color:#fff;background:linear-gradient(135deg,var(--navy-soft),var(--mint));font-weight:850}.mobile-menu{display:none;border:0;background:transparent;font-size:22px}
.content-area{padding:28px 34px 48px}.view{display:none}.view.active{display:block}.notice-banner{display:flex;align-items:center;gap:13px;margin-bottom:19px;padding:15px 17px;border:1px solid #cce9e4;border-radius:13px;background:linear-gradient(90deg,#ecfaf7,#f7fcfb)}.notice-banner>span{display:grid;place-items:center;width:31px;height:31px;border-radius:50%;color:#fff;background:var(--mint);font-weight:900}.notice-banner b{font-size:13px}.notice-banner p{margin:3px 0 0;color:#708096;font-size:12px}.notice-banner button{margin-left:auto;border:0;color:var(--mint-dark);background:transparent;font-size:12px;font-weight:800}
.metric-grid{display:grid;grid-template-columns:1.2fr repeat(3,1fr);gap:16px}.metric-card{min-height:154px;padding:19px 20px;border:1px solid var(--line);border-radius:var(--radius);background:#fff;box-shadow:0 7px 22px rgba(31,51,78,.045)}.metric-head{display:flex;align-items:center;justify-content:space-between;color:#6e7d93;font-size:12px;font-weight:700}.metric-head i{display:grid;place-items:center;width:31px;height:31px;border-radius:10px;color:#fff;background:var(--navy);font-style:normal}.metric-head i.mint{color:var(--mint-dark);background:var(--mint-pale)}.metric-head i.blue{color:var(--blue);background:var(--blue-pale)}.metric-head i.amber{color:var(--amber);background:var(--amber-pale)}.metric-card strong{display:block;margin-top:17px;font-size:30px;line-height:1}.metric-card strong small{font-size:15px}.metric-card p{margin:10px 0 0;color:#94a0af;font-size:11px}.wallet-card{color:#fff;border-color:transparent;background:radial-gradient(circle at 85% 0,rgba(41,198,183,.32),transparent 35%),linear-gradient(135deg,#183a64,#0c5c61);box-shadow:0 16px 38px rgba(19,55,88,.17)}.wallet-card .metric-head,.wallet-card p{color:#b7d4da}.wallet-card .metric-head i{background:rgba(255,255,255,.11)}.wallet-card button{margin-top:12px;border:0;color:#a9eee5;background:transparent;font-size:11px;font-weight:800;padding:0}
.dashboard-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:17px;margin-top:17px}.panel{border:1px solid var(--line);border-radius:var(--radius);background:#fff;box-shadow:0 7px 22px rgba(31,51,78,.045)}.quick-panel,.audit-panel,.recent-panel,.compose-panel,.password-panel,.recharge-panel,.ledger-panel{padding:21px}.panel-title{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.panel-title h2{margin:6px 0 0;font-size:17px}.panel-title>button{border:0;color:var(--mint-dark);background:transparent;font-size:11px;font-weight:800}.quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}.quick-grid>button{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:11px;border:1px solid #edf0f4;border-radius:12px;padding:13px;background:#fafbfd;text-align:left}.quick-grid>button:hover{border-color:#cfe4e1;background:#f6fbfa}.quick-grid i{display:grid;place-items:center;width:39px;height:39px;border-radius:11px;font-style:normal;font-weight:850}.quick-sign{color:#376fc0;background:#eaf2ff}.quick-template{color:#9d6b21;background:#fff3df}.quick-send{color:#178d83;background:#e4f7f3}.quick-record{color:#7859b4;background:#f1edfb}.quick-grid b,.quick-grid small{display:block}.quick-grid b{font-size:12px}.quick-grid small{margin-top:4px;color:#98a3b2;font-size:10px}.quick-grid em{color:#a9b4c1;font-style:normal;font-size:21px}.timeline{display:grid;margin-top:15px}.timeline-item{position:relative;display:grid;grid-template-columns:17px 1fr auto;gap:10px;padding:11px 0}.timeline-item:not(:last-child):before{content:"";position:absolute;top:26px;bottom:-5px;left:5px;width:1px;background:#e3e9ef}.timeline-item>i{z-index:1;width:11px;height:11px;margin-top:3px;border:3px solid #fff;border-radius:50%;box-shadow:0 0 0 1px #d7e0ea}.timeline-item.done>i{background:var(--mint)}.timeline-item.pending>i{background:var(--amber)}.timeline-item b{font-size:11px}.timeline-item p{margin:4px 0 0;color:#96a1b0;font-size:10px}.timeline-item time{color:#9ba6b5;font-size:9px}.recent-panel{margin-top:17px}.table-wrap{overflow:auto;margin-top:14px}table{width:100%;border-collapse:collapse;white-space:nowrap}th{padding:10px 12px;border-bottom:1px solid var(--line);color:#92a0b1;font-size:10px;font-weight:850;text-align:left;letter-spacing:.05em}td{padding:13px 12px;border-bottom:1px solid #eef1f5;color:#536278;font-size:11px}tbody tr:last-child td{border-bottom:0}.message-cell{max-width:440px;overflow:hidden;text-overflow:ellipsis}.status-badge{display:inline-flex;align-items:center;gap:5px;padding:5px 9px;border-radius:999px;font-size:10px;font-weight:800}.status-badge:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.status-badge.approved,.status-badge.delivered{color:#15887e;background:var(--mint-pale)}.status-badge.pending{color:#b27b29;background:var(--amber-pale)}.status-badge.rejected,.status-badge.failed{color:#c74c5a;background:var(--red-pale)}

/* Template review and application */
.status-badge.local{color:#66758a;background:#eef2f6}
.section-actions{display:flex;gap:9px}
.template-create-panel{margin-bottom:17px;padding:22px}
.template-create-panel[hidden]{display:none}
.template-create-panel form{margin-top:18px}
.template-create-panel form>label,.template-create-panel .form-grid label{display:grid;gap:8px;margin-bottom:16px;color:#40526a;font-size:11px;font-weight:800}
.template-create-panel input,.template-create-panel textarea,.template-create-panel select{width:100%;border:1px solid #dfe6ee;border-radius:10px;padding:12px;color:var(--ink);background:#fff;outline:none;resize:vertical}
.template-create-panel small{color:#98a4b2;font-size:9px;font-weight:500}
.template-rule-note{margin:16px 0 0;padding:12px;border-radius:10px;color:#66778d;background:#f6f9fb;font-size:10px;line-height:1.7}
.template-rule-note code{padding:2px 5px;border-radius:5px;color:var(--mint-dark);background:var(--mint-pale)}
.template-submit-row{display:flex;justify-content:flex-end;gap:9px}
.demo-pill.provider-ready{color:var(--mint-dark);background:var(--mint-pale)}
.form-status.warning{color:#a87121}
.variable-builder-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:4px 0 10px;padding-top:4px}.variable-builder-head b,.variable-builder-head small{display:block}.variable-builder-head b{font-size:12px}.variable-builder-head small{margin-top:4px;color:#8d9bac;font-size:9px}.template-variable-rows{display:grid;gap:8px;margin-bottom:16px}.variable-empty{margin:0;padding:14px;border:1px dashed #d7e0e9;border-radius:10px;color:#91a0b1;background:#fafbfd;font-size:10px;text-align:center}.template-variable-row{display:grid;grid-template-columns:110px 1fr 150px auto;align-items:center;gap:10px;padding:11px 13px;border:1px solid #e2e8ef;border-radius:10px;background:#fafbfd;color:#65758a;font-size:10px}.template-variable-row code{color:var(--mint-dark);font-weight:850}.template-variable-row label{display:flex!important;align-items:center;gap:8px;margin:0!important}.template-variable-row input{width:62px;padding:7px}.template-variable-row button{border:0;color:var(--red);background:transparent;font-size:10px;font-weight:800}.signature-application-panel{margin-bottom:17px;padding:22px}.signature-application-panel[hidden]{display:none}.signature-application-panel form{margin-top:18px}.signature-application-panel form>label,.signature-application-panel .form-grid label{display:grid;gap:8px;margin-bottom:16px;color:#40526a;font-size:11px;font-weight:800}.signature-application-panel input,.signature-application-panel select{width:100%;border:1px solid #dfe6ee;border-radius:10px;padding:12px;color:var(--ink);background:#fff;outline:none}.signature-application-panel small{color:#8e9cad;font-size:9px;font-weight:500;line-height:1.5}.file-upload{position:relative;display:flex;align-items:center;min-height:45px;border:1px dashed #bfcbd8;border-radius:10px;color:#687a90;background:#fafbfd;overflow:hidden}.file-upload:hover{border-color:var(--mint);background:#f4fbf9}.file-upload input{position:absolute;inset:0;z-index:1;width:100%;height:100%;padding:0;opacity:0;cursor:pointer}.file-upload span{display:block;width:100%;padding:12px 14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:650}.file-upload span:before{content:"↑";display:inline-grid;place-items:center;width:22px;height:22px;margin-right:8px;border-radius:7px;color:#fff;background:var(--mint);font-weight:900}.file-upload span.uploading{color:#a87121}.file-upload span.uploaded{color:var(--mint-dark)}.file-upload span.upload-error{color:var(--red)}

.inline-download{color:var(--mint-dark);font-weight:800;text-decoration:none}.inline-download:hover{text-decoration:underline}.seal-composer{margin:2px 0 18px;padding:16px;border:1px solid #dce7e8;border-radius:14px;background:#f7fbfa}.seal-composer-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:14px}.seal-composer-head b,.seal-composer-head small{display:block}.seal-composer-head b{color:#244159;font-size:12px}.seal-composer-head small{margin-top:5px;color:#7c8c9c;font-size:9px;line-height:1.55}.seal-composer-head>span{padding:5px 8px;border-radius:999px;color:var(--mint-dark);background:var(--mint-pale);font-size:9px;font-weight:800}.seal-authorization{display:flex!important;grid-template-columns:auto 1fr!important;align-items:flex-start;gap:8px!important;margin:0!important;padding:11px;border-radius:9px;color:#62758a!important;background:#fff;font-size:10px!important;line-height:1.55}.seal-authorization input{width:auto!important;margin:2px 0 0;accent-color:var(--mint)}.seal-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:12px}.sealed-preview{display:grid;justify-items:center;gap:8px;margin-top:14px;padding:12px;border:1px solid #e1e8ed;border-radius:11px;background:#fff}.sealed-preview img{display:block;width:min(100%,560px);height:auto;border:1px solid #edf0f2;box-shadow:0 8px 24px rgba(35,66,87,.08)}.sealed-preview p{margin:0;color:#748498;font-size:9px}

#qccDocumentField,#trademarkDocumentField{margin-bottom:16px}#qccDocumentField[hidden],#trademarkDocumentField[hidden],#applySignTypeLabel[hidden]{display:none}#qccDocumentField label,#trademarkDocumentField label{display:grid;gap:8px;color:#40526a;font-size:11px;font-weight:800}

/* Sub-pages */
.section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.section-head p{margin:0;color:var(--muted);font-size:12px}.rule-card{display:flex;gap:13px;margin-bottom:17px;padding:15px 17px;border:1px solid #d8e8f8;border-radius:13px;background:#f4f9ff}.rule-icon{display:grid;place-items:center;flex:0 0 28px;height:28px;border-radius:50%;color:#fff;background:var(--blue);font-weight:850}.rule-card b{font-size:12px}.rule-card p{margin:5px 0 0;color:#6f8098;font-size:11px;line-height:1.7}.signature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.signature-card{padding:20px;border:1px solid var(--line);border-radius:var(--radius);background:#fff;box-shadow:0 7px 22px rgba(31,51,78,.045)}.signature-card-head{display:flex;align-items:flex-start;justify-content:space-between}.signature-card h2{margin:0 0 5px;font-size:18px}.signature-card-head p{margin:0;color:#98a3b1;font-size:10px}.carrier-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:19px 0 15px}.carrier-item{padding:11px;border-radius:11px;background:#f7f9fb}.carrier-item span{display:flex;align-items:center;gap:6px;color:#7e8c9e;font-size:10px}.carrier-item b{display:block;margin-top:7px;font-size:11px}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%}.status-dot.approved{background:var(--mint)}.status-dot.pending{background:var(--amber)}.status-dot.rejected{background:var(--red)}.signature-foot{display:flex;align-items:center;justify-content:space-between;padding-top:13px;border-top:1px solid #eef1f4;color:#9ba5b2;font-size:10px}.signature-foot button{border:0;color:var(--blue);background:transparent;font-size:10px;font-weight:800}.carrier-legend{margin-top:17px;padding:20px}.carrier-legend h2{margin:0 0 15px;font-size:15px}.carrier-legend>div{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.carrier-legend span{display:grid;grid-template-columns:12px 1fr;gap:4px 8px}.carrier-legend .status-dot{margin-top:4px}.carrier-legend b{font-size:11px}.carrier-legend small{grid-column:2;color:#98a3b2;font-size:10px}.filter-bar{display:flex;align-items:center;gap:7px;margin-bottom:14px}.filter-bar>button{border:1px solid var(--line);border-radius:9px;padding:8px 12px;color:#77869a;background:#fff;font-size:10px;font-weight:750}.filter-bar>button.active{color:var(--mint-dark);border-color:#bfe1dc;background:var(--mint-pale)}.filter-bar label{position:relative;margin-left:auto}.filter-bar label span{position:absolute;left:12px;top:50%;color:#9ba5b3;transform:translateY(-50%)}.filter-bar input{width:230px;border:1px solid var(--line);border-radius:9px;padding:9px 12px 9px 32px;outline:none;font-size:11px}.table-action{border:0;color:var(--blue);background:transparent;font-size:10px;font-weight:750}
.send-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:17px}.compose-panel{padding:23px}.demo-pill{padding:6px 9px;border-radius:999px;color:#a87121;background:var(--amber-pale);font-size:9px;font-weight:800}.compose-panel form{margin-top:22px}.form-grid.two-col{display:grid;grid-template-columns:1fr 1fr;gap:14px}.compose-panel form>label,.form-grid label,.password-panel label,.recharge-panel>label{display:grid;gap:8px;margin-bottom:16px;color:#40526a;font-size:11px;font-weight:800}.compose-panel select,.compose-panel textarea,.password-panel input{width:100%;border:1px solid #dfe6ee;border-radius:10px;padding:12px;color:var(--ink);background:#fff;outline:none;resize:vertical}.compose-panel small,.password-panel small{color:#98a4b2;font-size:9px;font-weight:500}.consent-check{display:flex;align-items:flex-start;gap:8px;padding:13px;border-radius:10px;background:#f7f9fb;color:#69788d;font-size:10px;line-height:1.5}.consent-check input{margin:2px 0 0;accent-color:var(--mint)}.send-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:17px}.estimate-card{position:sticky;top:105px;align-self:start;padding:24px;border-radius:20px;color:#fff;background:radial-gradient(circle at 85% 4%,rgba(38,204,185,.33),transparent 29%),linear-gradient(145deg,#173a65,#0c505d);box-shadow:0 20px 45px rgba(19,51,82,.2)}.estimate-card h2{margin:8px 0 18px}.sms-preview{min-height:130px;padding:15px;border:1px solid rgba(255,255,255,.13);border-radius:13px;color:#d9e7ee;background:rgba(255,255,255,.07);font-size:11px;line-height:1.75}.sms-preview span:first-child{color:#84e0d4}.estimate-card dl{margin:17px 0}.estimate-card dl div{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.09)}.estimate-card dt{color:#9eb4c4;font-size:10px}.estimate-card dd{margin:0;font-size:11px}.estimate-total{display:flex;align-items:end;justify-content:space-between;padding:16px 0 2px}.estimate-total span{color:#adc1ce;font-size:11px}.estimate-total strong{font-size:28px}.estimate-note{margin:14px 0 0;padding:12px;border-radius:10px;color:#9fb8c5;background:rgba(255,255,255,.06);font-size:9px;line-height:1.6}
.wallet-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:17px}.balance-hero{min-height:310px;padding:28px;border-radius:20px;color:#fff;background:radial-gradient(circle at 85% 12%,rgba(68,219,202,.3),transparent 31%),linear-gradient(145deg,#183b65,#0a525b);box-shadow:0 20px 45px rgba(19,51,82,.17)}.balance-hero p{margin:0;color:#b9ced9;font-size:12px}.balance-hero strong{display:block;margin:30px 0;font-size:44px}.balance-hero div{display:flex;flex-direction:column;gap:10px;color:#b4cbd5;font-size:11px}.recharge-panel>p{color:#8c99aa;font-size:10px;line-height:1.7}.money-input{position:relative}.money-input span{position:absolute;left:15px;top:50%;transform:translateY(-50%)}.money-input input{padding-left:38px}.recharge-shortcuts{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:6px 0 17px}.recharge-shortcuts button{border:1px solid var(--line);border-radius:9px;padding:10px;color:#62748a;background:#fff;font-size:10px}.recharge-shortcuts button.active{color:var(--mint-dark);border-color:#9fd4cd;background:var(--mint-pale)}.recharge-panel>.button{width:100%;margin-top:14px}.ledger-panel{margin-top:17px}.empty-state{display:grid;justify-items:center;padding:42px;text-align:center}.empty-state i{display:grid;place-items:center;width:50px;height:50px;border-radius:15px;color:var(--mint-dark);background:var(--mint-pale);font-style:normal;font-weight:850}.empty-state b{margin-top:13px;font-size:12px}.empty-state p{margin:7px 0;color:#97a3b2;font-size:10px}
.account-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px;align-items:stretch}.company-panel{display:flex;align-items:center;gap:15px;grid-column:1/-1;padding:21px}.company-avatar{display:grid;place-items:center;width:54px;height:54px;border-radius:16px;color:#fff;background:linear-gradient(135deg,var(--navy),var(--mint));font-size:20px;font-weight:850}.company-panel h2{margin:5px 0;font-size:17px}.company-panel p:last-child{margin:0;color:#8d9bab;font-size:10px}.company-panel>.status-badge{margin-left:auto}.password-panel{padding:21px}.password-panel form{display:grid;gap:11px;margin-top:14px}.password-panel label{gap:6px;margin:0}.password-panel input{padding:10px 12px}.password-panel .button{justify-self:start;margin-top:2px}.password-panel .form-status:empty{display:none}.account-side-column{display:grid;grid-template-rows:1fr auto;gap:17px;min-width:0}.logout-panel{display:flex;align-items:center;justify-content:space-between;padding:20px}.logout-panel h2{margin:0 0 6px;font-size:14px}.logout-panel p{margin:0;color:#91a0b0;font-size:10px}.toast{position:fixed;right:24px;bottom:24px;z-index:50;max-width:360px;padding:13px 16px;border-radius:11px;color:#fff;background:#183a61;box-shadow:0 15px 40px rgba(14,40,70,.25);font-size:11px;opacity:0;transform:translateY(12px);pointer-events:none;transition:.25s}.toast.show{opacity:1;transform:translateY(0)}
.account-orders-panel{grid-column:1/-1;padding:21px}.account-orders-panel>p{color:#8190a3;font-size:10px;line-height:1.7}.invoice-remark{display:block;max-width:180px;margin-top:5px;color:#8796a8;white-space:normal}.invoice-contact-modal{position:fixed;inset:0;z-index:80;display:grid;place-items:center;padding:20px;background:rgba(10,31,55,.55);backdrop-filter:blur(5px)}.invoice-contact-modal[hidden]{display:none}.invoice-contact-dialog{position:relative;width:min(440px,100%);padding:28px;border-radius:20px;background:#fff;box-shadow:0 25px 70px rgba(12,35,64,.3)}.invoice-contact-dialog h2{margin:7px 0 10px}.invoice-contact-dialog>p:not(.eyebrow){color:#75869a;font-size:11px;line-height:1.7}.invoice-contact-dialog>img{display:block;width:180px;height:180px;margin:18px auto;object-fit:contain;border:1px solid var(--line);border-radius:13px}.invoice-wechat-id{display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px;padding:15px;border-radius:12px;background:#f5f9f8}.invoice-wechat-id span{grid-column:1/-1;color:#8493a5;font-size:10px}.invoice-wechat-id b{font-size:18px}
.access-validity-panel{display:flex;flex-direction:column;padding:20px}.access-validity-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:15px 0 12px}.access-validity-grid>div{display:grid;gap:5px;padding:12px 13px;border:1px solid #e3e9ef;border-radius:11px;background:#fafbfd}.access-validity-grid>div:last-child{grid-column:1/-1;grid-template-columns:1fr auto;align-items:center}.access-validity-grid span{color:#8997a8;font-size:10px}.access-validity-grid b{font-size:12px}.access-validity-grid>div:last-child b{color:var(--mint-dark);font-size:15px}.access-validity-panel>p{margin:auto 0 0;color:#7f8ea1;font-size:10px;line-height:1.6}

/* Recharge and credit accounting */
.estimate-equivalent{margin:7px 0 0;color:#adc1ce;font-size:10px;text-align:right}
.wallet-layout{grid-template-columns:.75fr 1.25fr}.balance-hero{min-height:355px}.balance-hero strong small{font-size:16px}.rate-pill{padding:6px 9px;border-radius:999px;color:var(--mint-dark);background:var(--mint-pale);font-size:9px;font-weight:850}
.recharge-packages{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:22px 0 18px}.recharge-packages button{display:grid;gap:7px;border:1px solid var(--line);border-radius:12px;padding:16px 8px;color:#51647b;background:#fafbfd}.recharge-packages button b{font-size:13px}.recharge-packages button span{color:#96a3b2;font-size:10px}.recharge-packages button em{color:#d58422;font-size:9px;font-style:normal;font-weight:800}.recharge-packages button.active{color:var(--mint-dark);border-color:#8fd3ca;background:linear-gradient(145deg,#effaf8,#e5f6f3);box-shadow:inset 0 0 0 1px rgba(22,168,156,.08)}.recharge-packages button.active span{color:#3e958d}
.payment-channel{display:flex;align-items:center;gap:12px;padding:13px;border-radius:11px;background:#f7f9fb}.payment-channel>span{margin-right:auto;color:#617389;font-size:10px;font-weight:800}.payment-channel label{display:flex;align-items:center;gap:6px;color:#56697f;font-size:10px;font-weight:750}.payment-channel input{accent-color:var(--mint)}.payment-channel i{display:grid;place-items:center;width:22px;height:22px;border-radius:7px;color:#fff;font-size:10px;font-style:normal;font-weight:850}.wechat-mark{background:#19ad63}.alipay-mark{background:#1677ff}
.recharge-summary{display:grid;grid-template-columns:1fr auto;align-items:center;margin-top:16px;padding:15px;border:1px dashed #cbd9e3;border-radius:11px;color:#728097;font-size:10px}.recharge-summary strong{color:var(--ink);font-size:23px}.recharge-summary em{grid-column:1/-1;margin-top:5px;color:var(--mint-dark);font-style:normal}
.payment-order-panel{display:grid;grid-template-columns:1fr 300px;gap:28px;align-items:center;margin-top:17px;padding:26px}.payment-order-panel[hidden]{display:none}.payment-order-copy h2{margin:8px 0 7px;font-size:20px}.payment-order-copy>p:not(.eyebrow){margin:0;color:#8897a8;font-size:11px}.payment-order-copy dl{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:22px 0 0}.payment-order-copy dl div{padding:12px;border-radius:10px;background:#f7f9fb}.payment-order-copy dt{color:#96a3b1;font-size:9px}.payment-order-copy dd{margin:6px 0 0;color:#42546c;font-size:11px;font-weight:800}
.payment-qr-wrap{display:grid;justify-items:center;padding-left:26px;border-left:1px solid var(--line)}.payment-qr{position:relative;display:grid;place-items:center;width:190px;height:190px;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:0 12px 30px rgba(30,55,84,.08)}.payment-qr img{width:164px;height:164px;transition:.2s}.payment-qr img.is-complete{opacity:.18;filter:grayscale(1)}.payment-qr span{position:absolute;left:50%;bottom:-13px;padding:5px 10px;border-radius:999px;color:#8b6a27;background:var(--amber-pale);font-size:9px;font-weight:850;white-space:nowrap;transform:translateX(-50%)}.payment-qr span.paid{color:var(--mint-dark);background:var(--mint-pale)}.payment-qr span.expired{color:var(--red);background:var(--red-pale)}.payment-qr-wrap>p{max-width:250px;margin:26px 0 10px;color:#93a0af;font-size:9px;line-height:1.6;text-align:center}.payment-qr-wrap>.button{font-size:10px}
.ledger-panel{padding:21px}.ledger-change.positive{color:var(--mint-dark)}.ledger-change.negative{color:var(--red)}
.commercial-products{display:grid;grid-template-columns:1fr 1fr;gap:17px;margin-top:17px}.product-card{display:grid;grid-template-columns:1fr auto;align-items:center;gap:14px;padding:22px}.product-card h2{margin:6px 0 8px;font-size:17px}.product-card p:not(.eyebrow){margin:0;color:#8190a3;font-size:10px;line-height:1.65}.product-card>strong{font-size:20px}.product-card>.button{grid-column:1/-1}.signature-change-panel{margin-bottom:17px;padding:21px}.signature-change-panel form{margin-top:18px}.signature-change-panel label,.variable-send-panel label{display:grid;gap:8px;color:#40526a;font-size:11px;font-weight:800}.signature-change-panel input,.variable-send-panel input,.variable-actions select{width:100%;border:1px solid #dfe6ee;border-radius:10px;padding:12px;color:var(--ink);background:#fff;outline:none}.signature-change-panel .button{margin-right:8px}.variable-send-panel{margin-top:17px;padding:22px}.variable-send-panel>p{color:#7c8ca0;font-size:11px;line-height:1.7}.variable-send-panel code{color:var(--mint-dark);background:var(--mint-pale);padding:2px 5px;border-radius:5px}.variable-actions{display:grid;grid-template-columns:1fr auto;gap:10px;margin-top:16px}.variable-send-panel pre{max-height:220px;overflow:auto;padding:14px;border-radius:11px;color:#456079;background:#f5f8fb;font-size:10px;line-height:1.55;white-space:pre-wrap}.provider-state.live b{color:var(--mint-dark)}
.bound-signature-preview{display:grid;gap:5px;margin:16px 0;padding:14px 16px;border:1px solid #dce8e6;border-radius:11px;background:#f5fbfa}.bound-signature-preview span,.bound-signature-preview small{color:#7f8fa1;font-size:10px}.bound-signature-preview b{color:var(--ink);font-size:16px}
.status-badge.awaiting_report{color:#376fc0;background:#eaf2ff}.status-badge.validated_demo{color:#69788d;background:#eef2f6}.record-status-button{border:0;cursor:pointer}.record-status-button:hover{box-shadow:0 0 0 2px rgba(35,151,140,.15);transform:translateY(-1px)}
.record-detail-modal{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:20px;background:rgba(14,31,55,.58);backdrop-filter:blur(5px)}.record-detail-modal[hidden]{display:none}.record-detail-dialog{position:relative;width:min(680px,94vw);max-height:90vh;overflow:auto;padding:27px;border-radius:20px;background:#fff;box-shadow:0 30px 80px rgba(12,34,57,.28)}.record-detail-dialog h2{margin:7px 0 18px}.record-detail-status{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.record-detail-status small{color:#8b99aa}.record-detail-dialog dl{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0}.record-detail-dialog dl>div{display:grid;gap:6px;padding:12px 14px;border:1px solid #e3e9ef;border-radius:11px;background:#fafbfd}.record-detail-dialog .detail-wide{grid-column:1/-1}.record-detail-dialog dt{color:#8b99aa;font-size:10px}.record-detail-dialog dd{margin:0;color:#40526a;font-size:11px;line-height:1.6;word-break:break-word}

@media(max-width:1180px){.metric-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.send-layout{grid-template-columns:minmax(0,1fr)}.compose-panel,.estimate-card{min-width:0}.estimate-card{position:relative;top:auto}.signature-grid{grid-template-columns:1fr}.recharge-packages{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){.login-shell{grid-template-columns:1fr}.login-brand{min-height:440px;padding:30px}.brand-copy{margin-top:55px}.message-scene{min-height:220px}.phone-card{transform:scale(.78)}.login-form-panel{padding:28px}.login-card{margin-top:-34px}.portal-shell{grid-template-columns:1fr}.sidebar{position:fixed;left:-265px;transition:.25s}.sidebar.open{left:0}.topbar{padding:13px 20px}.mobile-menu{display:block}.topbar>div:first-of-type{margin-right:auto}.content-area{padding:22px 18px 40px}.carrier-legend>div,.account-grid,.commercial-products{grid-template-columns:1fr}.company-panel{grid-column:1}.account-side-column{grid-template-rows:auto auto}.wallet-layout{grid-template-columns:1fr}.payment-order-panel{grid-template-columns:1fr}.payment-qr-wrap{padding:24px 0 0;border-top:1px solid var(--line);border-left:0}}
@media(max-width:620px){.login-brand{min-height:390px}.login-brand-top img{width:150px}.brand-copy h1{font-size:36px}.brand-copy>p:last-child{font-size:14px}.message-scene{display:none}.login-card{padding:33px 24px}.login-card h2{font-size:34px}.demo-tip{align-items:flex-start;flex-direction:column}.provider-state{display:none}.topbar h1{font-size:17px}.metric-grid,.quick-grid,.form-grid.two-col{grid-template-columns:1fr}.notice-banner{align-items:flex-start}.notice-banner button{display:none}.filter-bar{flex-wrap:wrap}.filter-bar label{width:100%;margin-left:0}.filter-bar input{width:100%}.signature-grid{grid-template-columns:1fr}.carrier-row{grid-template-columns:1fr}.company-panel{align-items:flex-start}.company-panel>.status-badge{display:none}.send-actions{flex-direction:column}.send-actions .button{width:100%}.recharge-packages{grid-template-columns:1fr}.payment-channel{align-items:flex-start;flex-wrap:wrap}.payment-channel>span{width:100%;margin-right:0}.payment-order-copy dl{grid-template-columns:1fr}.payment-order-panel{padding:20px}.variable-actions{grid-template-columns:1fr}.product-card{grid-template-columns:1fr}.product-card>.button{grid-column:1}.signature-change-panel .button{width:100%;margin:6px 0}}
@media(max-width:620px){.template-variable-row{grid-template-columns:1fr auto}.template-variable-row>span{grid-column:1/-1}.template-variable-row label{grid-column:1}.section-actions{width:100%;margin-top:10px}.section-head{align-items:flex-start;flex-direction:column}.section-actions .button{flex:1}}
@media(max-width:620px){.access-validity-grid{grid-template-columns:1fr}}
@media(max-width:620px){.record-detail-dialog dl{grid-template-columns:1fr}.record-detail-dialog .detail-wide{grid-column:1}.record-detail-status{align-items:flex-start;flex-direction:column;gap:8px}}
.signature-pay-modal{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:20px;background:rgba(14,31,55,.58);backdrop-filter:blur(5px)}.signature-pay-modal[hidden]{display:none}.signature-pay-dialog{position:relative;width:min(92vw,440px);max-height:90vh;overflow:auto;padding:26px;border-radius:20px;background:#fff;box-shadow:0 30px 80px rgba(12,34,57,.28);text-align:center}.signature-pay-dialog h2{margin:8px 0 10px;color:var(--ink);font-size:22px}.signature-pay-dialog>p:not(.eyebrow):not(.form-status){margin:0;color:#78889b;font-size:11px;line-height:1.7}.modal-close{position:absolute;right:14px;top:12px;width:32px;height:32px;border:0;border-radius:50%;color:#75869a;background:#f2f5f7;font-size:20px}.signature-pay-price{margin:18px 0;color:var(--ink);font-size:30px;font-weight:900}.signature-pay-price small{color:#8493a4;font-size:12px}.signature-pay-dialog .payment-qr{width:190px;margin:0 auto}.signature-pay-dialog dl{display:grid;gap:7px;margin:16px 0}.signature-pay-dialog dl div{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid #edf1f4;color:#76869a;font-size:10px}.signature-pay-dialog dd{margin:0;color:#33485f;font-weight:700}.signature-pay-dialog>.button{width:100%;margin-top:8px}
.template-carriers{display:grid;gap:5px;min-width:112px}.template-carriers span{display:grid;grid-template-columns:8px 30px auto;align-items:center;gap:5px;color:#7e8c9e;font-size:10px}.template-carriers b{color:#44566e;font-size:10px}.carrier-not-required{display:inline-flex;padding:5px 9px;border-radius:999px;color:#6f8094;background:#f1f4f7;font-size:10px;font-weight:700}
.section-actions,.row-actions{display:flex;align-items:center;gap:8px}.danger-button{color:#d84f60;border-color:#f0c5cb;background:#fff7f8}.danger-button:hover{background:#fff0f2}.danger-button:disabled{cursor:not-allowed;opacity:.45}.danger-text{color:#d84f60!important}.select-column{width:34px;text-align:center}.select-column input{width:15px;height:15px;accent-color:var(--mint);cursor:pointer}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}