:root { --qt-ink:#132d3b; --qt-teal:#087e78; --qt-mint:#d7f5e6; --qt-paper:#f3f6f7; --bs-primary:#087e78; --bs-primary-rgb:8,126,120; --bs-link-color:#087e78; --bs-link-hover-color:#065e59; --tblr-primary:#087e78; --tblr-primary-rgb:8,126,120; }
body { font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; letter-spacing:-.015em; }
html[data-bs-theme="light"] body, html:not([data-bs-theme]) body { background:var(--qt-paper); color:var(--qt-ink); }
.qt-brand { display:inline-flex; align-items:center; gap:11px; color:var(--qt-ink); font-size:25px; font-weight:800; letter-spacing:-1.1px; text-decoration:none; white-space:nowrap; }
.qt-brand:hover { color:var(--qt-teal); }
.qt-mark { display:inline-grid; place-items:center; width:39px; height:39px; border-radius:12px; background:var(--qt-teal); color:white; font-size:26px; font-weight:800; letter-spacing:-2px; line-height:1; padding-right:2px; }
.qt-brand-label { display:flex; flex-direction:column; line-height:1.12; }
.qt-brand-label small { font-size:9px; font-weight:650; letter-spacing:2.4px; text-transform:uppercase; color:#647d87; margin-top:5px; }
body > .container { max-width:1240px; }
header .navbar { min-height:108px; }
.navbar .nav-link { font-size:14px; font-weight:600; }
.btn { border-radius:10px; font-weight:650; padding:.7rem 1.15rem; transition:background .15s,transform .15s; }
.btn-primary { --bs-btn-bg:var(--qt-teal); --bs-btn-border-color:var(--qt-teal); --bs-btn-hover-bg:#06635e; --bs-btn-hover-border-color:#06635e; --bs-btn-active-bg:#05554f; --bs-btn-active-border-color:#05554f; --tblr-btn-bg:var(--qt-teal); --tblr-btn-border-color:var(--qt-teal); background-color:var(--qt-teal); border-color:var(--qt-teal); color:white; }
.btn-outline-primary { --bs-btn-color:var(--qt-teal); --bs-btn-border-color:var(--qt-teal); --bs-btn-hover-bg:var(--qt-teal); --bs-btn-hover-border-color:var(--qt-teal); }
.btn:focus-visible,a:focus-visible { outline:3px solid #2bc4ad; outline-offset:4px; }
.card { border:1px solid #dde6e9; border-radius:17px; box-shadow:0 5px 20px #132d3b05; }
.card-header { background:transparent; border-bottom-color:#e5edef; padding:1.15rem 1.4rem; }
.card-body { padding:1.5rem; }
.form-control,.form-select { border-radius:10px; min-height:44px; border-color:#d2dfe3; }
.form-control:focus,.form-select:focus { border-color:var(--qt-teal); box-shadow:0 0 0 3px #087e781a; }
.breadcrumb { font-size:13px; padding-bottom:10px; }
.qt-eyebrow { display:flex; align-items:center; gap:9px; font-size:11px; font-weight:750; letter-spacing:2px; text-transform:uppercase; }
.qt-eyebrow::before { content:""; width:7px; height:7px; border-radius:50%; background:#84debb; }
.qt-hero { display:grid; grid-template-columns:1.2fr 1fr; gap:45px; align-items:center; padding:54px; background:#142f3d; color:#fff; border-radius:25px; position:relative; overflow:hidden; margin-bottom:24px; }
.qt-hero::after { content:""; position:absolute; width:340px; height:340px; border:1px solid #ffffff0c; border-radius:50%; right:-160px; top:-130px; pointer-events:none; }
.qt-hero h1 { color:#fff; font-size:clamp(34px,4vw,54px); line-height:1.08; font-weight:750; letter-spacing:-2px; margin:23px 0 19px; }
.qt-hero h1 em { color:#a1e7c6; font-style:normal; }
.qt-hero p { color:#bed0d8; font-size:15px; line-height:1.85; max-width:410px; margin-bottom:26px; }
.qt-actions { display:flex; flex-wrap:wrap; gap:10px; }
.qt-hero .btn-primary { background:#b8efce; border-color:#b8efce; color:#123629; }
.qt-hero .btn-primary:hover { background:#d4f9e1; border-color:#d4f9e1; }
.qt-hero .qt-secondary { color:#e0edf2; border:1px solid #ffffff35; }
.qt-hero .qt-secondary:hover { background:#ffffff10; border-color:#ffffff60; }
.qt-hero-note { margin-top:24px; color:#a4bac4; font-size:11px; letter-spacing:.2px; }
.qt-console { background:#ffffff09; border:1px solid #ffffff20; border-radius:17px; padding:24px; transform:rotate(2deg); position:relative; }
.qt-console-top { display:flex; justify-content:space-between; align-items:center; margin-bottom:25px; }
.qt-console-top span { font-size:10px; font-weight:700; letter-spacing:1.5px; color:#bfd2db; }
.qt-console-top b { color:#a1e7c6; font-size:11px; border:1px solid #a1e7c63b; padding:5px 9px; border-radius:30px; }
.qt-console-row { display:flex; gap:13px; align-items:center; padding:15px 0; border-top:1px solid #ffffff13; }
.qt-console-icon { width:37px; height:37px; border-radius:11px; background:#a1e7c615; color:#b8efce; display:grid; place-items:center; flex-shrink:0; }
.qt-console-row strong { display:block; font-size:14px; color:#edf7fa; font-weight:600; }
.qt-console-row small { display:block; font-size:11px; color:#9fb9c6; margin-top:4px; }
.qt-console-row .qt-arrow { margin-left:auto; color:#8aadaf; }
.qt-services { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; margin-bottom:32px; }
.qt-service { padding:24px; border:1px solid #dce6e9; border-radius:17px; background:#fff; }
.qt-service > span { display:block; color:var(--qt-teal); font-size:11px; font-weight:750; letter-spacing:1px; margin-bottom:16px; }
.qt-service h2 { font-size:17px; font-weight:700; color:var(--qt-ink); margin-bottom:10px; }
.qt-service p { color:#647d87; font-size:13px; line-height:1.75; margin:0; }
.qt-welcome { padding:24px 28px; background:var(--qt-ink); color:white; border-radius:17px; margin-bottom:24px; }
.qt-welcome h1 { font-size:25px; color:white; margin:0 0 8px; }
.qt-welcome p { color:#c6d8df; margin:0; }
.qt-access-note { padding:15px 18px; border:1px solid #d3e7df; border-radius:11px; background:#f0faf5; color:#244e43; font-size:13px; margin-bottom:22px; line-height:1.7; }
.qt-access-note a { color:#087468; font-weight:700; }
#footer { padding:26px 0; border-top:1px solid #dce5e9; line-height:1.8; }
.qt-admin-link { display:block; text-align:center; font-size:12px; margin-top:12px; color:#647d87; }
.page-center { background:radial-gradient(ellipse at 12% 10%,#087e7818,transparent 52%),var(--qt-paper); min-height:100vh; }
.page-center .container-tight { max-width:460px; }
.page-center .card { box-shadow:0 20px 65px #132d3b0c; }
.page-center .card-body { padding:34px; }
.page-center .h2 { font-size:25px; font-weight:720; letter-spacing:-.8px; }
.page-center .form-label { font-size:13px; font-weight:650; }
.page-center .form-footer .btn { width:100%; }
.page-login > .container { min-height:100vh; display:flex; align-items:center; justify-content:center; padding-top:40px; padding-bottom:40px; }
.page-login > .container > .row { width:100%; }
.page-login .col-lg-4 { min-width:min(460px,100%); }
.page-login .qt-brand { margin:0 0 30px; }
.border-top-wide { border-top:0!important; }
html[data-bs-theme="dark"] body { background:#0e202b; color:#d6e5eb; }
[data-bs-theme="dark"] .qt-brand { color:#eef7fa; }
[data-bs-theme="dark"] .card,[data-bs-theme="dark"] .qt-service { background:#162d3b; border-color:#304653; }
[data-bs-theme="dark"] .qt-service h2 { color:#e9f4f7; }
[data-bs-theme="dark"] .qt-service p { color:#a8c0cd; }
[data-bs-theme="dark"] .qt-access-note { background:#163b35; border-color:#31564c; color:#c6ebdd; }
[data-bs-theme="dark"] .qt-access-note a { color:#a1e7c6; }
[data-bs-theme="dark"] .page-center { background:#0e202b; }
@media(min-width:768px) { body.dashboard > .container > .container > .row > .col-md-9.mx-auto { width:100%; } }
@media(max-width:767px) { .qt-hero { grid-template-columns:1fr; padding:30px 23px; gap:30px; border-radius:18px; } .qt-hero h1 { font-size:38px; letter-spacing:-1.5px; } .qt-console { transform:none; padding:20px; } .qt-services { grid-template-columns:1fr; gap:12px; } .qt-service { padding:22px; } header .navbar { min-height:88px; } .qt-brand { font-size:23px; } .qt-hero p { font-size:14px; } .page-center .card-body { padding:26px; } }
@media(prefers-reduced-motion:reduce) { .btn { transition:none; } }

/* Shared application components: customer area, checkout, and administration. */
.qt-client { --bs-border-color:#dce6e9; --bs-tertiary-bg:#edf3f4; --bs-emphasis-color:#132d3b; }
.qt-page-heading { margin:0 0 26px; padding:26px 0 22px; border-bottom:1px solid #dce6e9; }
.qt-page-heading .qt-eyebrow { color:#53717c; font-size:10px; }
.qt-page-heading h1 { font-size:clamp(27px,3vw,37px); font-weight:750; letter-spacing:-1.2px; margin:12px 0 9px; }
.qt-page-heading p { margin:0; color:#657e89; font-size:14px; line-height:1.7; max-width:650px; }
.qt-client .content-block { padding-bottom:12px; }
.qt-client #sidebarMenu { background:#fff; border:1px solid #dce6e9; border-radius:17px; padding:17px 10px; }
.qt-client #sidebarMenu .nav-link { color:#526d7a; padding:12px 14px; border-radius:10px; font-size:13px; font-weight:600; margin:2px 0; }
.qt-client #sidebarMenu .nav-link:hover { background:#f0f6f5; color:#087e78; }
.qt-client #sidebarMenu .nav-link.active { background:#e1f3ec; color:#096751; }
.qt-client #sidebarMenu .nav-link .icon { width:18px; height:18px; opacity:.8; }
.qt-client .navbar .nav-link.active { color:var(--qt-teal); }
.table { --bs-table-bg:transparent; --bs-table-border-color:#e2eaed; --bs-table-striped-bg:#f5f9f9; --bs-table-hover-bg:#f0f7f6; font-size:13px; margin-bottom:0; }
.table > :not(caption) > * > * { padding:14px 18px; vertical-align:middle; }
.table thead th { background:#edf3f4; color:#54717c; font-size:10px; font-weight:750; letter-spacing:1px; text-transform:uppercase; border-bottom:1px solid #dce6e9; white-space:nowrap; }
.table tbody tr:last-child td { border-bottom:0; }
.card .table-responsive { border-radius:0 0 17px 17px; }
.table caption { color:#647d87; padding:14px 18px; }
.badge { border-radius:7px; font-size:10px; letter-spacing:.3px; font-weight:700; padding:6px 9px; }
.badge.bg-success,.badge.bg-success-lt { background:#e0f4e9!important; color:#166348!important; }
.badge.bg-warning,.badge.bg-warning-lt { background:#fff1d7!important; color:#895c08!important; }
.badge.bg-danger,.badge.bg-danger-lt { background:#fce8e7!important; color:#a83a38!important; }
.badge.bg-primary,.badge.bg-primary-lt { background:#e1f3f1!important; color:#096d67!important; }
.form-label { font-size:13px; font-weight:650; margin-bottom:8px; }
.form-text { font-size:12px; line-height:1.65; color:#6b818b; }
textarea.form-control { min-height:120px; line-height:1.7; }
.input-group-text { background:#edf3f4; color:#526e7b; border-color:#d2dfe3; }
.form-check-input:checked { background-color:var(--qt-teal); border-color:var(--qt-teal); }
.nav-tabs { border-bottom-color:#dce6e9; gap:4px; }
.nav-tabs .nav-link { border:0; border-bottom:2px solid transparent; color:#627c88; padding:15px 19px; border-radius:0; font-size:13px; font-weight:650; }
.nav-tabs .nav-link.active { color:var(--qt-teal); background:transparent; border-color:var(--qt-teal); }
.nav-pills .nav-link { border-radius:10px; }
.nav-pills .nav-link.active { background:var(--qt-teal); color:#fff; }
.list-group-item { border-color:#e4ecee; padding:16px 20px; background:transparent; }
.list-group-item-action:hover { background:#f1f8f6; }
.pagination { gap:5px; }
.page-link { border:1px solid #dde7ea; border-radius:8px!important; color:var(--qt-teal); padding:8px 13px; }
.active>.page-link { background:var(--qt-teal); border-color:var(--qt-teal); color:#fff; }
.alert { border-radius:12px; padding:17px 20px; line-height:1.7; font-size:13px; }
.alert-info { color:#245a65; border-color:#cce4e9; background:#eef8fa; }
.alert-warning { color:#785b19; border-color:#f0dfb6; background:#fffaee; }
.alert-danger { color:#963c3a; border-color:#edcecc; background:#fff2f1; }
.alert-success { color:#285f49; border-color:#cbe6d9; background:#eff9f3; }
.dropdown-menu { border:1px solid #dce6e9; border-radius:12px; box-shadow:0 12px 32px #132d3b18; padding:7px; z-index:1050; }
.dropdown-item { border-radius:7px; padding:9px 12px; font-size:13px; }
.dropdown-item:hover,.dropdown-item:focus { background:#e9f5f0; color:#09664f; }
.modal-content { border:1px solid #dce6e9; border-radius:19px; box-shadow:0 25px 75px #132d3b25; }
.modal-header,.modal-footer { border-color:#e0e9ec; padding:20px 24px; }
.modal-body { padding:24px; }
.modal-title { font-weight:700; font-size:20px; letter-spacing:-.5px; }
.toast { border:1px solid #dce6e9; border-radius:12px; box-shadow:0 10px 30px #132d3b1a; }
.accordion-item { border-color:#dce6e9; }
.accordion-button:not(.collapsed) { background:#edf7f2; color:#14614e; box-shadow:none; }
.qt-auth-intro { text-align:center; margin:0 0 25px; color:#6a818a; font-size:13px; line-height:1.8; }
.qt-auth-footer { text-align:center; margin:22px 0 0; font-size:12px; color:#6b818b; }
:is(.page-signup,.page-password-reset) > .container { min-height:100vh; padding-top:46px; padding-bottom:46px; }
:is(.page-signup,.page-password-reset) .row.justify-content-center { min-height:calc(100vh - 92px); }
:is(.page-signup,.page-password-reset) .qt-brand { margin-bottom:28px; }
.page-signup .col-lg-4 { width:min(100%,560px); }
.page-password-reset .col-lg-4 { width:min(100%,460px); }
:is(.page-signup,.page-password-reset,.page-login) .card { box-shadow:0 18px 55px #132d3b08; }
:is(.page-signup,.page-password-reset,.page-login) h5 { font-size:25px; font-weight:750; letter-spacing:-.7px; }
.qt-workspace-label { display:flex; justify-content:space-between; align-items:center; color:#627c87; font-size:10px; font-weight:750; letter-spacing:1.6px; text-transform:uppercase; padding:0 0 20px; margin-bottom:20px; border-bottom:1px solid #dce6e9; }
.qt-workspace-label span { font-size:11px; font-weight:500; letter-spacing:0; text-transform:none; }
.qt-admin .page-wrapper > header.navbar { background:#142f3d; color:#e4eff3; box-shadow:none; border:0; min-height:88px; }
.qt-admin .page-wrapper > header.navbar .qt-brand { color:white; }
.qt-admin .page-wrapper > header.navbar .qt-brand-label small { color:#a1c1ca; }
.qt-admin .page-wrapper > header.navbar .text-muted { color:#b1c5ce!important; }
.qt-admin .page-wrapper > header.navbar .nav-link { color:#e4eff3; }
.qt-admin .page-wrapper > header.navbar .text-dark { color:#d3e6ed!important; }
.qt-admin .page-wrapper > header.navbar .btn { color:#dbedf0; background:#ffffff0a; border-color:#ffffff20; }
.qt-admin .page-wrapper > header.navbar .btn:hover { background:#ffffff18; }
.qt-admin .page-wrapper > header.navbar .navbar-toggler { color:#e4eff3; border-color:#ffffff35; }
.qt-admin .sticky-nav { background:#fff; border-bottom:1px solid #dce6e9; }
.qt-admin .sticky-nav .navbar { min-height:58px; box-shadow:none; }
.qt-admin .sticky-nav .nav-link { padding:18px 15px; color:#5a7380; font-size:12px; font-weight:650; }
.qt-admin .sticky-nav .nav-item.active > .nav-link { color:var(--qt-teal); background:#edf7f2; }
.qt-admin .page-body { padding-top:30px; }
.qt-admin .page-title,.qt-admin .page-header h1 { color:var(--qt-ink); font-weight:750; letter-spacing:-.8px; }
.qt-admin .card-title { font-size:15px; font-weight:700; letter-spacing:-.3px; }
.qt-admin .card-header-tabs { margin:0; }
.qt-admin .footer { margin-top:24px; border-top:1px solid #dce6e9; font-size:11px; color:#718590; padding-top:25px; }
.qt-admin .footer p { margin-bottom:9px; }
.qt-admin .avatar { border-radius:10px; background:#dcf0e6; color:#16634c; }
.qt-admin .btn-sm { padding:6px 11px; font-size:12px; }
.qt-admin .btn-icon { padding:8px; }
.qt-error { max-width:650px; margin:45px auto; text-align:center; background:white; border:1px solid #dce6e9; border-radius:24px; padding:50px 28px; }
.qt-error-number { color:var(--qt-teal); font-size:85px; font-weight:800; letter-spacing:-5px; line-height:1; margin:15px 0 25px; }
.qt-error h1 { font-size:28px; font-weight:750; letter-spacing:-.8px; }
.qt-error p { color:#6a818c; line-height:1.8; font-size:14px; overflow-wrap:anywhere; }
.qt-error .qt-actions { justify-content:center; margin-top:25px; }
.qt-checkout-header { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:15px; padding:24px; max-width:1200px; margin:auto; }
.qt-checkout-header > span { color:#617c88; font-size:12px; }
.qt-invoice-print { max-width:1000px; margin:35px auto; background:white; padding:32px; border-top:5px solid var(--qt-teal); }
.qt-invoice-print .qt-brand { margin-bottom:24px; }
.qt-invoice-print #invoice-title { font-size:30px; font-weight:750; letter-spacing:-1px; }
.qt-skip-link { position:fixed; top:-90px; left:16px; z-index:2000; padding:12px 20px; background:#087e78; color:white; border-radius:0 0 10px 10px; }
.qt-skip-link:focus { top:0; color:white; }
.qt-page-heading:empty { display:none; }
/* Retain readable colors in the existing dark-mode controls. */
[data-bs-theme="dark"] .qt-client { --bs-emphasis-color:#e2eff4; --bs-border-color:#314a58; --bs-tertiary-bg:#1a3544; }
[data-bs-theme="dark"] .table { --bs-table-striped-bg:#193442; --bs-table-hover-bg:#1c3c49; --bs-table-border-color:#314a58; color:#dce9ef; }
[data-bs-theme="dark"] .table thead th { background:#183443; color:#afc7d3; border-color:#36515e; }
[data-bs-theme="dark"] .card-header,[data-bs-theme="dark"] .card-footer { border-color:#314a58; }
[data-bs-theme="dark"] .qt-client #sidebarMenu,[data-bs-theme="dark"] .dropdown-menu,[data-bs-theme="dark"] .modal-content,[data-bs-theme="dark"] .qt-error { background:#162d3b; border-color:#314a58; }
[data-bs-theme="dark"] .qt-client #sidebarMenu .nav-link { color:#bad0da; }
[data-bs-theme="dark"] .qt-client #sidebarMenu .nav-link.active { background:#204c46; color:#b8efce; }
[data-bs-theme="dark"] .qt-admin .sticky-nav,[data-bs-theme="dark"] .qt-admin .sticky-nav .navbar { background:#193442; border-color:#314a58; }
[data-bs-theme="dark"] .qt-admin .sticky-nav .nav-link { color:#b9ced7; }
[data-bs-theme="dark"] .qt-admin .sticky-nav .nav-item.active > .nav-link { color:#b8efce; background:#204c46; }
[data-bs-theme="dark"] .qt-admin .page-title { color:#e2eff4; }
[data-bs-theme="dark"] .qt-workspace-label,[data-bs-theme="dark"] .qt-page-heading { border-color:#314a58; }
[data-bs-theme="dark"] .list-group-item-action:hover,[data-bs-theme="dark"] .dropdown-item:hover { background:#214b43; color:#c9f0dc; }
@media(max-width:767px) {
    .qt-page-heading { padding-top:15px; margin-bottom:20px; }
    .qt-page-heading h1 { font-size:28px; }
    .table > :not(caption) > * > * { padding:12px; }
    .card-body { padding:20px; }
    .modal-body { padding:20px; }
    .qt-workspace-label { padding-bottom:15px; margin-bottom:15px; }
    .qt-workspace-label span { display:none; }
    .qt-admin .page-wrapper > header.navbar { min-height:76px; }
    .qt-admin .qt-brand-label { font-size:21px; }
    .qt-admin .qt-brand-label small { font-size:8px; letter-spacing:1.5px; }
    .qt-admin .sticky-nav .nav-link { padding:12px 16px; }
    .qt-admin .table-responsive { max-width:100%; }
    .qt-client .card .d-flex { flex-wrap:wrap; }
    .qt-invoice-print { padding:18px; margin:15px; }
}
@media print {
    body,.qt-invoice-print { background:white!important; color:#142f3d!important; }
    .qt-invoice-print { padding:0; margin:0; border:0; max-width:none; }
    .qt-invoice-print .card { box-shadow:none; break-inside:avoid; }
    .qt-invoice-print .table th,.qt-invoice-print .table td { padding:8px; color:#142f3d!important; }
    .qt-invoice-print a { color:#142f3d; text-decoration:none; }
    .qt-skip-link,.qt-invoice-print .btn { display:none!important; }
}

/* Dedicated service catalog and ordering workspace. */
.qt-order-page .qt-page-heading { display:none; }
.qt-order-hero { background:#142f3d; border-radius:24px; display:grid; grid-template-columns:1.4fr 1fr; align-items:center; gap:32px; padding:43px 49px; color:#fff; overflow:hidden; }
.qt-order-hero h1 { color:#fff; font-size:clamp(35px,4vw,52px); line-height:1.1; letter-spacing:-1.8px; font-weight:750; margin:20px 0 16px; }
.qt-order-hero h1 em { color:#b8efce; font-style:normal; }
.qt-order-hero p { color:#b9d0db; font-size:14px; line-height:1.9; margin:0; }
.qt-order-symbol { position:relative; min-height:215px; display:flex; align-items:center; justify-content:center; flex-direction:column; }
.qt-order-symbol > span { font-size:112px; font-weight:800; letter-spacing:-9px; color:#b8efce; z-index:1; line-height:1.2; }
.qt-order-orbit { position:absolute; width:210px; height:210px; border:1px solid #b8efce25; border-radius:50%; transform:rotate(-25deg); }
.qt-order-orbit::before { content:""; position:absolute; width:245px; height:120px; border:1px solid #b8efce35; border-radius:50%; top:40px; left:-18px; }
.qt-order-orbit::after { content:""; position:absolute; width:10px; height:10px; background:#b8efce; border-radius:50%; right:5px; top:58px; }
.qt-order-symbol small { color:#8aabb9; font-size:9px; font-weight:650; letter-spacing:1.6px; margin-top:10px; z-index:1; }
.qt-order-steps { list-style:none; display:flex; gap:30px; padding:25px 4px; margin:0 0 22px; border-bottom:1px solid #dce6e9; }
.qt-order-steps li { color:#728a95; font-size:12px; font-weight:600; display:flex; align-items:center; gap:10px; }
.qt-order-steps li > span { background:#e7edef; color:#82949c; border-radius:50%; width:29px; height:29px; display:grid; place-items:center; font-size:10px; }
.qt-order-steps li.active { color:#096d61; }
.qt-order-steps li.active > span { background:#dcefe5; color:#096d61; }
.qt-order-grid { display:grid; grid-template-columns:minmax(0,2fr) minmax(240px,1fr); gap:27px; margin-bottom:36px; }
.qt-catalog-heading { display:flex; align-items:center; justify-content:space-between; padding:10px 0 23px; gap:15px; }
.qt-section-kicker { color:#748d98; font-size:9px; letter-spacing:1.7px; font-weight:750; }
.qt-catalog-heading h2 { font-size:28px; font-weight:750; letter-spacing:-.8px; margin:9px 0 0; }
.qt-order-empty { background:#fff; border:1px solid #dce6e9; border-radius:20px; padding:42px 30px; text-align:center; }
.qt-empty-icon { display:grid; place-items:center; width:59px; height:59px; background:#edf6f0; color:#087e78; border:1px solid #d6e9dd; border-radius:17px; font-size:29px; margin:0 auto 22px; }
.qt-coming-soon { display:inline-block; color:#658170; background:#f1f6ed; border:1px solid #e1e9d9; border-radius:5px; padding:5px 9px; font-size:9px; letter-spacing:1.3px; font-weight:750; }
.qt-order-empty h3 { font-size:31px; line-height:1.2; letter-spacing:-1px; font-weight:750; margin:19px 0 15px; }
.qt-order-empty p { color:#708591; font-size:13px; line-height:1.9; max-width:340px; margin:0 auto 24px; }
.qt-empty-note { font-size:11px; color:#81939b; border-top:1px solid #edf1f2; margin-top:29px; padding-top:20px; line-height:1.8; }
.qt-empty-note a { font-weight:650; }
.qt-order-help { background:#e5f1eb; border:1px solid #d4e5dc; border-radius:18px; padding:26px; }
.qt-help-icon { display:grid; place-items:center; width:36px; height:36px; border-radius:10px; background:#cde4d6; color:#23684c; font-size:22px; margin-bottom:19px; }
.qt-order-help h2 { color:#1a4235; font-size:23px; font-weight:700; line-height:1.3; letter-spacing:-.6px; }
.qt-order-help p { color:#638173; font-size:12px; line-height:1.9; margin:15px 0 22px; }
.qt-order-help .btn { width:100%; font-size:12px; }
.qt-order-email { display:block; text-align:center; color:#557b69; font-size:11px; margin-top:14px; }
.qt-order-details { padding:27px 7px; }
.qt-order-details h3 { font-size:13px; font-weight:750; }
.qt-order-details ul { list-style:none; padding:0; margin:20px 0 24px; }
.qt-order-details li { color:#6b828d; font-size:12px; margin:14px 0; display:flex; gap:11px; }
.qt-order-details li::before { content:"✓"; color:#218065; }
.qt-order-returning { border-top:1px solid #dce6e9; padding-top:18px; font-size:11px; color:#7a8c95; }
.qt-order-returning a { display:block; margin-top:7px; font-size:12px; font-weight:650; }
.qt-product-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
.qt-product-card { display:flex; flex-direction:column; color:var(--qt-ink); padding:24px; border:1px solid #dce6e9; border-radius:15px; text-decoration:none; background:#fff; transition:border-color .15s,box-shadow .15s; }
.qt-product-card:hover { border-color:#71bca6; box-shadow:0 5px 18px #132d3b0a; }
.qt-product-icon { color:var(--qt-teal); font-size:25px; margin-bottom:18px; }
.qt-product-card h5 { font-size:18px; font-weight:700; letter-spacing:-.4px; margin-bottom:22px; }
.qt-product-action { display:flex; justify-content:space-between; gap:10px; color:#087e78; font-size:11px; font-weight:650; margin-top:auto; }
.qt-product-category { font-size:14px; font-weight:700; margin:10px 0 18px; }
.qt-category-description { font-size:12px; color:#708591; }
.qt-order-checkout .accordion-item { border-radius:12px!important; margin-bottom:12px; overflow:hidden; }
.qt-order-checkout .accordion-button { padding:20px; font-size:13px; font-weight:650; }
.qt-order-checkout #orderbutton { background:transparent; }
.qt-order-checkout #orderbutton > .card-body { padding:0!important; }
.qt-order-checkout .accordion-body { padding:20px; }
[data-bs-theme="dark"] .qt-order-empty,[data-bs-theme="dark"] .qt-product-card { background:#162d3b; border-color:#314a58; color:#dce9ef; }
[data-bs-theme="dark"] .qt-order-help { background:#1b3e38; border-color:#30554a; }
[data-bs-theme="dark"] .qt-order-help h2 { color:#c3eed6; }
[data-bs-theme="dark"] .qt-order-help p { color:#aacabe; }
@media(min-width:768px) { body.qt-order-page > .container > .container > .row > .col-md-9.mx-auto { width:100%; } }
@media(max-width:767px) {
    .qt-order-hero { padding:31px 25px; grid-template-columns:1fr; }
    .qt-order-hero h1 { font-size:37px; }
    .qt-order-symbol { display:none; }
    .qt-order-steps { gap:12px; justify-content:space-between; padding:21px 0; }
    .qt-order-steps li { flex-direction:column; text-align:center; gap:8px; font-size:10px; }
    .qt-order-grid { grid-template-columns:1fr; gap:24px; }
    .qt-order-empty { padding:35px 23px; }
    .qt-order-empty h3 { font-size:29px; }
    .qt-product-grid { grid-template-columns:1fr; }
}