.app-shell { --ink:#242b29; --muted:#707773; --line:#e3e7e4; --sidebar-width:244px; color:var(--ink); background:#f5f7f6; font-size:14px; letter-spacing:0; }
.app-shell h1,.app-shell h2,.app-shell h3 { font-family:var(--sans); color:var(--ink); line-height:1.3; }
.app-shell h1 { font-size:28px; font-weight:700; margin:0; }
.app-shell h2 { font-size:18px; font-weight:650; margin:0; }
.app-shell h3 { font-size:15px; font-weight:650; margin:0; }
.app-shell p { line-height:1.6; }
.app-shell [data-lucide],.app-shell .lucide { width:18px; height:18px; flex:0 0 18px; stroke-width:1.8; vertical-align:middle; }
.app-shell .btn { min-height:40px; padding:9px 14px; font-size:13px; font-weight:600; box-shadow:none; border-radius:6px; line-height:1.4; }
.app-shell .btn:hover { transform:none; }
.app-shell .btn-outline { background:#fff; color:#36413b; border-color:#d8dfda; }
.app-shell .btn-outline:hover { background:#f2f5f3; border-color:#b7c3bb; }
.app-shell button:disabled { opacity:.45; cursor:not-allowed; }
.app-shell .icon-button { width:36px; height:36px; min-width:36px; min-height:36px; padding:0; border-radius:6px; border-color:var(--line); color:#68736c; background:#fff; }
.app-shell .icon-button:hover { background:#f0f4f1; color:#243c2c; }
.app-shell .icon-button.success-action { color:#1c7047; }
.app-shell .icon-button.danger-action { color:#a43744; }
.sidebar { position:fixed; z-index:65; inset:0 auto 0 0; width:var(--sidebar-width); background:#fff; border-right:1px solid var(--line); display:flex; flex-direction:column; padding:24px 16px 14px; overflow-y:auto; overscroll-behavior:contain; transition:width .18s,transform .18s; }
.sidebar-brand { gap:10px; min-height:48px; margin:0 2px 30px; }
.sidebar-brand .brand-mark { width:38px; height:38px; flex:0 0 38px; }
.sidebar .brand .sidebar-brand-text { font-family:var(--sans); font-size:15px; font-weight:750; line-height:1.4; white-space:nowrap; }
.sidebar-brand-text small { display:block; font-size:10px; font-weight:500; margin-top:3px; color:var(--muted); }
.nav-section-label { font-size:11px; font-weight:600; color:#8b948e; margin:0 12px 10px; }
.side-nav { display:grid; gap:5px; }
.side-link { display:flex; align-items:center; gap:12px; padding:11px 12px; width:100%; min-height:43px; border:0; border-radius:6px; background:transparent; color:#727a75; text-align:left; font-size:13px; font-weight:550; white-space:nowrap; }
.side-link:hover { color:#343e37; background:#f5f7f5; }
.side-link.active { color:#5a1729; background:#f8edf0; font-weight:650; }
.side-link.active .lucide { color:#8b354f; }
.sidebar-bottom { margin-top:auto; padding-top:36px; }
.sidebar-profile { border-top:1px solid var(--line); padding:18px 6px 0; margin-top:18px; display:flex; gap:10px; align-items:center; }
.sidebar-profile>div { min-width:0; }
.sidebar-profile strong { display:block; font-size:12px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.sidebar-profile small { font-size:11px; color:var(--muted); }
.avatar { display:inline-grid; place-items:center; width:34px; height:34px; flex:0 0 34px; border-radius:50%; background:#eaf1ec; color:#39644a; font-weight:650; font-size:13px; }
.workspace-body { margin-left:var(--sidebar-width); min-width:0; min-height:100svh; display:flex; flex-direction:column; transition:margin-left .18s; }
.workspace-header { height:70px; flex:0 0 70px; position:sticky; top:0; z-index:40; display:flex; align-items:center; justify-content:space-between; gap:16px; padding:0 32px; background:#fff; border-bottom:1px solid var(--line); }
.header-start { display:flex; align-items:center; gap:14px; min-width:0; }
.header-start strong { font-size:13px; font-weight:600; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.header-start .icon-button { border:0; background:transparent; }
.breadcrumb-parent,.breadcrumb-divider { color:#9aa19c; font-size:12px; }
.header-account { display:flex; gap:10px; align-items:center; font-size:12px; font-weight:600; }
.header-account>span:not(.avatar) { max-width:150px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.header-account>.lucide { width:14px; height:14px; color:var(--muted); }
#workspace-content { flex:1; outline:none; min-width:0; }
.workspace-footer { display:flex; justify-content:space-between; gap:16px; padding:20px 32px; font-size:11px; color:#9ca49f; }
.sidebar-close { display:none !important; }
.sidebar-backdrop { position:fixed; inset:0; z-index:60; border:0; background:#14271c66; cursor:default; }
.sidebar-collapsed { --sidebar-width:76px; }
.sidebar-collapsed .sidebar { padding-inline:12px; }
.sidebar-collapsed .sidebar-brand { margin-inline:6px; }
.sidebar-collapsed .sidebar-brand-text,.sidebar-collapsed .side-link>span,.sidebar-collapsed .nav-section-label,.sidebar-collapsed .sidebar-profile>div { display:none; }
.sidebar-collapsed .side-link { justify-content:center; padding:11px; }
.sidebar-collapsed .sidebar-profile { padding-inline:7px; }
.skip-link { position:fixed; top:-100px; left:16px; z-index:100; padding:12px 20px; background:#fff; border:1px solid #245d40; }
.skip-link:focus { top:12px; }
.app-shell .app-main { padding:30px 32px 36px; }
.app-shell .app-main>.wrap { width:100%; max-width:1320px; margin-inline:auto; }
.app-shell .page-title { align-items:center; margin-bottom:26px; gap:20px; }
.page-kicker { color:#859088; font-size:11px; font-weight:600; margin-bottom:7px; }
.app-shell .page-title p { font-size:13px; color:#7b847e; margin:7px 0 0; }
.app-shell .page-title .text-link { margin-bottom:10px; }
.text-link { display:inline-flex; align-items:center; gap:7px; font-size:12px; font-weight:600; color:#4d6557; }
.metric-grid { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:14px; margin-bottom:32px; }
.metric { padding:18px 18px 16px; background:#fff; border:1px solid var(--line); border-radius:8px; min-width:0; }
a.metric:hover { border-color:#b9cabe; }
.metric-label { display:flex; justify-content:space-between; align-items:center; gap:6px; font-size:11px; color:#6d7971; min-height:30px; }
.metric-icon { width:30px; height:30px; flex:0 0 30px; border-radius:6px; display:grid; place-items:center; }
.sage { background:#eaf4ed; color:#398556; }.wine { background:#f7ebef; color:#8c3553; }.amber { background:#fff4e2; color:#a87a25; }.blue { background:#eaf2fa; color:#4077a8; }
.metric strong { display:block; margin-top:12px; font-size:27px; line-height:1.3; font-weight:650; overflow-wrap:anywhere; font-variant-numeric:tabular-nums; }
.metric:last-child strong { font-size:22px; padding-top:5px; }
.client-metrics { grid-template-columns:repeat(3,minmax(0,1fr)); }
.client-metrics .metric:last-child strong { font-size:27px; padding:0; }
.data-section { background:#fff; border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.section-title { display:flex; justify-content:space-between; align-items:center; gap:16px; padding:22px 20px 10px; }
.section-title h2 { display:flex; align-items:center; gap:8px; font-size:16px; }
.count-label { font-size:11px; border-radius:5px; color:#6d7970; background:#eff3f0; padding:3px 7px; font-weight:600; }
.app-shell .filter-row { padding:16px 20px 20px; gap:10px; align-items:center; }
.search-field { display:flex; align-items:center; gap:10px; border:1px solid #dce3dd; border-radius:6px; background:#fff; padding:0 12px; min-width:0; flex:1 1 230px; max-width:420px; color:#9aa69d; }
.search-field input { flex:1; border:0 !important; outline-offset:0 !important; width:100%; padding:10px 0 !important; min-width:0; font-size:12px; min-height:38px; }
.search-field:focus-within { border-color:#518666; box-shadow:0 0 0 2px #51866614; }
.search-field input:focus-visible { outline:none; }
.app-shell .filter-row select { min-height:40px; font-size:12px; border-color:#dce3dd; background:#fff; padding-right:26px; color:#4b5850; }
.app-shell .filter-row .search-field input { flex:1; }
.app-shell table { min-width:0; table-layout:fixed; }
.app-shell th { font-size:11px; font-weight:600; text-transform:none; color:#879289; background:#f7f9f7; padding:12px 20px; }
.app-shell td { padding:18px 20px; font-size:12px; vertical-align:middle; color:#6b776e; border-bottom:1px solid #edf0ed; overflow-wrap:anywhere; }
.app-shell tbody tr:last-child td { border-bottom:0; }
.app-shell tbody tr:hover { background:#fcfdfc; }
.cell-primary { display:block; font-weight:600; color:#37443b; font-size:12px; line-height:1.55; }
a.cell-primary:hover { color:#7a1f35; text-decoration:underline; }
.cell-secondary { display:block; font-size:10px; color:#9aa29c; margin-top:5px; line-height:1.5; }
.amount { font-variant-numeric:tabular-nums; }
.registrations-table th:nth-child(1) { width:21%; }.registrations-table th:nth-child(2) { width:25%; }.registrations-table th:nth-child(3) { width:15%; }.registrations-table th:nth-child(4) { width:16%; }.registrations-table th:nth-child(5) { width:23%; }
.app-shell .badge { font-size:10px; font-weight:600; min-height:23px; padding:4px 7px; border-radius:4px; background:#eef1ee; color:#67796b; line-height:1.4; }
.app-shell .badge.green { background:#eaf6ed; color:#3b8051; }.app-shell .badge.red { background:#fbefef; color:#b3666c; }.app-shell .badge.blue { background:#edf3fa; color:#547da0; }
.compact-actions { gap:5px; }
.compact-actions .icon-button { width:30px; min-width:30px; height:30px; min-height:30px; border-color:#edf0ed; }
.compact-actions .lucide { width:14px; height:14px; flex-basis:14px; }
.pagination { padding:16px 20px; border-top:1px solid var(--line); display:flex; justify-content:space-between; align-items:center; gap:14px; font-size:11px; color:#8a958d; }
.pagination .btn { min-height:32px; font-size:11px; padding:6px 12px; }
.result-count { margin-left:auto; font-size:11px; color:#8a958d; }
.empty-state { padding:50px 20px !important; text-align:center !important; color:#88948b; }
.empty-state>.lucide { display:block; margin:0 auto 12px; width:30px; height:30px; color:#a3b5a8; }
.empty-state h3 { color:#5b6a60; margin:0 0 8px; }
.empty-state p { font-size:12px; margin:0; }
.section-space { margin-top:30px; }
.section-tabs { display:flex; gap:25px; border-bottom:1px solid #dde4de; overflow-x:auto; scrollbar-width:thin; margin:0; }
.section-tabs button { flex:0 0 auto; border:0; background:transparent; padding:16px 0; color:#8b968e; font-size:12px; font-weight:600; border-bottom:2px solid transparent; min-height:48px; white-space:nowrap; }
.section-tabs button[aria-selected='true'] { color:#66243b; border-bottom-color:#7a2944; }
.form-section { display:grid; grid-template-columns:minmax(140px,.38fr) minmax(0,1fr); gap:40px; padding:30px 0; border-bottom:1px solid var(--line); align-items:start; }
.form-section-title h2,.form-section-title h3 { font-size:14px; margin:3px 0 10px; font-weight:600; }
.editor-form { max-width:1050px; }
.app-shell .form-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; align-items:start; }
.app-shell .field { min-width:0; gap:8px; }
.app-shell .field label { font-size:12px; color:#58695e; font-weight:600; }
.app-shell .field input,.app-shell .field select,.app-shell .field textarea { border-color:#dbe3dd; min-height:42px; border-radius:6px; padding:11px 12px; font-size:13px; line-height:1.5; font-weight:400; min-width:0; }
.app-shell .field input:focus,.app-shell .field select:focus,.app-shell .field textarea:focus { border-color:#6b987c; }
.app-shell .field input[type=color] { width:100%; height:43px; padding:5px; cursor:pointer; }
.optional { color:#a1aaa3; font-weight:400; margin-left:5px; font-size:11px; }
.field-hint { font-size:11px; color:#909c93; line-height:1.6; }
.save-bar { position:sticky; bottom:0; z-index:25; display:flex; justify-content:space-between; gap:16px; align-items:center; padding:16px 0; background:#f5f7f6; border-top:1px solid var(--line); margin-top:20px; }
.save-bar>span { font-size:11px; color:#94a097; }
.save-bar [data-dirty='true'] { color:#a2792e; }
.password-field,.copy-field { display:flex; align-items:center; gap:8px; min-width:0; }
.password-field input,.copy-field input { flex:1; min-width:0; }
.password-field .icon-button,.copy-field .icon-button { flex:0 0 40px; width:40px; height:42px; }
.copy-field input { color:#708577; font-size:11px !important; }
.switch-list { display:grid; gap:20px; }
.switch-row { display:flex; align-items:center; justify-content:space-between; gap:20px; font-size:12px; color:#66776c; min-height:38px; }
.switch-row strong { font-weight:500; }
.switch-row.full { grid-column:1 / -1; }
.switch-row input { appearance:none; -webkit-appearance:none; width:36px; min-width:36px; height:21px; border:0; background:#d4dcd6; border-radius:20px; position:relative; cursor:pointer; transition:background .15s; }
.switch-row input::after { content:''; position:absolute; top:3px; left:3px; width:15px; height:15px; background:#fff; border-radius:50%; transition:transform .15s; }
.switch-row input:checked { background:#507e60; }.switch-row input:checked::after { transform:translateX(15px); }
.integration-details { border-top:1px solid var(--line); border-bottom:1px solid var(--line); padding:20px 0; max-width:1050px; }
.integration-details>summary { display:flex; align-items:center; justify-content:space-between; gap:16px; list-style:none; cursor:pointer; color:#556b5c; font-weight:600; font-size:12px; }
.integration-details>div,.integration-details>form { margin-top:24px; }
summary::-webkit-details-marker { display:none; }
.form-actions { margin-top:22px; display:flex; gap:12px; }
.library-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); align-items:start; gap:20px; }
.library-item { border:1px solid var(--line); border-radius:8px; background:#fff; min-width:0; overflow:hidden; }
.library-item>summary { list-style:none; cursor:pointer; }
.template-sample { min-height:180px; padding:28px 20px; text-align:center; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:10px; background:#662238; color:#fbf5f6; }
.template-sample[data-style=gold] { background:#f9edcc; color:#745c28; }.template-sample[data-style=bloom] { background:#f6e6ed; color:#9d4f70; }.template-sample[data-style=midnight] { background:#31363c; color:#f1f2f1; }.template-sample[data-style=sage] { background:#e7f0e9; color:#487259; }.template-sample[data-style=minimal] { background:#f2f3f3; color:#5a6e61; }
.template-sample>span:first-child { font-size:9px; text-transform:uppercase; }
.template-sample strong { font:24px/1.25 var(--serif); overflow-wrap:anywhere; }
.template-sample small { font:italic 12px var(--serif); }
.sample-rule { width:35px; height:1px; background:currentColor; opacity:.4; }
.library-caption { padding:18px; display:flex; align-items:center; justify-content:space-between; gap:12px; }
.library-caption h2 { font-size:13px; margin:0 0 3px; }
.library-caption span { font-size:11px; color:#98a399; }
.library-fields { padding:18px; border-top:1px solid var(--line); }
.invitation-editor { background:#fff; border:1px solid var(--line); border-radius:8px; min-width:0; }
.invitation-summary { list-style:none; padding:22px 24px; display:flex; align-items:center; gap:16px; cursor:pointer; }
.event-symbol { display:grid; place-items:center; width:46px; height:46px; flex:0 0 46px; border-radius:8px; background:#f7edf0; color:#974c66; }
.event-heading { flex:1; min-width:0; }.event-heading h2 { font-size:16px; margin:0 0 4px; }.event-heading>span { font-size:11px; color:#99a39b; }
.invitation-summary>.lucide { color:#a1afa5; transition:transform .15s; }
.invitation-editor[open]>.invitation-summary>.lucide { transform:rotate(180deg); }
.invitation-body { padding:0 24px 8px; border-top:1px solid var(--line); }
.invitation-toolbar { padding:18px 0; display:flex; justify-content:space-between; gap:12px; align-items:center; flex-wrap:wrap; }
.invitation-toolbar .btn { font-size:11px; min-height:36px; }.invitation-toolbar .lucide { width:15px; height:15px; }
.invitation-body .save-bar { background:#fff; }
.invitation-body .form-section { gap:28px; grid-template-columns:140px minmax(0,1fr); }
.inline-notice { display:flex; align-items:center; gap:8px; font-size:11px; color:#ad8950; padding:10px 0 16px; }
.compact-empty { padding:30px 12px !important; }
.welcome-empty { text-align:center; }.welcome-empty img { width:280px; height:150px; object-fit:cover; margin:0 auto 24px; border-radius:6px; }.welcome-empty h2 { margin-bottom:20px; }
.app-shell .flash { font-size:12px; font-weight:500; padding:14px 16px; border-radius:6px; }
.toast { position:fixed; bottom:24px; right:24px; z-index:150; max-width:min(360px,calc(100% - 32px)); background:#304a39; color:white; padding:13px 18px; border-radius:7px; box-shadow:0 6px 30px #17281d22; font-size:12px; }
.app-shell .narrow { max-width:760px !important; margin-left:0 !important; }
.account-profile { display:flex; gap:14px; align-items:center; padding:18px 0 28px; border-bottom:1px solid var(--line); margin-bottom:26px; }
.account-profile .avatar { width:46px; height:46px; }.account-profile strong { display:block; }.account-profile span:not(.avatar) { font-size:12px; color:var(--muted); }
.auth-shell .auth-wrap { background:#f0f4f1; }.auth-shell .auth-card { padding:36px; border-radius:8px; background:#fff; border-color:#dce5dd; box-shadow:0 8px 40px #214d3220; }.auth-shell .auth-card h1 { font-size:25px; margin-top:28px; }.auth-shell .auth-card p { font-size:13px; }
@media(min-width:981px) and (max-width:1280px) { .metric-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }.client-metrics { grid-template-columns:repeat(3,minmax(0,1fr)); }.library-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }.app-shell td,.app-shell th { padding-inline:12px; }.form-section { gap:24px; grid-template-columns:150px minmax(0,1fr); } }
@media(max-width:980px) { .workspace { --sidebar-width:244px; }.workspace-body { margin-left:0; }.sidebar { transform:translateX(-100%); width:min(280px,calc(100% - 42px)); padding:22px 16px 16px; }.sidebar-open .sidebar { transform:translateX(0); }.sidebar-open { overflow:hidden; }.sidebar-close { display:grid !important; position:absolute; top:12px; right:10px; border:0 !important; width:30px !important; min-width:30px !important; }.sidebar-brand { margin-right:25px; }.sidebar-brand .sidebar-brand-text { font-size:13px; }.sidebar-brand-text small { font-size:9px; }.sidebar-collapsed .sidebar-brand-text,.sidebar-collapsed .side-link>span,.sidebar-collapsed .nav-section-label,.sidebar-collapsed .sidebar-profile>div { display:block; }.sidebar-collapsed .side-link { justify-content:flex-start; }.metric-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }.library-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }.workspace-header { padding-inline:24px; }.app-shell .app-main { padding-inline:24px; } }
@media(max-width:760px) {
  .workspace-header { height:60px; flex-basis:60px; padding:0 12px; gap:8px; }.header-start { gap:8px; }.header-start strong { font-size:12px; }.breadcrumb-parent,.breadcrumb-divider,.header-account>span:not(.avatar),.header-account>.lucide { display:none; }.header-account { gap:0; }
  .app-shell .app-main { padding:24px 16px; }.app-shell h1 { font-size:25px; }.app-shell .page-title { flex-direction:row; align-items:flex-start; flex-wrap:wrap; gap:16px; margin-bottom:22px; }.app-shell .page-title p { font-size:12px; }.app-shell .page-title>.btn { font-size:11px; min-height:36px; }.page-kicker { font-size:10px; }
  .metric-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; margin-bottom:24px; }.metric { padding:14px; }.metric-label { font-size:10px; }.metric strong { font-size:24px; }.metric:last-child { grid-column:1 / -1; }.client-metrics .metric:last-child { grid-column:auto; }.client-metrics { grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; }.client-metrics .metric { padding:12px 10px; }.client-metrics .metric-label { flex-direction:column-reverse; align-items:flex-start; gap:8px; min-height:63px; }.client-metrics .metric strong { font-size:23px; }
  .section-title { padding:18px 0 0; }.section-title h2 { font-size:15px; }.section-title .text-link { font-size:10px; }.data-section { background:transparent; border:0; }.app-shell .filter-row { padding:16px 0; }.search-field { max-width:none; flex-basis:100%; }.app-shell .filter-row select { flex:1; }.result-count { font-size:10px; }
  .responsive-table,.responsive-table tbody { display:block; }.responsive-table thead { position:absolute; width:1px; height:1px; clip-path:inset(50%); overflow:hidden; }.responsive-table tbody tr { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px 12px; padding:18px; background:#fff; border:1px solid var(--line); border-radius:8px; margin-bottom:12px; }.responsive-table tbody tr:hover { background:#fff; }
  .app-shell .responsive-table td { display:block; padding:0; border:0; min-width:0; font-size:12px; }.responsive-table td:first-child { grid-column:1 / -1; }.responsive-table td[data-label='Invitation'],.responsive-table td[data-label='Actions'],.responsive-table td[data-label='Message'],.responsive-table td[data-label='Private notes'],.responsive-table td[colspan] { grid-column:1 / -1; }
  .responsive-table td[data-label]::before { content:attr(data-label); display:block; font-size:10px; color:#9ba69e; margin-bottom:6px; }.responsive-table td:first-child::before { display:none; }.cell-primary { font-size:13px; }.cell-secondary { font-size:11px; }.compact-actions { gap:8px; }.compact-actions .icon-button { width:36px; min-width:36px; height:36px; min-height:36px; }.compact-actions .lucide { width:16px; height:16px; }.pagination { padding:12px 0; }
  .form-section,.invitation-body .form-section { grid-template-columns:1fr; gap:16px; padding:24px 0; }.form-section-title h2,.form-section-title h3 { margin:0; font-size:14px; }.app-shell .form-grid { grid-template-columns:1fr; gap:18px; }.section-tabs { gap:22px; }.section-tabs button { font-size:11px; }.save-bar { gap:8px; }.save-bar>span { font-size:10px; }.save-bar .btn { font-size:11px; }.library-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }.library-item[open] { grid-column:1 / -1; }.template-sample { min-height:150px; padding:20px 12px; }.template-sample strong { font-size:20px; }.template-sample small { font-size:10px; }.library-caption { padding:12px; }.library-caption h2 { font-size:11px; }.library-caption span { font-size:10px; }.library-caption>.lucide { width:14px; height:14px; }
  .invitation-summary { gap:10px; padding:18px 14px; flex-wrap:wrap; }.event-symbol { width:34px; height:34px; flex-basis:34px; }.event-heading h2 { font-size:14px; }.event-heading { flex-basis:calc(100% - 65px); }.invitation-summary>.badge { margin-left:44px; }.invitation-summary>.lucide { margin-left:auto; }.invitation-body { padding:0 14px 4px; }.invitation-toolbar { gap:12px; }.invitation-toolbar>.row-actions { gap:6px; }.invitation-toolbar .btn { padding-inline:9px; font-size:10px; }.workspace-footer { padding:18px 16px; font-size:10px; }.password-field .icon-button,.copy-field .icon-button { width:36px; flex-basis:36px; }.auth-shell .auth-wrap { padding:20px; }.auth-shell .auth-card { padding:26px; }
}
.app-shell .cell-secondary,.app-shell th,.field-hint,.optional,.breadcrumb-parent,.breadcrumb-divider,.nav-section-label,.page-kicker,.app-shell .page-title p,.result-count,.pagination,.save-bar>span,.event-heading>span,.library-caption span { color:#68776e; }
.cell-secondary { font-size:11px; }.cell-primary { font-size:13px; }.metric-label { font-size:12px; }
.app-shell .badge.red { color:#944751; }.app-shell .badge.blue { color:#41678b; }
@media(max-width:760px) { .metric-label { font-size:10px; } }
@media(prefers-reduced-motion:reduce) { .app-shell * { transition:none !important; } }

/* v5 dashboard brand cleanup */
.sidebar-brand .brand-logo-mark {
  width:42px;
  height:34px;
  flex:0 0 42px;
  border-radius:8px;
}

.sidebar-collapsed .sidebar-brand .brand-logo-mark {
  width:42px;
  flex-basis:42px;
}

.header-account {
  padding:6px 8px;
  border-radius:999px;
}

.header-account:hover {
  background:#f3f7f4;
}

.workspace-footer span:first-child {
  font-weight:700;
  color:#738196;
}

@media(max-width:760px) {
  .sidebar-brand .brand-logo-mark {
    width:40px;
    height:32px;
    flex-basis:40px;
  }
}

/* v4 dashboard refresh inspired by the A2Z Smart Bill workspace */
.app-shell {
  --ink:#06183f;
  --muted:#5d7390;
  --line:#d7e4f0;
  background:#eaf4ff;
}

.sidebar {
  border-right:1px solid #d5e4f2;
  box-shadow:0 12px 32px rgba(6, 24, 63, .04);
}

.sidebar .brand .sidebar-brand-text,
.app-shell h1,
.app-shell h2,
.app-shell h3 {
  color:#06183f;
  font-weight:800;
}

.nav-section-label {
  color:#7789a6;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.08em;
}

.side-link {
  color:#355174;
  border-left:3px solid transparent;
}

.side-link.active {
  color:#008f73;
  background:#ddf6ee;
  border-left-color:#00aa84;
}

.side-link.active .lucide {
  color:#166dff;
}

.workspace-header {
  background:#fff;
  border-bottom:1px solid #d4e3f1;
}

.app-shell .app-main {
  background:#eaf4ff;
}

.metric,
.data-section,
.library-item,
.invitation-editor,
.auth-shell .auth-card {
  border-color:#c8dae9;
  box-shadow:0 12px 30px rgba(13, 43, 82, .06);
}

.metric {
  border-top:3px solid #00aa84;
}

.metric strong {
  color:#06183f;
  font-weight:800;
}

.metric-label {
  color:#65799a;
  text-transform:uppercase;
  letter-spacing:.05em;
  font-weight:800;
}

.sage,
.wine,
.amber,
.blue {
  border-radius:8px;
}

.sage { background:#ddf6ee; color:#00a276; }
.wine { background:#eef4ff; color:#166dff; }
.amber { background:#fff2ce; color:#af7d00; }
.blue { background:#e3ecff; color:#166dff; }

.app-shell .btn-primary {
  background:#00aa84;
  color:#fff;
}

.app-shell .btn-primary:hover {
  background:#008f73;
}

.app-shell .btn-outline {
  color:#06183f;
  border-color:#c8dae9;
}

.section-tabs button[aria-selected='true'] {
  color:#008f73;
  border-bottom-color:#00aa84;
}

.app-shell .field input:focus,
.app-shell .field select:focus,
.app-shell .field textarea:focus,
.search-field:focus-within {
  border-color:#00aa84;
  box-shadow:0 0 0 3px rgba(0,170,132,.12);
}

.save-bar {
  background:#eaf4ff;
}