*{box-sizing:border-box}body{margin:0;background:#f7f4f3;color:#2b2025;font:14px/1.55 "Segoe UI",Arial,sans-serif}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:4px}a{color:#912d46}button,.button{cursor:pointer;border:1px solid #dfcdd0;background:#fff;border-radius:9px;padding:10px 15px;color:#622337;font-weight:650;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px}button:hover{background:#f9edef}button:disabled{opacity:.5;cursor:not-allowed}.primary{background:#8c2941;color:white;border-color:#8c2941}.danger{color:#b3263c}.layout{display:grid;grid-template-columns:242px minmax(0,1fr);min-height:100vh}aside{position:sticky;top:0;height:100vh;background:#29121c;color:#d5bfc5;padding:24px 18px;display:flex;flex-direction:column}.logo{width:205px;max-width:100%;margin-bottom:24px}.eyebrow{font-size:10px;text-transform:uppercase;letter-spacing:2px;font-weight:750;color:#aa7885}nav{display:grid;gap:6px;margin:20px 0}nav a{color:#d5bfc5;padding:11px 14px;text-decoration:none;border-radius:9px}nav a.active,nav a:hover{background:#512432;color:#f5d690}aside footer{margin-top:auto;font-size:12px;border-top:1px solid #56303c;padding-top:18px}aside footer strong{display:block;color:#fff;margin-bottom:10px}main{min-width:0;padding:32px 36px}header{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:26px}h1{font-size:30px;letter-spacing:-1px;margin:4px 0}h2{font-size:19px;margin:0 0 14px}h3{font-size:15px;margin:20px 0 10px}p{margin:8px 0 14px}.muted,small{color:#806d74}small{display:block;font-size:12px}section,.card{background:white;border:1px solid #eadfe1;border-radius:15px;padding:22px;margin-bottom:20px;box-shadow:0 4px 16px #46202e04}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.metric strong{display:block;font-size:27px;margin-top:12px}.metric{border-top:3px solid #ba7a85}.toolbar{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:18px}.toolbar input{flex:1;min-width:180px}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:13px}th{text-align:left;color:#8b707b;font-size:10px;letter-spacing:.8px;text-transform:uppercase;padding:12px;border-bottom:1px solid #e7dbde;background:#fcf8f8}td{padding:14px 12px;border-bottom:1px solid #f0e8ea;vertical-align:top}td small{max-width:360px;overflow-wrap:anywhere}td .actions{display:flex;gap:6px;flex-wrap:wrap}tbody tr:hover{background:#fdf9fa}.pill{display:inline-block;border-radius:7px;padding:4px 8px;background:#f1e9ed;color:#714255;font-size:11px;font-weight:700;white-space:nowrap}.pill.Completed,.pill.Paid,.pill.Active{background:#e3f4ec;color:#1e7053}.pill.Failed,.pill.Rejected,.pill.Suspended,.pill.Incomplete{background:#ffebec;color:#aa3041}.pill.Pending,.pill.Processing{background:#fff4d9;color:#82600e}.amount{font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:750}.field{display:grid;gap:7px;margin-bottom:16px;font-size:12px;font-weight:650}input,select,textarea{width:100%;padding:11px 12px;border:1px solid #dbcbd0;border-radius:8px;background:#fff;color:#30232a;min-width:0}textarea{min-height:95px;resize:vertical}input[type=checkbox]{width:auto}.check{display:flex;align-items:center;gap:9px;margin:14px 0}.grid{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.span{grid-column:1/-1}.notice{padding:13px 16px;background:#fff5dd;border:1px solid #eedba8;border-radius:9px;color:#75581b;margin:14px 0;font-size:13px}.empty{padding:40px;text-align:center;color:#806d74}.pagination{display:flex;justify-content:space-between;align-items:center;margin-top:18px}.pagination div{display:flex;gap:8px}.auth{max-width:440px;margin:9vh auto;padding:30px}.auth .logo{background:#29121c;padding:10px;border-radius:10px;width:100%;max-width:300px}.auth button{width:100%}dialog{border:1px solid #ddcbd1;border-radius:17px;padding:28px;width:min(800px,calc(100vw - 28px));max-height:90vh;overflow:auto;color:#30232a;background:#fff}dialog::backdrop{background:#210c18aa;backdrop-filter:blur(4px)}.close{float:right;border:0;font-size:22px;padding:0 8px}dialog h2{padding-right:30px}#modal-error,.error{color:#b3263c;white-space:pre-wrap}#toast:not(:empty){position:fixed;bottom:24px;right:24px;background:#31202a;color:#fff;padding:14px 24px;border-radius:10px;z-index:10}.delivery{white-space:pre-wrap;overflow-wrap:anywhere;padding:14px;background:#f8f2f4;border-radius:9px;margin:10px 0}.thumb{width:48px;height:42px;object-fit:contain;border-radius:6px;background:#f5f0f1}.service-name{display:flex;gap:12px;align-items:center}.image-preview{width:130px;height:90px;object-fit:contain;background:#f7f2f3;border-radius:8px}.security-key{font-family:monospace;word-break:break-all;user-select:all}.two-col{display:grid;grid-template-columns:1.4fr 1fr;gap:20px}@media(max-width:1000px){.layout{grid-template-columns:195px minmax(0,1fr)}main{padding:24px}.metrics{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.layout{display:block}aside{position:relative;height:auto;padding:16px}aside .logo{margin:0}nav{display:flex;overflow:auto;margin:12px 0 0}nav a{white-space:nowrap}aside footer{display:none}main{padding:18px}header{align-items:flex-start;flex-wrap:wrap}.grid,.two-col{grid-template-columns:1fr}.span{grid-column:auto}.metrics{gap:10px}.metric{padding:16px}.metric strong{font-size:23px}.auth{margin:40px 16px}h1{font-size:26px}}

/* Operations visual hierarchy and compact navigation. */
nav a{display:flex;align-items:center;gap:12px;border:1px solid transparent}nav a.active{border-color:#795044;box-shadow:inset 3px 0 #edc56e}nav a svg{flex:none;opacity:.85}header>div:last-child{display:flex;gap:8px}.overview-banner{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:30px 34px;margin-bottom:24px;border-radius:18px;color:#ffefe9;background:radial-gradient(circle at 85% 15%,#a34a5255,transparent 45%),linear-gradient(120deg,#321420,#64253a);box-shadow:0 10px 30px #4b182a14}.overview-banner .eyebrow{color:#ddb580}.overview-banner h2{font-size:27px;line-height:1.25;margin:12px 0;letter-spacing:-.6px}.overview-banner p{color:#d9bac3;margin:0;font-size:13px}.queue-indicator{border-left:1px solid #a46a6d55;padding-left:36px;min-width:210px}.queue-indicator strong{font-size:54px;display:block;line-height:1.1;color:#f3cf8c;font-weight:650}.queue-indicator span{display:block;color:#e7cbd2;font-size:12px;margin:8px 0 18px}.queue-indicator a{font-size:12px;color:#ffdeb0;text-decoration:none}.metric{position:relative;border-top:1px solid #eadfe1}.metric small{display:flex;align-items:center;gap:7px;font-size:11px}.metric-dot{width:7px;height:7px;background:#b2697e;border-radius:50%;flex:none}.metric:nth-child(2) .metric-dot{background:#bf8d32}.metric:nth-child(3) .metric-dot{background:#678cba}.metric:nth-child(4) .metric-dot{background:#478570}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.activity-chart{height:200px;display:flex;gap:12px;align-items:flex-end;padding-top:20px}.activity-chart>div{flex:1;text-align:center}.activity-chart strong{font-size:11px;color:#8c6a76}.bar-track{height:125px;display:flex;align-items:flex-end;justify-content:center;margin:7px 0 10px;border-bottom:1px solid #eadfe1}.bar-track i{display:block;width:60%;max-width:36px;border-radius:5px 5px 0 0;background:linear-gradient(#c88898,#873249)}.audit-item{display:flex;gap:12px;padding:12px 0;border-bottom:1px solid #f1e7ea;font-size:12px}.audit-dot{width:7px;height:7px;margin-top:6px;background:#bc8392;border-radius:50%}.audit-item strong{font-weight:600}.audit-item small{font-size:11px;margin-top:2px}.auth{box-shadow:0 20px 70px #52223912}.auth .primary:hover,.primary:hover{background:#76243b;color:#fff}.toolbar>.field{margin:0}.toolbar{align-items:end}
@media(max-width:700px){nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));overflow:visible;gap:4px}nav a{font-size:10px;padding:9px 2px;flex-direction:column;gap:5px;white-space:normal;text-align:center}nav a.active{box-shadow:none}aside .eyebrow{display:none}.overview-banner{padding:24px;gap:18px}.overview-banner h2{font-size:23px}.queue-indicator{min-width:130px;padding-left:20px}.queue-indicator strong{font-size:40px}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:420px){.overview-banner{display:block}.queue-indicator{border-left:0;border-top:1px solid #a46a6d55;margin-top:18px;padding:16px 0 0}.queue-indicator strong{display:inline-block;font-size:30px;margin-right:10px}.queue-indicator span{display:inline}.queue-indicator a{display:block;margin-top:10px}.metric strong{font-size:20px}}

.input-preview{padding:18px;border:1px dashed #d2b1bd;background:#fcf7f8;border-radius:10px;margin:16px 0}.input-preview .eyebrow{display:block;margin-bottom:14px}.input-preview .field:last-child{margin:0}.input-preview input{background:#fff;color:#795963}.cms-columns{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:18px}.cms-column{padding:18px;border:1px solid #e4dce0;border-radius:14px;background:#fbf9fa;min-width:0}.cms-banner{width:100%;aspect-ratio:8/3;object-fit:cover;border-radius:10px;background:#25121b}.cms-service{display:flex;gap:8px;align-items:center;border-bottom:1px solid #eadfe4;padding:10px 0}.cms-service>span{flex:1;min-width:0}.cms-service button{padding:6px 10px}.cms-media{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;max-height:390px;overflow:auto}.cms-media figure{margin:0;min-width:0}.cms-media img{width:100%;height:85px;object-fit:contain;background:#21131a;border-radius:8px}.cms-media figcaption{font-size:10px;overflow-wrap:anywhere}.cms-media [hidden]{display:none}.cms-column .section-heading{flex-wrap:wrap}.cms-column h3{margin-top:20px}
.field-card{padding:18px;margin:12px 0;border:1px solid var(--border,#dce2eb);border-radius:12px;background:var(--bg,#f7f9fc)}.field-card textarea{min-height:65px}#field-builder{margin:20px 0}#field-builder .section-heading{gap:12px;flex-wrap:wrap}#modal{width:min(900px,94vw)}.field-card .grid{grid-template-columns:repeat(2,minmax(0,1fr))}@media(max-width:600px){.field-card .grid{grid-template-columns:1fr}.field-card{padding:12px}}
[hidden]{display:none!important}
.order-workspace{border-top:1px solid #eee2e6;padding-top:18px;margin-bottom:20px}.queue-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.queue-tabs button{font-size:12px}.queue-tabs button[aria-pressed=true]{background:#622337;color:#fff;border-color:#622337}.queue-tabs strong{background:#b7809220;border-radius:5px;padding:2px 7px}.workspace-filters{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.saved-view-bar{display:flex;align-items:end;gap:8px;flex-wrap:wrap}.saved-view-bar .field{margin:0;min-width:190px;flex:1}.saved-view-bar button{font-size:12px}.order-workspace>p{font-size:11px;margin-bottom:0}.attention-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.attention-grid button{display:flex;flex-direction:column;align-items:flex-start;text-align:left;padding:18px;background:#fcf8fa;border-color:#eddee4}.attention-grid button>span{font-size:12px;color:#806573}.attention-grid strong{font-size:30px;color:#622337;font-weight:650}.attention-grid small{font-size:11px}.attention-center h2{margin-top:5px}.workspace-result{display:flex;width:100%;justify-content:space-between;text-align:left;margin-top:8px;gap:16px}.workspace-result>span:first-child{min-width:0;overflow-wrap:anywhere}.workspace-result>span:last-child{flex-shrink:0;font-size:11px}.workspace-result small{font-weight:400}.workspace-shortcuts{display:flex;flex-wrap:wrap;gap:8px}kbd{font:10px "Segoe UI",sans-serif;border:1px solid #dfcdd0;border-radius:4px;padding:2px 5px;color:#806d74}aside{overflow-y:auto}header>div:last-child{flex-wrap:wrap}.attention-center .section-heading{flex-wrap:wrap}.pill.Urgent{background:#ffebec;color:#aa3041}.pill.High{background:#fff4d9;color:#82600e}@media(max-width:1150px){.workspace-filters{grid-template-columns:repeat(3,minmax(0,1fr))}.attention-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.workspace-filters{grid-template-columns:1fr 1fr}.saved-view-bar .field{flex-basis:100%}.saved-view-bar button{flex:1}.queue-tabs button{flex:1 1 42%}.attention-grid{gap:8px}.attention-grid button{padding:12px}.attention-grid strong{font-size:25px}#workspace-search-button kbd{display:none}}
#content pre{max-width:100%;white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px}#content code{overflow-wrap:anywhere}#content .actions{flex-wrap:wrap}#content select[multiple]{min-height:220px}#content details>summary{cursor:pointer}
.service-steps{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:0;margin:22px 0}.service-steps button{display:flex;align-items:center;gap:8px;width:100%;height:100%;font-size:12px;text-align:left;padding:10px}.service-steps button span{display:grid;place-items:center;flex:0 0 25px;height:25px;border-radius:50%;background:#f2e7eb}.service-steps button[aria-current=step]{border-color:#8c3150;background:#f9eff2;color:#70243f}.service-steps button[aria-current=step] span{background:#70243f;color:white}.service-category-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0}.service-category-grid button{text-align:left;display:flex;flex-direction:column;gap:7px;white-space:normal;padding:18px;border:2px solid #e7dce0}.service-category-grid button[aria-pressed=true]{border-color:#8c3150;background:#fbf0f4}.service-category-grid small{font-weight:400;line-height:1.5}.service-category-grid span{font-size:12px;color:#806575}.service-flow-actions{display:flex;justify-content:space-between;align-items:center;gap:12px;position:sticky;bottom:-28px;padding:16px 0;background:white;border-top:1px solid #e7dce0;margin-top:24px}.service-flow-actions span{font-size:12px;color:#806575}.service-review-card{padding:20px;background:#faf5f7;border:1px solid #eadde2;border-radius:12px}.service-customer-preview{border:1px dashed #cdb6c0;border-radius:12px;padding:18px;margin-top:12px}.service-customer-preview input:disabled,.service-customer-preview select:disabled,.service-customer-preview textarea:disabled{opacity:1;color:#58444c;background:#faf8f9}#service [data-flow-panel]{padding:0;border:0;box-shadow:none}#service [data-flow-panel]>h3:focus{outline:none}@media(max-width:600px){.service-steps{grid-template-columns:1fr 1fr}.service-category-grid{grid-template-columns:1fr}.service-flow-actions{bottom:-28px;flex-wrap:wrap}.service-flow-actions span{display:none}}

.authenticator-qr{width:min(280px,100%);margin:20px auto;background:#fff;padding:8px;border-radius:12px;border:1px solid #ddd;box-sizing:border-box}.authenticator-qr svg{display:block;width:100%;height:auto}#factor-enable input{font-size:22px;letter-spacing:.15em}#modal-body details{margin:16px 0}#modal-body details summary{cursor:pointer;font-weight:600}

#modal:has(#provider-import-list),#modal:has(#provider-import-confirm){width:min(1180px,calc(100vw - 28px))}.provider-import-list{max-height:48vh;overflow:auto;margin:16px 0}.provider-import-list td:first-child{min-width:260px}.provider-import-list select{min-width:160px}.provider-import-list input[type=number]{min-width:120px}.provider-import-list .check{align-items:flex-start}.provider-import-list small{display:block;line-height:1.5}#provider-import-count{font-weight:700;color:#862c48}
