body{font-size:15px;overflow-x:clip}h1,h2,h3,p{margin-top:0}h1{font-size:26px;line-height:1.5}h2{font-size:20px}h3{font-size:17px}.oqba-brand{gap:11px;color:var(--text-dark);font-size:26px;font-weight:900;letter-spacing:.5px}.oqba-brand b{color:var(--accent)}.oqba-brand small{display:block;font-size:12px;letter-spacing:0;color:var(--muted);text-align:right;font-weight:500;margin-top:2px}.brand-symbol{width:42px;height:42px;border:2px solid var(--accent);border-radius:14px;display:grid;place-items:center;box-shadow:inset 0 0 0 5px var(--accent-soft);color:var(--accent);font-family:system-ui;font-size:29px}.brand-wrap{min-height:91px}.nav-item{font-size:14px;min-height:42px}.nav-scroll{gap:3px;padding-top:5px}.sidebar-footer small{font-size:10px;display:block;color:var(--muted);margin-top:7px}.local-indicator{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:700}.local-indicator>span{background:var(--ok);width:7px;height:7px;border-radius:50%}.topbar{min-height:72px}.topbar-start{display:flex;align-items:center;gap:12px;min-width:0}.search-bar{width:330px;padding:9px 12px}.topbar-actions{gap:14px}.content-area{gap:22px;padding:26px 28px}.hero-panel{padding:25px 28px;align-items:center}.hero-panel h1{margin:7px 0 10px}.hero-panel p{color:var(--muted);line-height:1.9;font-size:14px;margin:0;max-width:620px}.eyebrow{color:var(--accent);font-weight:700;font-size:12px}.hero-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.btn{font-size:13px;padding:10px 16px}.btn:disabled{cursor:not-allowed;opacity:.5}.h-grid-stats,.h-grid-main{margin-bottom:0;gap:20px}.h-stat-card{padding:22px}.h-stat-card .num{font-size:32px;line-height:1.3}.h-stat-card .sub{font-size:12px}.h-stat-header{gap:12px;margin-bottom:0}.h-stat-card .label{font-size:13px}.h-icon-box{width:42px;height:42px}.h-quick-action{gap:11px;padding:15px 12px}.h-quick-action strong{display:block;color:var(--text-dark);font-size:15px}.h-quick-action small{color:var(--muted);font-size:12px}.card-heading{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:22px}.card-heading h2{margin:0;display:flex;align-items:center;gap:8px}.card-heading p{margin:5px 0 0;font-size:12px;color:var(--muted)}.stack{display:flex;flex-direction:column;gap:20px;min-width:0}.trend{height:175px;position:relative;margin-top:12px;display:flex;align-items:center;justify-content:center}.trend svg{width:100%;height:100%}.trend-empty{position:absolute;background:var(--panel);padding:6px 12px;color:var(--muted);font-size:12px}.chart-legend{display:flex;justify-content:space-between;gap:8px;color:var(--muted);font-size:11px}.chart-toggle{display:flex;gap:4px}.chart-toggle button{border:0;border-radius:4px;background:var(--bg);color:var(--muted);cursor:pointer;padding:5px 9px}.chart-toggle button.active{background:var(--accent);color:#fff}.donut-wrap{background:var(--bg);border:1px solid var(--line);border-radius:12px;text-align:center;padding:21px 12px}.donut-wrap p{font-size:12px;color:var(--muted);margin-bottom:10px}.donut{width:150px;height:150px;position:relative;margin:auto}.donut svg{width:100%;height:100%;transform:rotate(-90deg)}.donut-value{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column}.donut-value strong{font-size:32px}.donut-value small{color:var(--muted);font-size:10px}.h-mini-stats-grid{gap:10px;margin-top:15px}.mini-stat{padding:13px;border:1px solid var(--line);border-radius:9px;text-align:center;background:var(--bg)}.mini-stat strong{font-size:21px;display:block}.mini-stat span{font-size:11px;color:var(--muted)}.table-wrap{margin-top:0}table{min-width:650px}th,td{padding:14px 15px;vertical-align:middle}td small{display:block;color:var(--muted);font-size:11px;margin-top:4px}.empty-cell{text-align:center;height:158px;white-space:normal}.empty-cell strong{display:block;font-size:15px;color:var(--text-dark);margin:8px}.empty-cell p{margin:6px 0;color:var(--muted);font-size:12px}.empty-icon{display:inline-flex;color:var(--muted);margin:auto}.empty-icon svg{width:29px;height:29px}.badge{font-size:11px;padding:5px 9px;border-radius:6px;display:inline-flex;align-items:center;gap:5px;background:var(--accent-soft);color:var(--accent);white-space:nowrap}.badge.ok{color:var(--ok);background:#00b09015}.badge.warn{color:var(--warn);background:#f59e0b15}.badge.muted{background:var(--bg);color:var(--muted)}.toolbar{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:19px}.toolbar input{max-width:340px;flex:1;min-width:180px}.toolbar select{max-width:190px}.field-input,input:not([type=checkbox]):not([type=radio]),select,textarea{border:1px solid var(--line-strong);background:var(--bg);color:var(--text);border-radius:8px;padding:10px 12px;outline:none;font:inherit;font-size:13px;min-width:0}.search-bar input{border:0;padding:0;background:transparent}.field-input:focus,input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.icon-button{border:0;border-radius:7px;padding:7px 11px;background:var(--bg);color:var(--text);font-size:23px;cursor:pointer;line-height:1}.mobile-close{display:none}.notice{background:var(--accent-soft);border:1px solid var(--line);border-radius:9px;padding:13px 16px;display:flex;align-items:flex-start;gap:10px;color:var(--muted);font-size:12px;line-height:1.9}.notice svg{color:var(--accent);margin-top:2px}.notice p{margin:0}.notice strong{color:var(--text)}.notice.warning{background:#f59e0b0b}.page-footer{display:flex;justify-content:space-between;gap:12px;border-top:1px solid var(--line);padding:18px 28px;color:var(--muted);font-size:11px;margin:10px 28px 0}.muted{color:var(--muted)}.row-actions{display:flex;gap:6px}.row-actions button,.text-button{border:1px solid var(--line);background:var(--bg);color:var(--text);cursor:pointer;border-radius:6px;padding:6px 10px;font-size:12px}.text-button{color:var(--accent)}.section-title{display:flex;align-items:center;justify-content:space-between;gap:15px}.section-title h1{margin:0 0 6px}.section-title p{margin:0;color:var(--muted);font-size:13px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-grid label{display:flex;flex-direction:column;gap:8px;font-size:13px;font-weight:600}.form-grid small{font-size:11px;font-weight:400;color:var(--muted)}.span-2{grid-column:1/-1}.form-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:23px}.permission-list{display:grid;grid-template-columns:1fr 1fr;gap:10px;border:1px solid var(--line);padding:15px;border-radius:9px}.permission-list label{display:flex;flex-direction:row;align-items:center;font-weight:400;font-size:12px;gap:8px}.permission-list input{accent-color:var(--accent)}.field-caption{display:block;font-size:13px;font-weight:700;margin-bottom:8px}dialog{background:var(--panel);color:var(--text);border:1px solid var(--line-strong);border-radius:14px;width:min(650px,calc(100% - 28px));max-height:90vh;padding:25px;box-shadow:0 20px 70px #0005}dialog::backdrop{background:#0008;backdrop-filter:blur(3px)}.dialog-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:22px}.dialog-header h2{margin:7px 0 0;font-size:23px}.dialog-header .icon-button{font-size:25px}.dialog-help{font-size:12px;color:var(--muted);line-height:1.9;margin-bottom:20px}.dialog-error{font-size:12px;color:var(--bad);margin-top:15px}.dialog-error:empty{display:none}#toast{position:fixed;bottom:24px;left:24px;background:var(--panel);border:1px solid var(--accent);box-shadow:var(--shadow-hover);color:var(--text);padding:15px 20px;border-radius:10px;z-index:300;font-size:13px;max-width:calc(100% - 48px);display:none}#toast.show{display:block}.lookup-card{max-width:850px;width:100%;margin:15px auto}.lookup-head{text-align:center;margin-bottom:24px}.lookup-head .h-icon-box{margin:0 auto 18px;width:58px;height:58px}.lookup-head h2{font-size:24px}.lookup-head p{color:var(--muted);font-size:13px;line-height:1.9}.lookup-input{display:flex;gap:12px}.lookup-input input{flex:1;font-size:18px;text-align:center;letter-spacing:1px}.lookup-results{margin-top:23px}.detail-list{display:grid;grid-template-columns:140px minmax(0,1fr);gap:12px;font-size:13px}.detail-list dt{color:var(--muted)}.detail-list dd{margin:0;overflow-wrap:anywhere}.service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.service-card{display:flex;flex-direction:column;gap:13px;min-width:0}.service-card h2{margin:0}.service-card .amount{font-size:29px;font-weight:800}.service-card .amount small{font-size:13px;color:var(--muted);font-weight:400}.service-card .btn{margin-top:auto}.empty-block{padding:45px 24px;text-align:center}.empty-block>.h-icon-box{margin:0 auto 18px}.empty-block p{color:var(--muted);font-size:13px;line-height:1.9}.settings-layout{max-width:820px}.verify-result{margin-top:24px}.activity-list{display:flex;flex-direction:column}.activity-item{display:flex;gap:13px;padding:17px 0;border-bottom:1px solid var(--line);align-items:flex-start}.activity-item:last-child{border:0}.activity-item p{margin:0;font-size:13px}.activity-item small{display:block;color:var(--muted);font-size:11px;margin-top:6px}.activity-dot{width:9px;height:9px;background:var(--accent);border-radius:50%;flex-shrink:0;margin-top:5px}.support-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.support-grid h3{margin-bottom:8px}.support-grid p{font-size:13px;color:var(--muted);line-height:1.9;margin:0}.skip-link{position:fixed;top:-100px;right:15px;padding:12px;background:var(--panel);z-index:400}.skip-link:focus{top:10px}.table-count{font-size:12px;color:var(--muted)}.filter-empty{padding:12px;color:var(--muted)}.storage-error{color:var(--bad)}.print-only{display:none}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}@media(max-width:1200px){.hero-panel{align-items:flex-start;flex-direction:column}.hero-actions{justify-content:flex-start}.h-qa-grid{gap:9px}.search-bar{width:260px}.content-area{padding:22px}.h-grid-stats{gap:14px}}@media(max-width:1024px){.mobile-close{display:block;position:absolute;left:10px;top:12px}.sidebar{width:260px}.search-bar{width:250px}.sidebar-overlay{border:0}.topbar{min-height:66px}.h-grid-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.brand-wrap{padding-top:28px}.service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){body{font-size:14px}.topbar-actions{gap:8px}.user-profile .info{display:none}.user-profile{padding:0}.search-bar{width:145px;padding:8px}.search-bar input{font-size:11px}.topbar-start{gap:8px}.topbar{padding:9px 12px}.content-area{padding:18px 14px;gap:18px}.h-grid-stats{gap:12px}.h-stat-card{padding:15px}.h-stat-card .num{font-size:25px}.h-icon-box{width:32px;height:32px;border-radius:9px}.h-stat-header{gap:5px}.h-stat-card .label{font-size:11px}.h-stat-card .sub{font-size:10px}.h-grid-main{gap:18px}.hero-panel{padding:22px}.hero-panel h1{font-size:22px}.hero-panel p{font-size:12px}.hero-panel .hero-actions{flex-direction:row;margin-top:0}.hero-panel .hero-actions .btn{width:auto}.hero-actions .btn{font-size:12px;padding:10px}.h-qa-grid{grid-template-columns:1fr}.h-quick-action{padding:12px}.form-grid{grid-template-columns:1fr;gap:16px}.span-2{grid-column:auto}.permission-list{grid-template-columns:1fr}.service-grid,.support-grid{grid-template-columns:1fr}.section-title{align-items:flex-start;flex-wrap:wrap}.section-title h1{font-size:23px}.lookup-input{flex-direction:column}.lookup-input input{width:100%}.page-footer{padding:16px 0;margin:5px 15px 0;font-size:10px}.detail-list{grid-template-columns:90px minmax(0,1fr)}.card-heading{gap:8px;flex-wrap:wrap}.card-heading h2{font-size:18px}.h-mini-stats-grid{grid-template-columns:1fr 1fr}dialog{padding:20px}.hero-panel .hero-actions{width:auto}.hero-actions .btn:first-child{flex:1}.notif-count{font-size:8px}.toolbar input{max-width:none}.toolbar select{width:100%;max-width:none}.chart-legend{font-size:9px}}@media print{.sidebar,.topbar,.page-footer,#toast,#content,.sidebar-overlay{display:none!important}.app-shell{display:block}dialog[open]{position:static;display:block;width:100%;max-height:none;border:0;box-shadow:none;background:white;color:black}dialog::backdrop{display:none}.dialog-header button,.form-actions,.no-print{display:none!important}.print-only{display:block}.badge{border:1px solid #aaa}.notice{color:#333}.detail-list dt{color:#444}body{background:white}}

[hidden]{display:none!important}.small-note{font-size:11px;line-height:1.9;margin-top:16px;margin-bottom:0}.activity-body{min-width:0;flex:1}.activity-body h3{margin:12px 0 6px}.activity-body p{overflow-wrap:anywhere;line-height:1.9}.notification-actions{margin-top:12px;flex-wrap:wrap}.notification-actions .btn{padding:6px 10px;font-size:12px}.card,.h-stat-card,.h-grid-main>*{min-width:0}

/* Matched portal interaction layout: lookup, packages, client, sale, final summary. */
.portal-verify>label{display:block;font-weight:700;margin-bottom:12px}.portal-status-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:16px;margin:22px 0}.portal-status-grid .num{font-size:21px;overflow-wrap:anywhere}.portal-sale-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:22px;align-items:start}.portal-order-summary{position:sticky;top:90px}.portal-order-summary>.btn{width:100%}.portal-order-summary .detail-list{grid-template-columns:1fr 1fr;line-height:1.8;gap:14px}.portal-package-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.portal-package{display:flex;flex-direction:column;gap:9px;border:1px solid var(--line-strong);border-radius:12px;background:var(--bg);padding:18px;cursor:pointer;font-size:13px}.portal-package:has(input:checked){border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft);background:var(--accent-soft)}.portal-package input{accent-color:var(--accent);align-self:flex-start}.portal-package .package-title{font-size:19px;font-weight:800}.portal-package strong{font-size:23px;color:var(--accent)}.portal-package small{color:var(--muted)}.portal-list-filter{margin-bottom:18px}.portal-advanced{padding:16px;background:var(--bg);border:1px solid var(--line);border-radius:10px}.portal-sale-layout .card{min-width:0}.portal-sale-layout #retail-preview{font-size:12px}.portal-sale-layout .form-grid>div.span-2>label{display:flex;flex-direction:column;gap:8px}
@media(max-width:1200px){.portal-sale-layout{grid-template-columns:minmax(0,1fr) 260px}}@media(max-width:900px){.portal-sale-layout{grid-template-columns:1fr}.portal-order-summary{position:static}.portal-status-grid{grid-template-columns:1fr}.portal-order-summary .detail-list{grid-template-columns:1fr 1fr}}@media(max-width:520px){.portal-package-grid{grid-template-columns:1fr}.portal-status-grid .num{font-size:19px}}

