/* One look: the Auradure Storefront palette, lace band, round logo, script titles, gold pill buttons, outlined cards and footer. */
:root {
  --bg: #431936; --text: #f1d9d0; --accent: #b99a64; --fill: #cfa968; --btntext: #2a1120; --deep: color-mix(in srgb, var(--bg) 76%, #000); --line: color-mix(in srgb, var(--accent) 45%, transparent);
  --ok: #8fe0b0; --warn: #ffd37a; --bad: #ff9a9a; --info: #a9c4ff;
  --f-script: "Pinyon Script", "Snell Roundhand", cursive; --f-serif: "Cormorant Garamond", Georgia, serif; --f-sans: "Lato", system-ui, -apple-system, "Segoe UI", sans-serif;
  --band: url(data:image/png;base64,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);
  color-scheme: dark;
}
* { box-sizing: border-box; }
html, body { margin: 0; }
body { background: var(--bg); color: var(--text); font-family: var(--f-sans); font-size: 14px; line-height: 1.55; padding-left: max(16px, env(safe-area-inset-left, 0px)); padding-right: max(16px, env(safe-area-inset-right, 0px)); min-height: 100vh; position: relative; }
.band { position: absolute; left: 0; right: 0; top: 0; height: 34px; background-image: var(--band); background-repeat: repeat-x; background-size: auto 100%; pointer-events: none; }
button, input, select, textarea { font: inherit; color: inherit; }
a { color: var(--text); }
.shell { max-width: 480px; margin: 0 auto; padding-top: 44px; }
.narrow { max-width: none; margin: 0 auto; }
.phead { text-align: center; padding: 18px 0 6px; position: relative; }
.phead .logo { display: block; width: 64px; height: 64px; border-radius: 50%; margin: 0 auto; }
.phead.home .logo { width: 180px; height: 180px; }
.phead .ptitle { font-family: var(--f-script); font-weight: 400; font-size: 34px; line-height: 1.15; margin: 8px 0 0; color: var(--text); text-wrap: balance; }
.phead.home .ptitle { font-size: 52px; }
.phead .sub { margin: 6px 0 0; font-size: 11px; letter-spacing: .4em; text-transform: uppercase; color: var(--accent); }
.phead .tl { position: absolute; left: 0; top: 22px; } .phead .tr { position: absolute; right: 0; top: 22px; }
.pill { appearance: none; background: transparent; border: 1.5px solid var(--accent); border-radius: 999px; padding: 7px 16px; font: 700 11px var(--f-sans); letter-spacing: .1em; text-transform: uppercase; cursor: pointer; color: var(--text); text-decoration: none; display: inline-flex; align-items: center; gap: 6px; }
.pill:hover { background: var(--accent); color: var(--btntext); }
.btn { appearance: none; border: 1.5px solid var(--fill); background: var(--fill); color: var(--btntext); border-radius: 10px; padding: 10px 16px; font: 700 12px var(--f-sans); letter-spacing: .08em; text-transform: uppercase; cursor: pointer; text-decoration: none; display: inline-flex; align-items: center; justify-content: center; gap: 6px; line-height: 1.2; }
.btn:hover { background: var(--accent); border-color: var(--accent); }
.btn.sm { padding: 6px 11px; font-size: 11px; border-radius: 8px; }
.btn.ghost { background: transparent; border-color: var(--accent); color: var(--text); } .btn.ghost:hover { background: rgba(185,154,100,.2); }
.btn.danger { background: transparent; border-color: #b4576b; color: var(--bad); } .btn.danger:hover { background: rgba(180,87,107,.2); }
.btn.ok { background: transparent; border-color: #4fae7b; color: var(--ok); } .btn.ok:hover { background: rgba(79,174,123,.18); }
.btn[disabled] { opacity: .45; cursor: not-allowed; }
:focus-visible { outline: 2px solid var(--fill); outline-offset: 2px; }
.badge { display: inline-block; min-width: 22px; padding: 0 7px; border-radius: 11px; background: var(--btntext); color: var(--fill); font: 700 12px/22px var(--f-sans); text-align: center; }
main { padding-block: 14px 8px; }
h2 { font: 600 24px/1.25 var(--f-serif); color: var(--text); margin: 0 0 8px; text-wrap: balance; }
h3 { font: 600 19px/1.3 var(--f-serif); letter-spacing: .06em; text-transform: uppercase; color: var(--text); margin: 0 0 8px; }
.help { color: color-mix(in srgb, var(--text) 78%, transparent); font-size: 13px; margin: 0 0 12px; max-width: 70ch; }
.links { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 11px; margin-top: 22px; }
.mb { position: relative; display: block; padding: 14px 14px; text-align: center; background: var(--accent); color: var(--btntext); border: 0; border-radius: 16px; font: 700 12px var(--f-sans); letter-spacing: .08em; text-transform: uppercase; text-decoration: none; cursor: pointer; transition: background .2s, transform .15s; }
.mb:hover, .mb:focus-visible { background: var(--fill); transform: translateY(-1px); }
.mb .badge { position: absolute; top: -7px; right: -5px; }
.mb.wide { grid-column: 1 / -1; }
.ext { opacity: .7; font-size: 10px; margin-left: 4px; }
.alerts { display: grid; gap: 12px; margin-top: 20px; }
.alert { border: 1.5px solid var(--line); border-radius: 16px; padding: 14px 16px; background: rgba(0,0,0,.14); position: relative; }
.alert.new { border-color: var(--fill); }
.alert h3 { margin: 0 0 4px; display: flex; align-items: center; gap: 8px; padding-right: 36px; }
.alert .x { position: absolute; top: 10px; right: 10px; width: 30px; height: 30px; border-radius: 50%; border: 1.5px solid var(--accent); background: transparent; color: var(--text); font-size: 18px; line-height: 1; cursor: pointer; }
.alert .x:hover { background: var(--accent); color: var(--btntext); }
.alert ul { list-style: none; margin: 8px 0 0; padding: 0; display: grid; gap: 6px; }
.alert li { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; justify-content: space-between; border-top: 1px solid var(--line); padding-top: 6px; }
.pager { display: flex; align-items: center; justify-content: center; gap: 12px; margin-top: 10px; font-size: 12px; letter-spacing: .08em; text-transform: uppercase; }
.pager button { width: 34px; height: 34px; border-radius: 50%; border: 1.5px solid var(--accent); background: transparent; color: var(--text); cursor: pointer; font-size: 16px; }
.pager button:hover:not([disabled]) { background: var(--accent); color: var(--btntext); } .pager button[disabled] { opacity: .35; cursor: default; }
.row { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
.chip { display: inline-block; border-radius: 999px; padding: 1px 10px; font-size: 11px; letter-spacing: .04em; border: 1px solid var(--line); color: var(--text); white-space: nowrap; }
.chip.new { border-color: var(--fill); color: var(--fill); } .chip.ok { border-color: #4fae7b; color: var(--ok); } .chip.warn { border-color: #b8923a; color: var(--warn); } .chip.bad { border-color: #b4576b; color: var(--bad); } .chip.info { border-color: #6d8bd0; color: var(--info); }
.card { border: 1px solid var(--line); border-radius: 16px; padding: 16px; background: rgba(0,0,0,.12); }
.stack { display: grid; gap: 12px; }
.cards { max-width: none; display: grid; gap: 14px; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); margin-top: 24px; }
.hcard { display: flex; flex-direction: column; align-items: center; gap: 10px; text-align: center; padding: 20px 16px 18px; border: 1px solid var(--line); border-radius: 16px; }
.hcard svg { width: 30px; height: 30px; fill: none; stroke: var(--accent); stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
.hcard p { margin: 0; font-size: 13px; line-height: 1.6; color: color-mix(in srgb, var(--text) 85%, transparent); }
.hcard button { margin-top: auto; padding: 8px 14px; background: var(--fill); color: var(--btntext); border: 0; border-radius: 8px; font: 700 11px var(--f-sans); letter-spacing: .1em; text-transform: uppercase; cursor: pointer; }
.hcard button:hover { background: var(--accent); }
.grp { margin-bottom: 14px; }
.grp > .gh { width: 100%; text-align: left; display: flex; justify-content: space-between; align-items: center; gap: 8px; background: var(--accent); color: var(--btntext); border: 0; border-radius: 14px; padding: 12px 16px; font: 700 12px var(--f-sans); letter-spacing: .08em; text-transform: uppercase; cursor: pointer; }
.grp > .gb { display: grid; gap: 10px; margin-top: 10px; }
.ord { border: 1px solid var(--line); border-radius: 16px; overflow: hidden; background: rgba(0,0,0,.12); }
.ord.done { opacity: .88; }
.ord .oh { width: 100%; background: none; border: 0; text-align: left; display: grid; grid-template-columns: 1fr auto; gap: 4px 12px; padding: 12px 14px; cursor: pointer; align-items: center; }
.ord .oh b { font: 600 18px var(--f-serif); } .ord .oh small { color: color-mix(in srgb, var(--text) 75%, transparent); display: block; }
.ord .ob { border-top: 1px solid var(--line); padding: 14px; display: grid; gap: 14px; }
.fields { display: grid; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); gap: 8px 14px; }
.fld { display: grid; grid-template-columns: 1fr auto; gap: 2px 8px; align-items: start; border-bottom: 1px dashed var(--line); padding-bottom: 6px; min-width: 0; }
.fld span.k { grid-column: 1 / -1; font-size: 10px; letter-spacing: .14em; text-transform: uppercase; color: var(--accent); }
.fld span.v { min-width: 0; overflow-wrap: anywhere; white-space: pre-line; }
.cp { border: 1px solid var(--accent); background: transparent; color: var(--text); border-radius: 7px; padding: 2px 8px; font: 700 10px var(--f-sans); letter-spacing: .06em; text-transform: uppercase; cursor: pointer; align-self: start; }
.cp:hover { background: var(--accent); color: var(--btntext); }
table { width: 100%; border-collapse: collapse; }
th, td { text-align: left; padding: 7px 8px; border-bottom: 1px solid var(--line); font-size: 13px; vertical-align: top; }
th { color: var(--accent); font: 700 10px var(--f-sans); letter-spacing: .14em; text-transform: uppercase; }
td.n, th.n { text-align: right; font-variant-numeric: tabular-nums; }
.tw { overflow-x: auto; }
label.f { display: grid; gap: 4px; font-size: 10px; letter-spacing: .14em; text-transform: uppercase; color: var(--accent); font-weight: 700; min-width: 0; }
input, select, textarea { background: var(--deep); border: 1px solid var(--line); border-radius: 10px; padding: 9px 11px; width: 100%; min-width: 0; text-transform: none; letter-spacing: normal; font-weight: 400; font-size: 14px; color: var(--text); }
input[type="checkbox"] { width: 20px; height: 20px; padding: 0; accent-color: var(--fill); }
input:read-only { opacity: .75; }
textarea { min-height: 90px; resize: vertical; }
.chk { display: flex; align-items: center; gap: 10px; font-size: 13px; letter-spacing: 0; text-transform: none; color: var(--text); font-weight: 400; }
.g2 { display: grid; grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); gap: 12px; }
.w2 { grid-column: auto; }
.sum { display: grid; gap: 4px; margin-top: 8px; max-width: 360px; margin-left: auto; font-variant-numeric: tabular-nums; }
.sum div { display: flex; justify-content: space-between; gap: 12px; } .sum .t { border-top: 1px solid var(--line); padding-top: 4px; font-weight: 700; color: var(--fill); }
.modal { position: fixed; inset: 0; z-index: 60; background: rgba(20,6,16,.78); display: grid; place-items: center; padding: max(16px, env(safe-area-inset-top, 0px)) 16px 16px; }
.mbox { background: var(--bg); border: 1.5px solid var(--accent); border-radius: 18px; padding: 18px; width: min(480px, 100%); max-height: calc(100vh - 32px); overflow: auto; display: grid; gap: 12px; }
.mbox.wide { width: min(480px, 100%); }
.mhead { display: flex; justify-content: space-between; align-items: center; gap: 10px; } .mhead h2 { margin: 0; }
.toast { position: fixed; left: 50%; transform: translateX(-50%); bottom: calc(18px + env(safe-area-inset-bottom, 0px)); background: var(--fill); color: var(--btntext); border-radius: 12px; padding: 10px 16px; font-weight: 700; z-index: 90; max-width: calc(100% - 32px); text-align: center; box-shadow: 0 6px 20px rgba(0,0,0,.45); }
.sfoot { margin-top: 26px; padding: 0 0 calc(22px + env(safe-area-inset-bottom, 0px)); display: flex; flex-direction: column; align-items: center; gap: 10px; text-align: center; font-size: 12px; color: color-mix(in srgb, var(--text) 85%, transparent); }
.sfoot a { color: var(--text); text-decoration: none; } .sfoot a:hover { text-decoration: underline; color: var(--accent); }
.sfoot .wa { display: inline-flex; align-items: center; gap: 8px; font-weight: 700; font-size: 12px; }
.sfoot .rule { width: 100%; height: 1px; background: var(--line); }
.sf-soc { display: flex; gap: 12px; flex-wrap: wrap; justify-content: center; }
.sf-soc a { display: grid; place-items: center; width: 38px; height: 38px; border: 1px solid var(--line); border-radius: 50%; }
.sf-soc a:hover { background: rgba(185,154,100,.18); text-decoration: none; }
.sf-soc svg, .sfoot .wa svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
.sfoot .wa svg { width: 15px; height: 15px; }
.sf-links { display: flex; gap: 6px 18px; flex-wrap: wrap; justify-content: center; letter-spacing: .06em; }
.sf-note { font-size: 11px; opacity: .8; max-width: 52ch; line-height: 1.5; }
.tabs { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 14px; }
.tabs .btn { background: transparent; color: var(--text); border-color: var(--accent); } .tabs .btn[aria-pressed="true"] { background: var(--fill); color: var(--btntext); border-color: var(--fill); }
.cal-months { display: grid; grid-template-columns: repeat(auto-fill, minmax(130px, 1fr)); gap: 10px; }
.mbtn { background: var(--accent); border: 0; border-radius: 14px; padding: 14px 8px; text-align: center; cursor: pointer; font: 700 12px var(--f-sans); letter-spacing: .08em; text-transform: uppercase; color: var(--btntext); }
.mbtn:hover { background: var(--fill); } .mbtn .ct { display: block; font: 700 11px var(--f-sans); min-height: 18px; letter-spacing: 0; text-transform: none; }
.mbtn.now { outline: 2px solid var(--text); outline-offset: 2px; }
.days { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 6px; }
.wd { text-align: center; color: var(--accent); font-size: 10px; letter-spacing: .14em; text-transform: uppercase; font-weight: 700; padding-bottom: 2px; }
.day { aspect-ratio: 1.15; min-height: 52px; background: rgba(0,0,0,.14); border: 1px solid var(--line); border-radius: 10px; padding: 4px 6px; text-align: left; display: flex; flex-direction: column; justify-content: space-between; cursor: pointer; font-variant-numeric: tabular-nums; }
.day.empty { background: transparent; border-color: transparent; cursor: default; }
.day .c { color: var(--fill); font-weight: 700; font-size: 12px; text-align: right; }
.day.today { border-color: var(--text); } .day.sel { background: var(--accent); color: var(--btntext); } .day.sel .c { color: var(--btntext); } .day.has { border-color: var(--fill); }
.lbl-wrap { overflow: auto; padding: 14px; background: rgba(0,0,0,.25); border-radius: 12px; }
.lbl2 { position: relative; background: #fff; color: #000; font-family: Arial, Helvetica, sans-serif; overflow: hidden; margin: 0 auto; box-shadow: 0 0 0 1px #ccd0d4; }
.lbl2 .e { position: absolute; white-space: nowrap; line-height: 1; }
.pay-line { display: grid; grid-template-columns: 1fr 70px 90px auto; gap: 8px; align-items: end; }
.msgbox { white-space: pre-wrap; background: var(--deep); border: 1px solid var(--line); border-radius: 12px; padding: 12px; }
@media all { .pay-line { grid-template-columns: 1fr 1fr; } .phead .ptitle { font-size: 30px; } .phead.home .ptitle { font-size: 44px; } .phead.home .logo { width: 150px; height: 150px; } .ord .oh { grid-template-columns: 1fr; } .cards { grid-template-columns: minmax(0, 1fr); } }
.mirror { border: 1.5px dashed var(--accent); border-radius: 16px; padding: 14px; background: rgba(0,0,0,.18); }
.mirror ul { margin: 6px 0 0; padding-left: 18px; } .mirror li { margin: 2px 0; }
.sync { display: inline-flex; align-items: center; gap: 8px; font-size: 11px; letter-spacing: .08em; text-transform: uppercase; color: var(--ok); } .sync i { width: 9px; height: 9px; border-radius: 50%; background: var(--ok); display: inline-block; }
.mono { font-family: ui-monospace, Menlo, Consolas, monospace; font-size: 12px; overflow-wrap: anywhere; }
pre.csv { margin: 0; white-space: pre; overflow: auto; max-height: 340px; background: var(--deep); border: 1px solid var(--line); border-radius: 10px; padding: 10px; font: 12px/1.5 ui-monospace, Menlo, Consolas, monospace; }
@media (prefers-reduced-motion: no-preference) { .alert.new { animation: pulse 2.4s ease-out 1; } @keyframes pulse { 0% { box-shadow: 0 0 0 0 rgba(207,169,104,.6); } 100% { box-shadow: 0 0 0 14px rgba(207,169,104,0); } } }
.sbox { text-align: left; border: 1.5px solid var(--accent); border-radius: 12px; padding: 6px 10px; background: rgba(0,0,0,.2); width: 150px; }
.sbox small { display: block; font-size: 9px; letter-spacing: .1em; text-transform: uppercase; color: var(--accent); line-height: 1.3; }
.sbox b { display: block; font: 600 19px/1.2 var(--f-serif); color: var(--text); }
.sbox .pd { color: color-mix(in srgb, var(--text) 70%, transparent); letter-spacing: .04em; }
.phead.home .tl, .phead.home .tr { top: 10px; }
.bub { min-width: 24px; height: 24px; border-radius: 50%; background: var(--fill); color: var(--btntext); display: inline-grid; place-items: center; font: 700 12px var(--f-sans); padding: 0 6px; }
.bub.dk { background: var(--btntext); color: var(--fill); }
.day { position: relative; } .day .dn { font-weight: 700; font-size: 13px; } .day .bub { align-self: flex-end; width: 24px; padding: 0; }
.day.sel .bub { background: var(--btntext); color: var(--fill); }
.dot { display: inline-block; width: 10px; height: 10px; border-radius: 50%; margin-right: 8px; }
.hexf { display: flex; gap: 8px; align-items: center; } .hexf input[type=color], input[type=color] { width: 54px; height: 40px; padding: 2px; cursor: pointer; } .hexin { width: 110px; font-family: ui-monospace, Menlo, Consolas, monospace; text-transform: uppercase; }
.tabs { overflow-x: auto; flex-wrap: wrap; }
.lock { position: fixed; inset: 0; z-index: 100; background: var(--bg); display: grid; place-items: center; padding: 16px; }
.lock .lockbox { width: min(380px, 100%); display: grid; gap: 12px; text-align: center; }
.lock .logo { width: 120px; height: 120px; border-radius: 50%; margin: 0 auto; }
.lock .ptitle { font-family: var(--f-script); font-weight: 400; font-size: 40px; margin: 0; }
@media all { .sbox { width: 104px; padding: 5px 7px; } .sbox b { font-size: 14px; } .sbox small { font-size: 8px; } .phead.home .logo { width: 120px; height: 120px; } .phead.home .ptitle { font-size: 40px; } }
.ord { position: relative; } .selbox { position: absolute; top: 16px; left: 12px; z-index: 1; width: 20px; height: 20px; accent-color: var(--fill); } .ord .oh { padding-left: 42px; }
.bulk { position: sticky; bottom: calc(10px + env(safe-area-inset-bottom, 0px)); z-index: 30; display: flex; flex-wrap: wrap; gap: 8px; align-items: center; background: var(--bg); border: 1.5px solid var(--fill); border-radius: 14px; padding: 10px; margin-top: 12px; box-shadow: 0 6px 20px rgba(0,0,0,.5); }
.bulk select { width: auto; }
.fgrid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; } .fbox { border: 1px solid var(--line); border-radius: 14px; padding: 10px 12px; background: rgba(0,0,0,.12); }
.fbox small { display: block; font-size: 9px; letter-spacing: .12em; text-transform: uppercase; color: var(--accent); font-weight: 700; } .fbox b { font: 600 20px var(--f-serif); }
.fbar { display: flex; height: 14px; border-radius: 7px; overflow: hidden; background: var(--deep); } .fbar i { display: block; }
.frow { display: flex; flex-wrap: wrap; gap: 6px 12px; justify-content: space-between; align-items: center; padding: 8px 10px; background: rgba(0,0,0,.12); border-radius: 10px; }
.sfoot .pill { margin-top: 6px; }
.icard { border: 1px solid var(--line); border-radius: 14px; padding: 12px; display: grid; gap: 10px; background: rgba(0,0,0,.1); } .inum { font: 600 17px var(--f-serif); }
.g3 { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 10px; align-items: start; } .lt { display: block; font: 600 20px var(--f-serif); padding-top: 4px; color: var(--fill); } .g3 .f span { display: block; }
.cmpbox { gap: 6px; padding: 12px; } .cmpbox h3 { margin: 0 0 2px; }
.cmp, .cmp2 { display: grid; gap: 6px; align-items: center; } .cmp { grid-template-columns: minmax(0, 1fr) 58px 58px 70px 30px; } .cmp2 { grid-template-columns: minmax(0, 1fr) 96px 30px; }
.cmp input, .cmp select, .cmp2 input, .cmp2 select { padding: 6px 7px; font-size: 13px; border-radius: 8px; min-width: 0; }
.cmph { font-size: 9px; letter-spacing: .1em; text-transform: uppercase; color: var(--accent); font-weight: 700; }
.cmp .xb, .cmp2 .xb { width: 30px; height: 30px; padding: 0; border-radius: 8px; } .cmp .cu, .cmp2 .cu { grid-column: 1 / -1; color: var(--ok); font-size: 11px; margin: -2px 0 4px; }
[hidden] { display: none !important; }