@media screen{:root{--accent:#2456d6;--accent-end:#1676bd;--tint:#edf3ff}:root[data-style=ocean]{--accent:#087497;--accent-end:#1259a5;--tint:#e6f7fb}:root[data-style=forest]{--accent:#167044;--accent-end:#27622b;--tint:#edf7ef}:root[data-style=royal]{--accent:#703cc1;--accent-end:#4535a0;--tint:#f4effc}:root[data-style=rose]{--accent:#b52c68;--accent-end:#943e73;--tint:#fff0f6}:root[data-style=sunset]{--accent:#b74716;--accent-end:#a92e4e;--tint:#fff3e9}:root[data-style=slate]{--accent:#43566f;--accent-end:#29384d;--tint:#eef2f6}:root[data-style=coffee]{--accent:#805532;--accent-end:#634032;--tint:#f7f1e9}:root[data-style=mint]{--accent:#087c70;--accent-end:#126455;--tint:#e9faf4}:root[data-style=colorful]{--accent:#6034c8;--accent-end:#087c92;--tint:#f4efff}:root[data-style]{--blue:var(--accent);--bg:var(--tint)}:root[data-theme=dark]{--bg:#0d1728;--tint:#21314b;--surface:#18263c;--blue:#a8c7ff}body{font-family:var(--app-font,Arial, sans-serif);background:var(--bg)}button,input,select,textarea{font-family:inherit}:root[data-style] .primary-action,:root[data-style] .quick-grid a,:root[data-style] .quick-grid button{background:linear-gradient(135deg, var(--accent), var(--accent-end));color:#fff}:root[data-style] :is(.record-control-section,.settings-card,.customer-search,.customer-row){border-color:color-mix(in srgb, var(--accent) 22%, var(--line))}:root[data-style] .record-control-section{background:var(--tint)}:root[data-style] :is(button,a,input,select,textarea):focus-visible{outline:3px solid var(--blue);outline-offset:3px}:root[data-style] .settings-page>header{background:linear-gradient(120deg, var(--accent), var(--accent-end));color:#fff;box-shadow:0 12px 30px color-mix(in srgb, var(--accent) 12%, transparent);border-radius:20px;margin-bottom:24px;padding:22px 26px}:root[data-style] .settings-page>header :is(h1,p){color:#fff}:root[data-style] .settings-page>header .eyebrow{color:#eef6ff}:root[data-style] .settings-section-nav{background:linear-gradient(160deg, color-mix(in srgb, var(--surface) 92%, var(--accent)), var(--surface));border-color:color-mix(in srgb, var(--line) 60%, var(--accent));box-shadow:0 10px 28px color-mix(in srgb, var(--accent) 7%, transparent)}:root[data-style] .settings-section-nav a{border:1px solid color-mix(in srgb, var(--accent) 18%, var(--surface));border-inline-start:4px solid color-mix(in srgb, var(--accent) 55%, var(--surface));background:color-mix(in srgb, var(--surface) 95%, var(--accent));color:var(--ink)}:root[data-style] .settings-section-nav a:hover{background:color-mix(in srgb, var(--surface) 84%, var(--accent))}:root[data-style] .settings-section-nav a[aria-current]{background:linear-gradient(120deg, var(--accent), var(--accent-end));color:#fff;border-color:var(--accent);box-shadow:0 4px 12px color-mix(in srgb, var(--accent) 18%, transparent)}:root[data-style] .settings-module-search{border-bottom-color:color-mix(in srgb, var(--line) 60%, var(--accent));padding:10px 8px 14px}:root[data-style] .settings-card{background:linear-gradient(135deg, color-mix(in srgb, var(--surface) 94%, var(--accent)), var(--surface) 65%);border-top:4px solid var(--accent);box-shadow:0 12px 32px color-mix(in srgb, var(--accent) 7%, transparent)}:root[data-style] .settings-card h2{border-bottom:2px solid color-mix(in srgb, var(--accent) 24%, var(--surface));padding-bottom:14px}:root[data-style] .settings-card :is(input,select,textarea){background:var(--surface);color:var(--ink);border-color:color-mix(in srgb, var(--accent) 24%, var(--line))}:root[data-style=colorful] body{background:linear-gradient(135deg, var(--bg), color-mix(in srgb, var(--bg) 88%, #17b8ac), color-mix(in srgb, var(--bg) 88%, #efae30));background-attachment:fixed}:root[data-style=colorful] .quick-grid :is(a,button):nth-child(4n+1){background:linear-gradient(135deg,#285bea,#5443ca)}:root[data-style=colorful] .quick-grid :is(a,button):nth-child(4n+2){background:linear-gradient(135deg,#087d77,#12669c)}:root[data-style=colorful] .quick-grid :is(a,button):nth-child(4n+3){background:linear-gradient(135deg,#963ad0,#bd246b)}:root[data-style=colorful] .quick-grid :is(a,button):nth-child(4n){background:linear-gradient(135deg,#bb4e08,#b42b48)}:root[data-style=colorful] .record-control-section:nth-child(3n+1){border-top:3px solid #4381ec}:root[data-style=colorful] .record-control-section:nth-child(3n+2){border-top:3px solid #0c9b83}:root[data-style=colorful] .record-control-section:nth-child(3n){border-top:3px solid #aa57d7}:root[data-style=colorful] .settings-page>header{color:#fff;background:linear-gradient(120deg,#4935b8,#2460b0 55%,#087e78);border-radius:20px;margin-bottom:24px;padding:22px 26px;box-shadow:0 12px 30px #4935b81a}:root[data-style=colorful] .settings-page>header :is(h1,p){color:#fff}:root[data-style=colorful] .settings-page>header .eyebrow{color:#c8ffed}:root[data-style=colorful] .settings-section-nav{background:linear-gradient(160deg, color-mix(in srgb, var(--surface) 92%, #8060e8), color-mix(in srgb, var(--surface) 94%, #18b9a5));border-color:color-mix(in srgb, var(--line) 55%, #8060e8);box-shadow:0 10px 28px #4935b812}:root[data-style=colorful] .settings-section-nav a{--module-color:#6545ca;border:1px solid color-mix(in srgb, var(--module-color) 25%, var(--surface));border-inline-start:4px solid var(--module-color);background:color-mix(in srgb, var(--surface) 91%, var(--module-color))}:root[data-style=colorful] .settings-section-nav a:nth-of-type(4n+2){--module-color:#097e77}:root[data-style=colorful] .settings-section-nav a:nth-of-type(4n+3){--module-color:#bd356f}:root[data-style=colorful] .settings-section-nav a:nth-of-type(4n){--module-color:#aa580e}:root[data-style=colorful] .settings-section-nav a:hover{background:color-mix(in srgb, var(--surface) 80%, var(--module-color))}:root[data-style=colorful] .settings-section-nav a[aria-current]{background:var(--module-color);color:#fff;border-color:var(--module-color);box-shadow:0 4px 12px #19284a20}:root[data-style=colorful] .settings-module-search{border-bottom-color:color-mix(in srgb, var(--line) 50%, #8060e8);padding:10px 8px 14px}:root[data-style=colorful] .settings-card{--card-accent:#7050cf;background:linear-gradient(135deg, color-mix(in srgb, var(--surface) 94%, var(--card-accent)), var(--surface) 65%);border-top:4px solid var(--card-accent);box-shadow:0 12px 32px #4935b812}:root[data-style=colorful] .settings-section-content:is([data-section=calculation],[data-section=backup],[data-section=team]) .settings-card{--card-accent:#098979}:root[data-style=colorful] .settings-section-content:is([data-section=privacy],[data-section=security],[data-section=export-privacy]) .settings-card{--card-accent:#c33d7b}:root[data-style=colorful] .settings-section-content:is([data-section=print-format],[data-section=formats],[data-section=about]) .settings-card{--card-accent:#b96812}:root[data-style=colorful] .settings-card h2{border-bottom:2px solid color-mix(in srgb, var(--card-accent) 24%, var(--surface));padding-bottom:14px}:root[data-style=colorful] .settings-card :is(input,select,textarea){background:var(--surface);color:var(--ink);border-color:color-mix(in srgb, var(--card-accent) 24%, var(--line))}.record-control-sections{align-items:stretch;gap:10px}.record-control-sections .record-control-section{border-radius:12px;flex:0 auto;gap:6px;width:auto;padding:22px 8px 8px}.record-control-sections .record-control-section button,.customer-row-actions button,.record-pagination button,.record-pagination select{border-radius:8px;width:auto;min-width:34px;height:auto;min-height:34px;padding:7px 10px;font-size:12px;line-height:1.3}.record-control-section:before{font-size:9px}.record-pagination{font-size:12px}.record-pagination button{font-size:18px}:root[data-customer-mobile=false] .customers-page .customer-list .customer-row>div:nth-child(3),:root[data-customer-created=false] .customers-page .customer-list .customer-row>div:nth-child(4){display:none}.workflow-settings textarea{border:1px solid var(--line);width:100%;min-height:110px;color:var(--ink);background:var(--surface);border-radius:10px;padding:12px}.workflow-message-preview{white-space:pre-wrap;overflow-wrap:anywhere;background:var(--bg);font:inherit;border-radius:10px;padding:14px}.settings-section-nav{max-height:none;overflow:visible}.settings-section-nav a{padding:10px;font-size:13px}.workflow-settings label:has(input[type=checkbox]){align-items:center;display:flex}.workflow-settings input[type=checkbox]{flex-shrink:0;width:20px;height:20px;min-height:20px}}@media screen and (pointer:coarse){.record-control-sections .record-control-section button,.customer-row-actions button,.record-pagination button,.record-pagination select{min-width:44px;min-height:44px}}