.payment-confirmation{display:flex;flex-direction:column;align-items:center;gap:10px;width:100%;padding:18px;background:var(--panel);border:1px solid var(--line-strong);border-radius:14px}.payment-confirmation strong{font-size:32px;letter-spacing:8px;font-variant-numeric:tabular-nums}.payment-confirmation small{color:var(--muted)}#payment-gateway{width:100%}#payment-gateway:not([hidden]){display:grid;gap:16px}#payment-code-input{font-size:22px;letter-spacing:5px;text-align:center}
/* Shared agent/admin portal layout follows the inspected reference. */
.agent-login{display:grid;place-items:center;min-height:100vh;padding:32px}
.agent-login-card{max-width:760px;width:100%;background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:40px;text-align:center}
.agent-login-card form{max-width:410px;margin:30px auto;display:grid;gap:18px;text-align:right}
.agent-login-card form label{display:grid;gap:8px}.agent-login-card input{width:100%;padding:12px;border:1px solid var(--line-strong);background:var(--bg);color:var(--text);border-radius:8px}
.login-benefits{display:grid;grid-template-columns:1fr 1fr;gap:24px}.login-benefits p,.agent-login-card>p{color:var(--muted)}
.portal-router-panel .portal-status-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:24px}.portal-router-panel .h-stat-card{padding:16px;background:var(--bg)}
.portal-auth-code{margin:20px 0}.portal-auth-code strong{font-size:25px;letter-spacing:5px}
@media(max-width:650px){.agent-login-card{padding:24px}.login-benefits,.portal-router-panel .portal-status-grid{grid-template-columns:1fr}}