/* UNION ADS — the selected Liquid Glass direction. */
:root {
  color-scheme:light;
  --ink:#27323d; --muted:#71808e; --line:#e5e9ef; --bg:#eff1f7;
  --surface:#ffffffed; --surface-solid:#fff; --soft:#f5f7fa;
  --glass-start:#ffffffc9; --glass-end:#ffffff8c; --glass-edge:#ffffffec;
  --glass-shadow:0 8px 32px #3a49600b,inset 0 1px 0 #fff;
  --accent:#f0ca53; --accent-ink:#695520; --accent-soft:#fbf5df;
  --success:#3b866b; --success-soft:#eaf4ee; --danger:#ab4f50; --danger-soft:#fff0ef;
  --field:#fff; --input-line:#dce3e9; --floating-ink:#fff; --focus:#ad862a;
  --gold:#f0ca53; --sidebar-width:238px; --radius:21px;
}
:root[data-appearance=dark] {
  color-scheme:dark;
  --ink:#e5ebf4; --muted:#a4b1c3; --line:#354154; --bg:#131c29;
  --surface:#1e2938f5; --surface-solid:#202b3b; --soft:#263244;
  --glass-start:#334052ce; --glass-end:#253144b8; --glass-edge:#71829845;
  --glass-shadow:0 12px 34px #0002,inset 0 1px 0 #ffffff12;
  --accent:#f2ce65; --accent-ink:#f2d579; --accent-soft:#3a3425;
  --success:#86d7b4; --success-soft:#233d36; --danger:#f1a8a3; --danger-soft:#492e35;
  --field:#172232; --input-line:#405067; --floating-ink:#e5ebf4; --focus:#f2ce65;
  --gold:#f2ce65;
}
html { min-height:100%; background:var(--bg); scroll-padding-top:100px; }
body {
  background:radial-gradient(ellipse at 12% 5%,#d8d9fb6e,transparent 48%),radial-gradient(ellipse at 86% 70%,#eae5b367,transparent 48%),radial-gradient(ellipse at 30% 95%,#c9e2d85c,transparent 43%),var(--bg);
  background-attachment:fixed; font-size:14px; line-height:1.7; color:var(--ink);
}
:root[data-appearance=dark] body { background:radial-gradient(ellipse at 5% 10%,#4a47784d,transparent 48%),radial-gradient(ellipse at 90% 65%,#6353362b,transparent 48%),radial-gradient(ellipse at 30% 95%,#315c5238,transparent 43%),var(--bg); background-attachment:fixed; }
button,a,input,select,textarea { -webkit-tap-highlight-color:transparent; }
button:focus-visible,a:focus-visible,summary:focus-visible { outline:3px solid var(--focus); outline-offset:4px; }
.icon { flex-shrink:0; stroke-width:1.7; }
.shell { display:grid; grid-template-columns:var(--sidebar-width) minmax(0,1fr); gap:24px; padding:20px; max-width:1840px; margin:auto; min-height:100dvh; transition:grid-template-columns .22s ease; }
.sidebar {
  position:sticky; top:20px; height:calc(100dvh - 40px); min-height:0; padding:24px 14px 14px;
  border:1px solid var(--glass-edge); border-radius:27px; background:linear-gradient(140deg,var(--glass-start),var(--glass-end));
  backdrop-filter:blur(28px) saturate(150%); -webkit-backdrop-filter:blur(28px) saturate(150%); box-shadow:var(--glass-shadow);
  display:flex; flex-direction:column; overflow:hidden;
}
[dir=ltr] .sidebar { border:1px solid var(--glass-edge); }
.brand { gap:10px; padding:0 9px; margin-bottom:24px; flex-shrink:0; }
.brand img { width:43px; height:43px; object-fit:contain; background:transparent; border-radius:10px; }
.brand strong { color:#a58128; font-size:14px; letter-spacing:1.1px; }
:root[data-appearance=dark] .brand strong { color:#f1cd69; }
.brand small { font-size:10px; color:var(--muted); }
.nav { gap:4px; flex:1; min-height:0; overflow-y:auto; scrollbar-width:thin; scrollbar-color:var(--line) transparent; }
.nav a { padding:11px 13px; min-height:44px; border-radius:13px; gap:11px; font-size:12px; color:var(--muted); white-space:nowrap; }
.nav a .icon { width:19px; height:19px; }
.nav a:hover { background:var(--surface); color:var(--ink); }
.nav a.active { color:var(--accent-ink); background:var(--surface); box-shadow:0 2px 8px #3e4c6610,inset 0 1px 0 var(--glass-edge); font-weight:700; }
.sidebar-bottom { flex-shrink:0; margin-top:14px; padding:14px 6px 0; border-top:1px solid var(--line); }
.user-line { gap:10px; padding:0 4px; margin-bottom:12px; }
.user-line>div { min-width:0; }
.user-line strong { font-size:12px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; display:block; }
.user-line small { color:var(--muted); font-size:10px; }
.avatar,.workspace-avatar { background:var(--accent-soft); color:var(--accent-ink); border:1px solid var(--glass-edge); width:36px; height:36px; border-radius:12px; flex-shrink:0; }
.signout { min-height:40px; padding:8px 10px; border-radius:11px; font-size:11px; color:var(--muted); gap:10px; text-align:start; }
.signout:hover { background:var(--surface); color:var(--ink); }
.main { min-width:0; }
.workspace-top {
  position:sticky; top:20px; z-index:30; height:70px; margin-bottom:25px; padding:12px 20px; border:1px solid var(--glass-edge); border-radius:23px;
  background:linear-gradient(130deg,var(--glass-start),var(--glass-end)); backdrop-filter:blur(26px) saturate(155%); -webkit-backdrop-filter:blur(26px) saturate(155%); box-shadow:var(--glass-shadow); gap:15px;
}
.workspace-location { display:flex; align-items:center; gap:13px; min-width:0; }
.header-page { min-width:0; }
.header-page small { font-size:9px; color:var(--muted); display:block; direction:ltr; }
.header-page>span { display:block; font-size:12px; font-weight:700; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.workspace-actions { gap:9px; margin-inline-start:auto; }
.glass-icon-button { width:40px; height:40px; padding:9px; border:1px solid var(--glass-edge); border-radius:13px; color:var(--muted); background:var(--glass-start); display:grid; place-items:center; flex-shrink:0; cursor:pointer; }
.glass-icon-button:hover { background:var(--surface-solid); color:var(--ink); }
.glass-icon-button .icon { width:20px; height:20px; }
.sidebar-toggle .icon { transform:scaleX(-1); }
[dir=ltr] .sidebar-toggle .icon { transform:none; }
.workspace-avatar { display:grid; place-items:center; font-weight:700; font-size:12px; margin-inline-start:3px; }
.workspace-create { font-size:11px!important; min-height:38px!important; padding:7px 13px!important; }
.workspace-mobile-brand { display:none; }
.language-switcher { background:var(--glass-start); border:1px solid var(--glass-edge); box-shadow:none; border-radius:13px; padding:3px; }
.language-switcher button { font-size:10px; padding:6px 8px; min-height:32px; color:var(--muted); border-radius:10px; }
.language-switcher button:disabled { background:var(--surface-solid); color:var(--ink); box-shadow:0 1px 6px #2b33480d; }
.content,.dashboard-content,.settings-content,.reports-content { padding:0 8px 35px; max-width:none; min-width:0; }
.heading { margin-bottom:24px; gap:20px; }
.heading h1 { font-size:28px; letter-spacing:-.6px; line-height:1.5; }
.heading p { font-size:12px; color:var(--muted); max-width:650px; }
.eyebrow { font-size:9px; color:var(--muted); letter-spacing:1.2px; margin-bottom:5px; }
.btn { border-radius:12px; border:1px solid var(--line); background:var(--surface-solid); color:var(--ink); min-height:41px; padding:8px 15px; font-size:12px; font-weight:700; box-shadow:0 1px 2px #1e2f4210; }
.btn:hover { background:var(--soft); border-color:var(--input-line); }
.btn.primary { background:linear-gradient(140deg,#f8d972,#edc142); color:#4b3b12; border-color:#f4d57b; border-radius:50px; box-shadow:inset 0 1px 0 #fff7,0 4px 12px #9a802016; }
.btn.primary:hover { background:linear-gradient(140deg,#ffe291,#efc54d); }
.btn.dark { color:#fff; background:#2c3949; border-color:#445164; }
:root[data-appearance=dark] .btn.dark { color:var(--ink); background:#354357; border-color:#526079; }
.btn.small { min-height:33px; font-size:11px; padding:6px 11px; border-radius:10px; }
.card,.panel-card { background:var(--surface); border:1px solid var(--glass-edge); border-radius:var(--radius); box-shadow:0 3px 20px #33496204; overflow:hidden; }
.panel-card { padding:28px; }
.filters { padding:20px 23px; gap:12px; border-color:var(--line); }
.filters input,.filters select { border-radius:11px; font-size:12px; background:var(--field); color:var(--ink); }
.search-wrap .icon { color:var(--muted); }
.result-count { font-size:11px; color:var(--muted); }
input,textarea,select { background:var(--field); color:var(--ink); border-color:var(--input-line); border-radius:11px; }
input::placeholder,textarea::placeholder { color:var(--muted); opacity:.8; }
input:focus,textarea:focus,select:focus { border-color:var(--focus); outline-color:var(--focus); }
input:disabled,textarea:disabled,select:disabled,input[readonly] { color:var(--muted); background:var(--soft); opacity:1; }
input[type=checkbox],input[type=range] { accent-color:var(--accent); }
.field>span { font-size:12px; }
.field small,.muted { color:var(--muted); }
.field { margin-bottom:20px; }
th { background:var(--soft); color:var(--muted); font-size:11px; font-weight:400; border-color:var(--line); }
td { border-color:var(--line); color:var(--ink); font-size:12px; }
td,th { padding:18px 23px; }
tbody tr:hover { background:var(--soft); }
.quote-title { font-size:13px; font-weight:700; }
.quote-sub,.row-meta,.member-email { color:var(--muted); font-size:11px; }
.quote-sub { margin-top:4px; }
.badge { background:var(--accent-soft); color:var(--accent-ink); border:0; border-radius:50px; padding:4px 10px; font-size:10px; }
.badge.ready { background:var(--success-soft); color:var(--success); }
.badge.off { background:var(--soft); color:var(--muted); }
.source-link,.back { color:var(--muted); }
.source-link { color:var(--accent-ink); font-size:10px; }
.info-strip { border:1px solid var(--glass-edge); border-radius:17px; background:var(--glass-end); font-size:11px; padding:14px 19px; color:var(--muted); }
.notice,.customer-owner,.customer-inline,.receipt-customer-card,.translation-note { background:var(--accent-soft); border-color:var(--line); color:var(--accent-ink); border-radius:13px; }
.error { background:var(--danger-soft); color:var(--danger); border-color:var(--danger); border-radius:12px; }
.error-text { color:var(--danger); }
.loading,.empty { color:var(--muted); }
.empty { padding:45px 24px; }
.empty h2 { color:var(--ink); font-size:19px; }
.empty p { font-size:12px; }
.empty-icon { background:var(--accent-soft); color:var(--accent-ink); border-radius:18px; }
.pagination { border-color:var(--line); color:var(--muted); font-size:11px; }
dialog {
  background:var(--surface-solid); color:var(--ink); border:1px solid var(--glass-edge); border-radius:25px; padding:28px; box-shadow:0 24px 100px #16243333;
  max-height:calc(100dvh - 70px); overflow-y:auto; overscroll-behavior:contain;
}
dialog::backdrop { background:#17233550; backdrop-filter:blur(5px); -webkit-backdrop-filter:blur(5px); }
:root[data-appearance=dark] dialog::backdrop { background:#080f1a99; }
dialog h2 { font-size:22px; }
dialog .muted { font-size:12px; }
.dialog-actions { gap:10px; }
.glass-sheet-head { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:20px; }
.glass-sheet-head h2 { margin:0; }
.glass-sheet-close { font-size:22px; font-weight:400; line-height:1; }
.quick-create-grid { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.quick-create-choice { border:1px solid var(--line); background:var(--soft); color:var(--ink); border-radius:18px; padding:22px 16px; text-align:start; cursor:pointer; }
.quick-create-choice .icon { color:var(--accent-ink); width:26px; height:26px; margin-bottom:12px; }
.quick-create-choice strong { display:block; font-size:14px; }
.quick-create-choice:hover { border-color:var(--accent); }
.mobile-more-nav { display:grid; gap:5px; }
.mobile-more-nav a { padding:12px 14px; display:flex; align-items:center; gap:13px; border-radius:12px; color:var(--muted); font-size:14px; min-height:48px; }
.mobile-more-nav a.active { background:var(--accent-soft); color:var(--accent-ink); }
.mobile-more-nav a:hover { background:var(--soft); color:var(--ink); }
.mobile-more-account { padding:16px 14px; border-top:1px solid var(--line); margin-top:14px; }
.mobile-more-account .user-line { margin-bottom:15px; padding:0; }
.toast { border-radius:50px; font-size:12px; color:#fff; background:#2b3847; bottom:25px; box-shadow:0 8px 30px #15293b33; }
.toast.bad { background:#823c45; }
.auth-page { background:transparent; min-height:100dvh; grid-template-columns:1fr 1fr; }
.auth-brand { margin:24px; border:1px solid var(--glass-edge); border-radius:32px; background:linear-gradient(150deg,var(--glass-start),var(--glass-end)); box-shadow:var(--glass-shadow); backdrop-filter:blur(26px); -webkit-backdrop-filter:blur(26px); color:var(--ink); }
.auth-brand h2 { color:var(--ink); }
.auth-brand h2 span { color:var(--accent-ink); }
.auth-brand p { color:var(--muted); }
.auth-label { color:var(--accent-ink); }
.auth-form-area { background:transparent; }
.auth-form { border:1px solid var(--glass-edge); background:var(--surface); border-radius:28px; padding:32px; box-shadow:var(--glass-shadow); }
.auth-language-controls { gap:10px; align-items:center; margin-bottom:24px; }
.auth-foot { color:var(--muted); }
/* The dashboard retains the real financial calculations and navigation. */
.dash-hero { padding:23px 28px; background:var(--surface); color:var(--ink); border:1px solid var(--glass-edge); border-radius:23px; margin-bottom:18px; }
.dash-hero:after { display:none; }
.dash-kicker { color:var(--muted); font-size:9px; text-align:start; letter-spacing:1.5px; margin-bottom:6px; }
.dash-hero h1 { font-size:28px; letter-spacing:-.5px; }
.dash-hero p { color:var(--muted); font-size:12px; margin-bottom:10px; }
.dash-live { color:var(--success); font-size:10px; }
.dash-hero-mark { color:var(--accent-ink); min-width:135px; font-size:11px; }
.dash-hero-mark small { color:var(--muted); }
.dash-hero-mark .icon { width:30px; height:30px; }
.dash-shortcuts { gap:12px; margin-bottom:24px; }
.dash-shortcut { background:var(--surface); border:1px solid var(--glass-edge); border-radius:15px; padding:14px 16px; min-height:66px; text-align:start; }
.dash-shortcut strong { font-size:12px; }
.dash-shortcut small { color:var(--muted); font-size:10px; }
.dash-shortcut-icon { background:var(--accent-soft); color:var(--accent-ink); width:34px; height:34px; border-radius:11px; }
.dash-add { font-size:21px; color:var(--muted); margin:0; margin-inline-start:auto; }
.dash-filter-bar { border:0; padding:0; gap:9px; margin:0 0 20px; }
.dash-filter-title { margin:0; margin-inline-end:auto; }
.dash-filter-title strong { font-size:16px; }
.dash-filter-title small { font-size:10px; }
.dash-filter-bar select,.dash-filter-bar input { min-height:38px; min-width:0; font-size:11px; padding:7px 9px; border-radius:10px; }
.dash-filter-bar select { width:132px; }
.dash-filter-bar input[type=date] { width:125px; }
.dash-filter-bar .dash-owner-filter select { width:140px; }
.dash-filter-bar .btn { min-height:38px; font-size:11px; border-radius:11px; }
.dash-filter-details { display:contents; }
.dash-filter-toggle { display:none; }
.dash-filter-owner-note { display:none; }
.dash-kpis { gap:14px; margin-bottom:22px; }
.dash-kpi { background:var(--surface); border:1px solid var(--glass-edge); border-radius:19px; padding:20px 20px 15px; text-align:start; }
.dash-kpi-gold { background:var(--surface); border-color:var(--glass-edge); }
.dash-kpi-head { color:var(--muted); font-size:11px; }
.dash-kpi-head .icon { width:20px; height:20px; color:var(--accent-ink); }
.dash-kpi-value { font-size:30px; margin:15px 0 6px; line-height:1.45; }
.dash-kpi-hint { color:var(--muted); font-size:10px; margin-bottom:14px; }
.dash-kpi-value small { color:var(--muted); font-size:10px; }
.dash-kpi-bottom { color:var(--muted); border-color:var(--line); font-size:9px; }
.dash-kpi-gold .dash-kpi-bottom { border-color:var(--line); }
.dash-trend { border-radius:30px; font-size:9px; padding:3px 7px; }
.dash-trend.positive { background:var(--success-soft); color:var(--success); }
.dash-trend.negative { background:var(--danger-soft); color:var(--danger); }
.dash-trend.neutral { background:var(--soft); color:var(--muted); }
.dash-kpi[data-dash-kpi=invoices] { background:linear-gradient(140deg,#344353,#293442); color:#fff; border-color:#fff6; box-shadow:0 9px 20px #28384f11; }
.dash-kpi[data-dash-kpi=invoices] .dash-kpi-head,.dash-kpi[data-dash-kpi=invoices] .dash-kpi-value small,.dash-kpi[data-dash-kpi=invoices] .dash-kpi-hint,.dash-kpi[data-dash-kpi=invoices] .dash-kpi-bottom { color:#c5ceda; }
.dash-kpi[data-dash-kpi=invoices] .dash-kpi-head .icon { color:#e8cb78; }
.dash-kpi[data-dash-kpi=invoices] .dash-kpi-bottom { border-color:#ffffff24; }
.dash-kpi[data-dash-kpi=invoices] .dash-trend.positive { background:#ffffff14; color:#9fe0bd; }
.dash-kpi[data-dash-kpi=invoices] .dash-trend.neutral { background:#ffffff12; color:#d6deeb; }
.dash-kpi[data-dash-kpi=invoices] .dash-trend.negative { background:#ffffff12; color:#f1b3ae; }
.dash-grid { grid-template-columns:minmax(0,1.4fr) minmax(0,1fr); gap:20px; }
.dash-section-head { padding:23px 23px 17px; }
.dash-section-head h2 { font-size:16px; }
.dash-section-head p,.dash-chart-total small,.dash-chart-legends,.dash-chart-empty,.dash-chart-controls label,.dash-method { color:var(--muted); }
.dash-chart-total bdi { color:var(--ink); font-size:25px; }
.dash-chart-card { overflow:hidden; }
.dash-plot text { fill:var(--muted); }
.dash-plot svg>line { stroke:var(--line); }
.dash-plot svg>line#dashboard-crosshair { stroke:var(--muted); }
.dash-chart-readout,.dash-chart-controls,.dash-chart-data,.dash-activity-filter,.dash-team-summary,.dash-follow-counts button { background:var(--soft); border-color:var(--line); color:var(--ink); }
.dash-follow-counts button.selected { background:var(--accent-soft); border-color:var(--accent); color:var(--accent-ink); }
.dash-follow-counts button strong,.dash-activity-filter label,.dash-activity-row small,.dash-follow-row small,.dash-team-row small { color:var(--muted); }
.dash-follow-row,.dash-activity-row,.dash-team-row { border-color:var(--line); }
.dash-follow-row:hover,.dash-activity-row:hover,.dash-team-row:hover { background:var(--soft); }
.dash-chart-readout small,.dash-chart-readout span,.dash-chart-controls,.dash-chart-data summary,.dash-empty,.dash-follow-summary,.dash-activity-filter,.dash-team-legend,.dash-row-meta { color:var(--muted); }
.dash-chart-readout strong,.dash-team-name { color:var(--ink); }
.dash-tabs button { background:var(--soft); color:var(--muted); border-radius:11px; min-height:34px; }
.dash-tabs button.selected { background:var(--accent-soft); color:var(--accent-ink); }
.dash-tabs b { background:var(--surface-solid); color:var(--muted); border-radius:7px; }
.dash-activity-icon,.dash-team-name .avatar { background:var(--soft); color:var(--muted); border-radius:11px; }
.dash-activity-icon.issued { background:var(--success-soft); color:var(--success); }
.dash-follow-info>small,.dash-follow-side>small,.dash-activity-main>span,.dash-activity-main>small,.dash-activity-end>small,.dash-activity-end strong small,.dash-team-name small,.dash-team-conversion small { color:var(--muted); }
.dash-team-conversion strong,.dash-team-name:hover { color:var(--accent-ink); }
.dash-follow-badge { background:var(--accent-soft); color:var(--accent-ink); }
.dash-method { font-size:10px; line-height:1.9; padding-inline:4px; }
.dash-mobile-feature { display:none; }
/* Details, catalog, reports and administration. */
.customer-profile-card { border-radius:22px; padding:25px; }
.customer-profile-card strong { color:var(--ink); text-align:start; }
.customer-stats .card { padding:22px; border-radius:18px; }
.customer-stats span { color:var(--muted); font-size:12px; }
.customer-stats strong { color:var(--ink); font-size:26px; }
.owner-badge { background:var(--accent-soft); color:var(--accent-ink); border-radius:50px; font-size:10px; }
.customer-choice,.catalog-choice,.report-customer-list>button { background:var(--surface-solid); color:var(--ink); border-color:var(--line); text-align:start; }
.customer-choice:hover,.catalog-choice:hover,.report-customer-list>button:hover { background:var(--accent-soft); }
.customer-choice small,.customer-address,.catalog-choice small { color:var(--muted); }
.catalog-grid { gap:16px; padding:23px; }
.catalog-card { background:var(--surface-solid); border:1px solid var(--line); border-radius:17px; padding:22px; }
.catalog-type { background:var(--accent-soft); color:var(--accent-ink); border-radius:40px; }
.catalog-description,.catalog-category,.catalog-meta,.catalog-price>span,.catalog-price strong small,.catalog-note { color:var(--muted); }
.catalog-price { border-color:var(--line); }
.catalog-price strong { color:var(--ink); }
.catalog-choice { border-radius:13px; }
.catalog-choice-price { color:var(--ink); }
.report-choice { background:var(--surface); color:var(--ink); border:1px solid var(--glass-edge); border-radius:15px; text-align:start; }
.report-choice.selected { background:var(--accent-soft); border-color:var(--accent); box-shadow:inset 0 -2px var(--accent); }
.report-choice strong { font-size:12px; }
.report-choice small { color:var(--muted); font-size:10px; }
.reports-header-icon { background:var(--accent-soft); color:var(--accent-ink); border-radius:16px; }
.report-filter-card { border-radius:20px; }
.report-filter-actions,.report-section-tabs,.report-preview-controls { border-color:var(--line); }
.report-filter-actions>span,.report-export-bar small,.report-preview-controls>strong,.report-notes,.report-stats small,.report-stats strong span { color:var(--muted); }
.report-customer-list { background:var(--surface-solid); border-color:var(--line); border-radius:14px; }
.report-section-tabs button { background:var(--soft); color:var(--muted); border-radius:50px; }
.report-section-tabs button[aria-selected=true] { background:var(--accent-soft); color:var(--accent-ink); }
.report-section-tabs span { background:var(--surface-solid); border-radius:50px; }
.report-stats>div { background:var(--surface); border:1px solid var(--glass-edge); border-radius:17px; }
.report-stats strong { color:var(--ink); }
.report-doc-link,.report-preview-controls summary { color:var(--accent-ink); }
.report-preview-card tfoot td { background:var(--accent-soft); border-color:var(--line); color:var(--ink); }
.report-excel { background:var(--success-soft); color:var(--success); border-color:var(--line); }
.report-excel:hover { background:var(--success-soft); border-color:var(--success); }
.report-export-status { background:var(--accent-soft); border-color:var(--line); color:var(--accent-ink); }
.settings-layout { gap:20px; }
.settings-tabs { top:115px; padding:9px; background:var(--glass-end); border:1px solid var(--glass-edge); border-radius:19px; }
.settings-tabs button { text-align:start; font-size:12px; border-radius:12px; color:var(--muted); }
.settings-tabs button:hover { background:var(--soft); }
.settings-tabs button[aria-selected=true] { background:var(--surface-solid); color:var(--accent-ink); border:0; box-shadow:0 2px 8px #3f495513; }
.settings-panel { padding:28px; border-radius:22px; }
.settings-panel-heading,.settings-facts>div { border-color:var(--line); }
.settings-admin-badge { background:var(--accent-soft); border-color:var(--line); color:var(--accent-ink); font-size:11px; }
.settings-logo,.settings-payments>div,.settings-mini-card,.settings-count-grid>div,.settings-release,.settings-upload { background:var(--soft); border-color:var(--line); border-radius:14px; }
.settings-logo img { background:#fff; border-color:var(--line); border-radius:12px; }
.settings-link-card,.settings-backup-rows { border-color:var(--line); border-radius:14px; }
.settings-backup-rows>div { border-color:var(--line); }
.settings-mini-card p,.settings-payments input[readonly],.settings-doc-number,.settings-footnote { color:var(--muted); }
.settings-facts dd,.settings-release strong,.settings-doc-number { text-align:start; }
.settings-payments input[readonly] { background:var(--field); }
.settings-savebar { background:var(--surface); border:1px solid var(--glass-edge); border-radius:17px; backdrop-filter:blur(24px); -webkit-backdrop-filter:blur(24px); box-shadow:var(--glass-shadow); }
.settings-upload input { background:var(--field); }
.receipt-form-panel { background:var(--surface-solid); border-color:var(--line); padding:25px; }
.receipt-words,.receipt-payment-totals>div { background:var(--soft); color:var(--ink); border-radius:12px; }
.receipt-preview-area { background:transparent; }
.receipt-preview-label { color:var(--muted); }
.receipt-preview-label strong { color:var(--ink); }
.editor-shell,.receipt-workspace { background:var(--surface); border:1px solid var(--glass-edge); border-radius:23px; overflow:hidden; }
.editor-shell { height:calc(100dvh - 136px); min-height:590px; }
.editor-heading { background:var(--surface-solid); padding:18px 24px; border-color:var(--line); }
.editor-heading h1 { font-size:22px; gap:12px; }
.editor-heading .number { color:var(--muted); font-size:12px; }
.editor-heading .back { font-size:11px; }
.editor-heading .actions { gap:8px; }
.editor-heading .btn { min-height:38px; font-size:11px; padding:8px 12px; }
.compact-info { background:var(--soft); color:var(--muted); border-color:var(--line); font-size:10px; padding:9px 24px; }
.save-status { color:var(--success); font-size:10px; }
.save-status.warning { color:var(--accent-ink); }
.save-status.error-text { color:var(--danger); }
.editor-shell iframe { background:var(--bg); }
.mobile-dock { display:none; }
@media(min-width:801px) {
  :root[data-sidebar=collapsed] { --sidebar-width:82px; }
  :root[data-sidebar=collapsed] .sidebar { padding:22px 10px 13px; }
  :root[data-sidebar=collapsed] .brand { padding:0; justify-content:center; }
  :root[data-sidebar=collapsed] .brand>div,:root[data-sidebar=collapsed] .nav-label,:root[data-sidebar=collapsed] .user-line>div,:root[data-sidebar=collapsed] .signout>span { display:none; }
  :root[data-sidebar=collapsed] .nav a { padding:12px; justify-content:center; }
  :root[data-sidebar=collapsed] .nav a .icon { width:21px; height:21px; }
  :root[data-sidebar=collapsed] .sidebar-bottom { padding:14px 0 0; }
  :root[data-sidebar=collapsed] .user-line { padding:0; justify-content:center; }
  :root[data-sidebar=collapsed] .signout { width:100%; justify-content:center; padding:10px; }
}
@media(max-width:1180px) and (min-width:801px) {
  :root { --sidebar-width:208px; }
  .shell { padding:16px; gap:18px; }
  .sidebar { top:16px; height:calc(100dvh - 32px); padding:21px 10px 13px; }
  .workspace-top { top:16px; padding-inline:15px; margin-bottom:23px; }
  .content { padding-inline:2px; }
  .nav a { font-size:11px; padding:10px; }
  .brand { padding:0 5px; gap:8px; }
  .brand strong { font-size:12px; }
  .brand small { font-size:9px; }
  .dash-kpi { padding:16px; }
  .dash-kpi-value { font-size:25px; }
  .dash-shortcut { padding:12px; gap:9px; }
  .dash-shortcut small { font-size:9px; }
  .dash-grid { grid-template-columns:1fr; }
}
@media(max-width:800px) {
  html { scroll-padding-top:90px; }
  .shell { display:block; padding:0; min-height:100dvh; }
  .sidebar { display:none; }
  .main { padding-bottom:calc(107px + env(safe-area-inset-bottom)); }
  .workspace-top { top:0; height:calc(72px + env(safe-area-inset-top)); padding:calc(12px + env(safe-area-inset-top)) 19px 12px; margin:0 0 25px; border:0; border-bottom:1px solid var(--glass-edge); border-radius:0; box-shadow:0 5px 20px #38415305; }
  .workspace-location { gap:10px; }
  .workspace-mobile-brand { display:flex; flex-shrink:0; }
  .workspace-mobile-brand img { width:32px; height:32px; object-fit:contain; }
  .header-page small { font-size:8px; }
  .header-page>span { font-size:13px; max-width:140px; }
  .workspace-actions { gap:6px; }
  .workspace-create,.workspace-avatar,.sidebar-toggle { display:none!important; }
  .glass-icon-button { width:39px; height:39px; padding:8px; border-radius:13px; }
  .language-switcher { padding:3px; border-radius:12px; }
  .language-switcher button { padding:5px 6px; font-size:9px; min-height:30px; }
  .content,.dashboard-content,.reports-content,.settings-content { padding:0 19px 15px; }
  .heading { gap:12px; margin-bottom:22px; flex-wrap:wrap; align-items:flex-start; }
  .heading h1 { font-size:26px; }
  .heading p { font-size:12px; }
  .heading>.btn { font-size:11px; min-height:40px; }
  .heading>.actions { width:100%; gap:8px; }
  .heading>.actions .btn { font-size:11px; }
  .eyebrow { font-size:9px; margin-bottom:5px; }
  .btn { min-height:44px; padding:9px 14px; font-size:12px; }
  .btn.small { min-height:38px; }
  input,textarea,select { min-height:46px; font-size:16px; }
  .field>span { font-size:12px; }
  .filters { padding:16px; gap:10px; }
  .filters .search-wrap { flex-basis:100%; }
  .filters input { min-height:44px; font-size:13px; }
  .filters select { min-height:42px; font-size:11px; }
  .info-strip { font-size:10px; padding:14px 16px; line-height:1.9; }
  .info-strip span[style] { display:block; margin:6px 0 0!important; }
  .card { border-radius:20px; }
  .table-scroll:has(.mobile-card-table) { overflow:visible; padding:12px; }
  .mobile-card-table { width:100%; min-width:0!important; display:block; background:transparent; }
  .mobile-card-table thead { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
  .mobile-card-table tbody { display:grid; gap:12px; }
  .mobile-card-table tbody tr { display:block; padding:17px 16px 14px; background:var(--surface-solid); border:1px solid var(--line); border-radius:17px; box-shadow:0 2px 7px #25354504; min-width:0; }
  .mobile-card-table td { padding:8px 0; border:0; width:100%; display:flex; flex-wrap:wrap; gap:3px 10px; justify-content:space-between; text-align:start; align-items:center; font-size:12px; max-width:none; min-width:0; overflow-wrap:anywhere; }
  .mobile-card-table td:not(:first-child)::before { content:attr(data-label); font-size:10px; color:var(--muted); margin-inline-end:auto; }
  .mobile-card-table td .row-meta { font-size:10px; }
  .mobile-card-table td:first-child { padding:0 0 12px; margin-bottom:6px; border-bottom:1px solid var(--line); display:block; }
  .mobile-card-table td:first-child .quote-title,.mobile-card-table td:first-child strong { font-size:14px; }
  .mobile-card-table td:first-child>a { display:block; }
  .mobile-card-table td:last-child { padding-bottom:0; }
  .mobile-card-table td:last-child .btn { flex:1; border-radius:10px; background:var(--soft); }
  .mobile-card-table td:last-child::before { display:none; }
  .mobile-card-table td .source-link { flex-basis:100%; }
  .mobile-dock {
    position:fixed; inset-inline:12px; bottom:calc(11px + env(safe-area-inset-bottom)); display:flex; align-items:center; justify-content:space-around;
    padding:9px 10px; gap:3px; z-index:40; max-width:570px; margin:auto; border:1px solid var(--glass-edge); border-radius:29px;
    background:linear-gradient(145deg,var(--glass-start),var(--glass-end)); backdrop-filter:blur(28px) saturate(170%); -webkit-backdrop-filter:blur(28px) saturate(170%); box-shadow:inset 0 1px 0 var(--glass-edge),0 7px 30px #2031471e;
  }
  .mobile-dock>a,.mobile-dock>button:not(.dock-create) { display:flex; flex-direction:column; align-items:center; justify-content:center; flex:1; min-width:0; gap:4px; min-height:47px; color:var(--muted); font-size:9px; padding:4px; border:0; border-radius:19px; background:transparent; }
  .mobile-dock .icon { width:21px; height:21px; }
  .mobile-dock a.active,.mobile-dock button.active { background:var(--surface); color:var(--accent-ink); font-weight:700; box-shadow:inset 0 1px 0 var(--glass-edge),0 2px 6px #525f7c10; }
  .mobile-dock .dock-create { width:47px; height:47px; padding:0; border-radius:50%; display:grid; place-items:center; flex-shrink:0; margin-inline:6px; border:1px solid #fff7; color:#514014; background:linear-gradient(140deg,#f8d975,#ecc247); box-shadow:inset 0 1px 0 #fffd,0 4px 12px #9b802225; }
  .mobile-dock .dock-create .icon { width:22px; height:22px; }
  dialog,.customer-modal,dialog:has(#product-form) { inset:auto 0 0; margin:0 auto; max-width:600px; width:100%; max-height:calc(100dvh - 55px); border-radius:28px 28px 0 0; padding:30px 22px calc(24px + env(safe-area-inset-bottom)); border-bottom:0; overscroll-behavior:contain; }
  dialog::before { content:''; position:absolute; top:10px; left:calc(50% - 19px); height:4px; width:38px; border-radius:10px; background:var(--input-line); }
  dialog h2 { font-size:22px; }
  dialog .field input { font-size:16px; }
  .quick-create-choice { min-height:120px; padding:18px 16px; }
  .quick-create-choice strong { font-size:13px; }
  .toast { bottom:calc(98px + env(safe-area-inset-bottom)); max-width:calc(100vw - 30px); font-size:11px; padding:12px 17px; }
  .dash-hero { background:transparent; border:0; padding:0; border-radius:0; margin:0 0 22px; }
  .dash-kicker { font-size:9px; margin-bottom:7px; }
  .dash-hero h1 { font-size:27px; line-height:1.5; margin-bottom:5px; }
  .dash-hero p { font-size:12px; line-height:1.8; margin-bottom:9px; }
  .dash-hero-mark,.dash-shortcuts { display:none; }
  .dash-mobile-feature { display:block; margin:0 0 24px; }
  .dash-feature-button { width:100%; padding:24px; border:1px solid #ffffff66; border-radius:25px; background:linear-gradient(135deg,#344352,#273240); color:#fff; text-align:start; display:block; box-shadow:0 12px 27px #2e3e5118; }
  :root[data-appearance=dark] .dash-feature-button { background:linear-gradient(135deg,#374b61,#2a394f); border-color:#7889a15c; }
  .dash-feature-caption { color:#c4cedb; font-size:11px; display:block; }
  .dash-feature-value { display:flex; align-items:baseline; gap:7px; font-size:35px; margin:9px 0 12px; font-weight:700; line-height:1.3; }
  .dash-feature-value small { font-size:11px; color:#c4cedb; font-weight:400; }
  .dash-feature-button .dash-trend { background:#ffffff17; }
  .dash-feature-button .dash-trend.positive { color:#a8e5c8; }
  .dash-feature-button .dash-trend.negative { color:#f3bab4; }
  .dash-feature-button .dash-trend.neutral { color:#d6deeb; }
  .dash-feature-bottom { display:flex; align-items:center; justify-content:space-between; }
  .dash-feature-bottom>.icon { width:28px; height:28px; padding:5px; border:1px solid #ffffff29; border-radius:50%; }
  .dash-filter-bar { border-radius:17px; padding:15px; border:1px solid var(--glass-edge); background:var(--glass-end); gap:10px; margin-bottom:18px; }
  .dash-filter-title { width:100%; display:flex; align-items:center; justify-content:space-between; gap:10px; }
  .dash-filter-title strong { font-size:13px; }
  .dash-filter-title small { font-size:9px; }
  .dash-filter-title small { display:none; }
  .dash-filter-toggle { display:flex; padding:5px 10px!important; font-size:10px!important; min-height:34px!important; flex:none!important; }
  .dash-filter-owner-note:not([hidden]) { display:block; flex-basis:100%; color:var(--accent-ink); font-size:10px; }
  .dash-filter-bar .dash-filter-period { flex-basis:100%; }
  .dash-filter-bar .dash-filter-details { display:none; }
  .dash-filter-bar[data-expanded=true] .dash-filter-details { display:flex; flex-wrap:wrap; flex-basis:100%; gap:10px; border-top:1px solid var(--line); padding-top:12px; }
  .dash-filter-bar label { flex:1 1 calc(50% - 6px); min-width:0; }
  .dash-filter-bar label>span { font-size:10px; }
  .dash-filter-bar input[type=date],.dash-filter-bar select,.dash-filter-bar .dash-owner-filter select { width:100%; max-width:none; min-width:0; min-height:41px; font-size:11px; }
  .dash-filter-bar input[type=date]::-webkit-date-and-time-value { text-align:start; }
  .dash-filter-bar .btn { flex:1; min-height:39px; }
  .dash-kpis { grid-template-columns:1fr 1fr; gap:12px; margin-bottom:22px; }
  .dash-kpi { padding:18px 16px 14px; border-radius:20px; }
  .dash-kpi-head { gap:8px; font-size:10px; align-items:start; min-height:34px; }
  .dash-kpi-head .icon { width:18px; height:18px; }
  .dash-kpi-value { font-size:26px; margin:9px 0 7px; gap:4px; }
  .dash-kpi-value small { font-size:9px; }
  .dash-kpi-hint { font-size:9px; min-height:30px; margin-bottom:10px; }
  .dash-kpi-bottom { flex-direction:column; align-items:flex-start; gap:6px; font-size:9px; }
  .dash-kpi[data-dash-kpi=invoices] { background:var(--surface); color:var(--ink); border-color:var(--glass-edge); box-shadow:none; }
  .dash-kpi[data-dash-kpi=invoices] .dash-kpi-head,.dash-kpi[data-dash-kpi=invoices] .dash-kpi-value small,.dash-kpi[data-dash-kpi=invoices] .dash-kpi-hint,.dash-kpi[data-dash-kpi=invoices] .dash-kpi-bottom { color:var(--muted); }
  .dash-kpi[data-dash-kpi=invoices] .dash-kpi-head .icon { color:var(--accent-ink); }
  .dash-kpi[data-dash-kpi=invoices] .dash-kpi-bottom { border-color:var(--line); }
  .dash-kpi[data-dash-kpi=invoices] .dash-trend.positive { background:var(--success-soft); color:var(--success); }
  .dash-kpi[data-dash-kpi=invoices] .dash-trend.negative { background:var(--danger-soft); color:var(--danger); }
  .dash-kpi[data-dash-kpi=invoices] .dash-trend.neutral { background:var(--soft); color:var(--muted); }
  .dash-grid { grid-template-columns:1fr; gap:18px; }
  .dash-section-head { padding:21px 19px 15px; gap:10px; }
  .dash-section-head h2 { font-size:16px; }
  .dash-chart-total bdi { font-size:21px; }
  .dash-chart-controls { flex-wrap:wrap; }
  .dash-chart-controls input { flex:1 1 45%; min-width:0; }
  .dash-follow-counts { gap:7px; }
  .dash-follow-counts button { min-width:0; font-size:10px; }
  .dash-method { font-size:10px; }
  .customer-stats { grid-template-columns:1fr 1fr; gap:12px; }
  .customer-stats .card { padding:18px 15px; }
  .customer-stats strong { font-size:24px; }
  .customer-profile-card { padding:22px 19px; }
  .catalog-grid { padding:16px; gap:12px; }
  .catalog-card { padding:20px 18px; }
  .catalog-card-actions .btn { flex:1; }
  .report-catalog { display:flex; overflow-x:auto; scrollbar-width:none; gap:10px; padding-bottom:6px; }
  .report-choice { min-width:145px; max-width:170px; flex-shrink:0; padding:13px 15px; }
  .report-choice strong { font-size:12px; }
  .report-choice small { font-size:10px; }
  .report-filter-card { padding:18px 16px; }
  .report-stats { gap:12px; }
  .report-stats strong { font-size:24px; }
  .report-export-bar .actions { width:100%; }
  .report-export-bar .actions .btn { flex:1; }
  .settings-layout { display:block; }
  .settings-tabs { position:static; display:flex; flex-direction:row; gap:4px; padding:7px; overflow-x:auto; margin-bottom:20px; border-radius:15px; scrollbar-width:none; }
  .settings-tabs button { white-space:nowrap; font-size:11px; padding:11px 13px; min-height:42px; border:0; background:transparent; }
  .settings-tabs button[aria-selected=true] { border:0; }
  .settings-panel { padding:23px 19px; min-height:0; }
  .settings-savebar { bottom:calc(97px + env(safe-area-inset-bottom)); padding:14px 17px; border-radius:17px; z-index:15; }
  .settings-savebar small { font-size:10px; }
  .settings-savebar .btn { min-height:41px; }
  .settings-release strong { font-size:17px; }
  .settings-upload { padding:23px 15px; }
  .settings-upload input { width:100%; }
  .settings-grid,.settings-payments,.settings-facts { grid-template-columns:1fr; }
  .settings-number-grid .settings-mini-card { grid-template-columns:1fr; }
  .settings-number-grid small { grid-column:1; }
  .receipt-workspace { margin:0 15px; border-radius:20px; }
  .receipt-form-panel { padding:22px 19px; }
  .receipt-preview-area { padding:23px 17px; }
  .receipt-payment-totals { grid-template-columns:1fr; }
  .editor-shell { margin:0 14px; height:calc(100dvh - 184px); min-height:560px; border-radius:20px; }
  .editor-heading { padding:15px 17px; gap:12px; }
  .editor-heading h1 { font-size:20px; }
  .editor-heading .number { font-size:10px; }
  .editor-heading>.actions { width:100%; overflow-x:auto; flex-wrap:nowrap; padding:2px 2px 5px; scrollbar-width:none; }
  .editor-heading .actions .btn { flex-shrink:0; min-height:40px; padding:8px 12px; font-size:11px; }
  .compact-info { padding:9px 17px; font-size:9px; }
  .auth-page { display:block; padding:19px; }
  .auth-brand { margin:0 0 20px; padding:24px; border-radius:25px; }
  .auth-brand .auth-logo { width:55px; height:55px; margin-bottom:14px; }
  .auth-brand h2 { font-size:25px; margin:0; }
  .auth-form-area { padding:0; }
  .auth-form { padding:25px 21px; border-radius:25px; }
  .auth-form h1 { font-size:26px; }
  .auth-form .btn { min-height:48px; }
}
@media(max-width:350px) {
  .workspace-top { padding-inline:13px; gap:7px; }
  .workspace-location { gap:6px; }
  .workspace-mobile-brand img { width:26px; height:26px; }
  .header-page>span { font-size:12px; max-width:99px; }
  .workspace-actions { gap:4px; }
  .language-switcher button { padding-inline:5px; font-size:8px; }
  .glass-icon-button { width:36px; height:36px; }
  .content,.dashboard-content,.reports-content,.settings-content { padding-inline:14px; }
  .dash-hero h1 { font-size:24px; }
  .dash-kpi { padding:16px 12px 13px; }
  .dash-kpi-value { font-size:22px; }
  .dash-kpi-head { font-size:9px; gap:5px; }
  .dash-feature-value { font-size:31px; }
  .dash-filter-title small { font-size:8px; }
  .mobile-dock { inset-inline:9px; padding:8px; }
  .mobile-dock .dock-create { margin-inline:2px; width:44px; height:44px; }
  .mobile-dock>a,.mobile-dock>button:not(.dock-create) { font-size:8px; }
  .quick-create-choice { padding:17px 13px; }
  .quick-create-choice strong { font-size:12px; }
  .settings-panel { padding:21px 16px; }
}
@media(prefers-reduced-motion:reduce) {
  *,*::before,*::after { animation:none!important; transition:none!important; scroll-behavior:auto!important; }
}
@supports not (backdrop-filter:blur(1px)) {
  .sidebar,.workspace-top,.mobile-dock,.auth-brand,.settings-savebar { background:var(--surface-solid); }
}
@media print {
  html,body { background:white!important; color:#202529!important; }
  .workspace-top,.sidebar,.mobile-dock,.toast { display:none!important; }
  .shell { display:block; padding:0; }
  .main { padding:0; }
}