:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:#172b24;background:#edf3f0;font-synthesis:none;--green:#176a4e;--green-dark:#0d4e39;--blue:#234b80;--ink:#172b24;--muted:#66766f;--line:#d7e2dc;--panel:#fff;--soft:#f3f7f5;--danger:#a33b32;--warning:#8b620c;--shadow:0 12px 36px #173d3020}*{box-sizing:border-box}body{margin:0;min-height:100vh}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.58}a{color:var(--green)}[hidden]{display:none!important}.loading{min-height:100vh;display:grid;place-items:center;color:var(--muted);font-weight:700}.brand{display:flex;align-items:center;gap:12px}.brand strong,.brand small{display:block}.brand strong{font-size:19px}.brand small{color:var(--muted);font-size:12px}.brand-mark{width:42px;height:42px;border-radius:12px;background:var(--green);color:#fff;display:grid;place-items:center;font-weight:900;font-size:21px}.auth-shell{min-height:100vh;padding:28px;display:grid;place-items:center;background:radial-gradient(circle at 20% 5%,#dcebe4,transparent 38%),#edf3f0}.auth-card{width:min(520px,100%);padding:34px;background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow)}.auth-card .brand{margin-bottom:28px}.auth-card h1{font-size:28px;margin:0 0 8px}.auth-card p{color:var(--muted);line-height:1.5;margin:0 0 22px}.eyebrow{text-transform:uppercase;letter-spacing:.12em;color:var(--green)!important;font-weight:850;font-size:11px;margin:0 0 6px!important}label,legend{display:block;font-size:13px;font-weight:750;color:#30473e}input,select,textarea{width:100%;border:1px solid #c8d7cf;border-radius:9px;padding:11px 12px;background:#fff;color:var(--ink)}input:focus,select:focus,textarea:focus,button:focus-visible{outline:3px solid #d4aa55;outline-offset:2px}.auth-card label:not(.check):not(.choice){margin:15px 0 0}.auth-card label input{margin-top:6px}.check{display:flex;align-items:flex-start;gap:9px;margin:17px 0!important;line-height:1.45}.check input,.choice input{width:auto;accent-color:var(--green);margin-top:2px}.warning{background:#fff8e8;border:1px solid #ead39f;border-radius:10px;padding:12px}fieldset{border:0;padding:0;margin:17px 0}.choice-row{display:flex;gap:10px;margin-top:7px}.choice{flex:1;border:1px solid var(--line);border-radius:9px;padding:11px}.form-grid{display:grid;gap:12px}.form-grid.two{grid-template-columns:1fr 1fr}.button{border:0;border-radius:9px;padding:10px 15px;font-weight:800;min-height:42px}.button.primary{background:var(--green);color:#fff}.button.primary:hover{background:var(--green-dark)}.button.secondary{background:#eaf1ed;color:#274439}.button.danger{background:#f8e7e5;color:var(--danger)}.wide{width:100%;margin-top:12px}.text-button{border:0;background:transparent;color:var(--green);font-weight:800;padding:8px}.notice{border:1px solid #efd0cb;background:#fff2f0;color:#8d342c;border-radius:9px;padding:11px;margin-bottom:18px}.token{display:block;overflow-wrap:anywhere;background:#eef3f9;border:1px solid #d4dfed;padding:13px;border-radius:9px;color:var(--blue)}.app-shell{min-height:100vh;display:grid;grid-template-columns:248px 1fr}.sidebar{height:100vh;position:sticky;top:0;background:#102b22;color:#eaf5ef;padding:22px 16px;display:flex;flex-direction:column}.sidebar .brand strong{color:#fff}.sidebar .brand small{color:#a8c1b7}.sidebar-brand{padding:0 8px 23px}.sidebar nav{display:grid;gap:4px}.nav-button{border:0;background:transparent;color:#c6d9d1;text-align:left;border-radius:8px;padding:10px 12px;font-weight:700;display:flex;gap:10px;align-items:center}.nav-button:hover,.nav-button.active{background:#1c4738;color:#fff}.nav-button span{width:20px;text-align:center}.sidebar-foot{margin-top:auto;border-top:1px solid #315146;padding:16px 8px 0;display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:13px}.sidebar-foot .text-button{color:#bce2d2}.workspace{min-width:0}.topbar{height:72px;padding:10px 28px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:18px;position:sticky;top:0;z-index:5}.selectors{display:flex;gap:12px}.selectors label{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.selectors select{display:block;width:auto;min-width:180px;border:0;padding:2px 22px 2px 0;font-weight:800}.save-status{font-size:12px;color:var(--muted)}.page{max-width:1400px;margin:0 auto;padding:30px}.page-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:22px}.page-heading h1{font-size:30px;margin:0 0 6px}.page-heading p{color:var(--muted);margin:0;line-height:1.5}.heading-actions{display:flex;gap:8px;flex-wrap:wrap}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.metric{background:#fff;border:1px solid var(--line);border-radius:13px;padding:18px}.metric span{display:block;color:var(--muted);font-size:12px;font-weight:750;margin-bottom:8px}.metric strong{font-size:25px}.metric small{display:block;color:var(--muted);margin-top:6px}.panel{background:#fff;border:1px solid var(--line);border-radius:13px;padding:20px;margin-bottom:18px;box-shadow:0 4px 14px #173d3008}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px}.panel h2{font-size:19px;margin:0}.panel p{color:var(--muted)}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:13px}th{text-align:left;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--line);padding:10px}td{border-bottom:1px solid #edf2ef;padding:11px 10px;vertical-align:middle}tr:last-child td{border-bottom:0}.number{text-align:right;font-variant-numeric:tabular-nums}.positive{color:#13734e}.negative{color:#a3453a}.status{display:inline-block;border-radius:99px;background:#eaf2ee;color:#35594a;padding:4px 8px;font-size:11px;font-weight:800}.status.review,.status.open{background:#fff1d7;color:#78540b}.status.archived,.status.inactive{background:#eee;color:#666}.empty{padding:30px;text-align:center;color:var(--muted)}.toolbar{display:flex;gap:10px;margin-bottom:15px;align-items:center;flex-wrap:wrap}.toolbar input{max-width:320px}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.card{border:1px solid var(--line);border-radius:11px;padding:16px}.card h3{margin:0 0 5px}.card p{margin:4px 0}.card-actions{display:flex;gap:6px;margin-top:13px;flex-wrap:wrap}.small-button{border:0;border-radius:7px;padding:6px 9px;background:#edf3f0;color:#2a4c3e;font-weight:750;font-size:12px}.small-button.danger{color:var(--danger);background:#f9ecea}.budget-row input{min-width:100px}.progress{display:block;width:100%;height:7px;border:0;border-radius:99px;background:#e7eeea;overflow:hidden;margin-top:7px}.progress::-webkit-progress-bar{background:#e7eeea}.progress::-webkit-progress-value{background:var(--green)}.progress::-moz-progress-bar{background:var(--green)}.progress.over::-webkit-progress-value{background:#bf5549}.progress.over::-moz-progress-bar{background:#bf5549}.split{display:grid;grid-template-columns:2fr 1fr;gap:18px}.activity-list{display:grid;gap:0}.activity{padding:11px 0;border-bottom:1px solid #edf2ef;display:flex;justify-content:space-between;gap:12px}.activity:last-child{border-bottom:0}.muted{color:var(--muted)}.mobile-only{display:none}.icon-button{border:0;background:transparent;border-radius:7px;font-size:21px;padding:5px 8px}dialog{width:min(620px,calc(100% - 30px));border:0;border-radius:15px;padding:0;box-shadow:0 28px 90px #102b2260}dialog::backdrop{background:#102b2270}dialog form>header,dialog form>footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:17px 20px;border-bottom:1px solid var(--line)}dialog form>footer{border:0;border-top:1px solid var(--line);justify-content:flex-end}dialog h2{margin:0}#modalBody{padding:5px 20px 20px}#modalBody label{margin-top:14px}#modalBody label input,#modalBody label select,#modalBody label textarea{margin-top:6px}.toast{position:fixed;right:20px;bottom:20px;z-index:20;padding:12px 15px;background:#163d30;color:#fff;border-radius:9px;box-shadow:var(--shadow);max-width:380px}.toast.error{background:#8f372f}.receipt-name{overflow-wrap:anywhere}.receipt-preview{height:110px;background:#eef3f0;border-radius:8px;display:grid;place-items:center;color:var(--muted);font-size:28px;margin-bottom:12px}.permission-list{columns:2;column-gap:18px}.permission-list label{break-inside:avoid;margin:6px 0!important;font-weight:600}.permission-list input{width:auto}.callout{border-left:4px solid var(--green);background:#eef7f3;padding:13px 15px;border-radius:7px;margin-bottom:16px;color:#36564a}.danger-zone{border-color:#efc6c1}.danger-zone h2{color:var(--danger)}
@media(max-width:1050px){.metric-grid{grid-template-columns:repeat(2,1fr)}.cards{grid-template-columns:repeat(2,1fr)}.split{grid-template-columns:1fr}}
@media(max-width:760px){.app-shell{display:block}.sidebar{position:fixed;z-index:10;left:-270px;width:250px;transition:left .18s}.sidebar.open{left:0}.mobile-only{display:block}.topbar{padding:10px 14px}.selectors{min-width:0;flex:1}.selectors label{min-width:0}.selectors select{min-width:0;max-width:38vw}.save-status{display:none}.page{padding:20px 14px 80px}.page-heading{display:block}.heading-actions{margin-top:14px}.metric-grid,.cards{grid-template-columns:1fr}.form-grid.two{grid-template-columns:1fr}.permission-list{columns:1}.auth-shell{padding:14px}.auth-card{padding:25px}}
@media(max-width:760px){#page[data-ww-page=overview]>.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}#page[data-ww-page=overview]>.metric-grid .metric{padding:12px}#page[data-ww-page=overview]>.metric-grid .metric strong{font-size:20px}}
/* Safe visual-experience layer. These rules style only reviewed content blocks;
   customer workflows, permissions, and financial behavior remain in app code. */
.ww-custom-blocks{display:grid;gap:18px;margin-top:20px}.ww-custom-block{padding:22px;background:var(--panel,#fff);border:1px solid var(--border,#d9e2de);border-radius:16px}.ww-custom-block h2,.ww-custom-block h3{margin-top:0}.ww-custom-block-grid,.ww-block-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.ww-block-card{padding:16px;border:1px solid var(--border,#d9e2de);border-radius:12px}.ww-button-group,.ww-link-list{display:flex;flex-wrap:wrap;gap:10px}.ww-image img{display:block;max-width:100%;height:auto;border-radius:12px}.ww-image-placeholder{padding:45px 18px;text-align:center;background:#edf2ef;border-radius:12px}.ww-programming-badge{display:inline-flex;margin-bottom:10px;padding:5px 9px;background:#fff1d8;color:#78500f;border-radius:99px;font-size:12px;font-weight:800}.needs-programming{opacity:.7}.ww-contact-form{display:grid;gap:12px;max-width:620px}.ww-contact-form label{display:grid;gap:6px}.ww-contact-form textarea{min-height:130px}.report-problem{margin-top:auto}.control-preview [data-ww-edit-key],.control-preview [data-ww-edit-block],.control-preview [data-ww-edit-section]{cursor:pointer;outline:2px solid transparent;outline-offset:4px}.control-preview [data-ww-edit-key]:hover,.control-preview [data-ww-edit-block]:hover,.control-preview [data-ww-edit-section]:hover{outline-color:#b9791d}
html[data-ww-corners=square] .panel,html[data-ww-corners=square] .ww-custom-block{border-radius:0}html[data-ww-corners=rounded] .panel,html[data-ww-corners=rounded] .ww-custom-block{border-radius:26px}html[data-ww-shadow=none] .panel,html[data-ww-shadow=none] .ww-custom-block{box-shadow:none}html[data-ww-shadow=lifted] .panel,html[data-ww-shadow=lifted] .ww-custom-block{box-shadow:0 24px 60px rgba(20,55,42,.18)}html[data-ww-heading=center] .page-heading{text-align:center}html[data-ww-spacing=compact] #page{gap:10px}html[data-ww-spacing=airy] #page{gap:30px}
@media(max-width:760px){.ww-custom-block-grid,.ww-block-grid{grid-template-columns:1fr}}
.permission-groups{display:grid;gap:10px;margin-top:10px}.permission-group{border:1px solid var(--line);border-radius:11px;background:#fff;overflow:hidden}.permission-group>summary{cursor:pointer;padding:13px 15px;background:var(--soft);list-style-position:inside}.permission-group>summary:hover{background:#eaf1ed}.permission-group>summary span{display:inline-flex;align-items:baseline;justify-content:space-between;gap:14px;width:calc(100% - 24px)}.permission-group>summary strong{color:var(--ink)}.permission-group>summary small{color:var(--muted);font-weight:650}.permission-group-body{padding:6px 15px 14px}.permission-history{padding:4px 0 12px;border-bottom:1px solid var(--line);margin-bottom:10px}.permission-history small{display:block;margin-top:7px;line-height:1.4}.permission-group .permission-list{columns:2;column-gap:18px}.permission-group .permission-list label{break-inside:avoid;margin:8px 0!important}@media(max-width:760px){.permission-group .permission-list{columns:1}.permission-group>summary span{align-items:flex-start;flex-direction:column;gap:3px}}
.control-preview [data-ww-selected]{outline:3px solid #b9791d!important;outline-offset:5px;background:color-mix(in srgb,#b9791d 12%,transparent)}html[data-ww-button-size=compact] .button,html[data-ww-button-size=compact] button{padding-block:7px}html[data-ww-button-size=large] .button,html[data-ww-button-size=large] button{padding-block:15px;padding-inline:22px}html[data-ww-text-scale=small]{font-size:14px}html[data-ww-text-scale=large]{font-size:18px}html[data-ww-card-density=compact] .panel,html[data-ww-card-density=compact] .auth-card{padding:14px}html[data-ww-card-density=roomy] .panel,html[data-ww-card-density=roomy] .auth-card{padding:30px}html[data-ww-width=narrow] .auth-card{width:min(420px,100%)}html[data-ww-width=wide] .auth-card{width:min(680px,100%)}html[data-ww-heading=center] .auth-card>form>h1,html[data-ww-heading=center] .auth-card>form>.eyebrow,html[data-ww-heading=center] .auth-card>form>h1+p{text-align:center}html[data-ww-buttons=outline] .button.primary{background:transparent;color:var(--green);border:2px solid var(--green)}html[data-ww-buttons=soft] .button.primary{background:color-mix(in srgb,var(--green) 16%,#fff);color:var(--green)}html[data-ww-actions=left] .heading-actions{justify-content:flex-start}html[data-ww-actions=spread] .heading-actions{justify-content:space-between}html[data-ww-actions=left] .auth-card .button.wide,html[data-ww-actions=left] .auth-card .text-button.wide{width:auto;margin-right:auto}html[data-ww-actions=right] .auth-card .button.wide,html[data-ww-actions=right] .auth-card .text-button.wide{width:auto;margin-left:auto;display:block}
.gateway-link{box-sizing:border-box;display:block;text-align:center;text-decoration:none}.selected-workspace{margin:16px 0;padding:14px;border:2px solid var(--green);border-radius:10px;background:#eef7f3}.selected-workspace span,.selected-workspace strong{display:block}.selected-workspace span{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.selected-workspace strong{margin-top:4px;font-size:18px;color:var(--green)}
.business-access-actions{display:flex;align-items:center;gap:8px}.personal-view-switch{display:flex;align-items:center;gap:7px;margin-bottom:22px;padding:9px 12px;background:#fff;border:1px solid var(--line);border-radius:12px;position:sticky;top:84px;z-index:3;box-shadow:0 5px 16px #173d300d}.personal-view-switch>span{font-size:12px;font-weight:850;color:var(--muted);margin-right:3px}.personal-view-switch>button:not(.text-button){border:1px solid var(--line);background:#f3f7f5;color:var(--ink);border-radius:8px;padding:7px 12px;font-weight:800}.personal-view-switch>button.active{background:var(--green);border-color:var(--green);color:#fff}.personal-next{border-left:6px solid var(--green);padding:25px}.personal-next h2{font-size:25px;margin:0 0 7px}.personal-step-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:20px}.personal-step-grid>button{min-height:145px;text-align:left;border:1px solid var(--line);border-radius:14px;background:#fff;padding:18px;color:var(--ink);box-shadow:0 4px 14px #173d3008}.personal-step-grid>button:hover{border-color:var(--green);transform:translateY(-1px)}.personal-step-grid>button span{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#e2f0e9;color:var(--green);font-weight:900;margin-bottom:14px}.personal-step-grid>button strong,.personal-step-grid>button small{display:block}.personal-step-grid>button strong{font-size:16px;margin-bottom:6px}.personal-step-grid>button small{color:var(--muted);line-height:1.45}.personal-page-next{display:block;margin:22px 0 0 auto}.personal-bill-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:22px}.personal-bill{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px}.personal-bill.paid{background:#f1f8f4;border-color:#b7d5c7}.personal-bill h3{margin:18px 0 4px}.personal-bill>strong{font-size:24px}.personal-paid{display:flex;align-items:center;gap:8px}.personal-paid input{width:auto;accent-color:var(--green)}.personal-paid span{font-size:12px}.personal-watch-list,.personal-note-list{display:grid;gap:9px}.personal-watch,.personal-note{display:flex;align-items:center;justify-content:space-between;gap:14px;border:1px solid var(--line);border-radius:10px;padding:12px}.personal-watch strong,.personal-watch small{display:block}.personal-watch small{color:var(--muted);margin-top:4px}.paper-layout-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px 14px}.paper-sheet{background:#fff;border:1px solid #b7c0bb;padding:28px;margin:24px auto;max-width:900px;box-shadow:0 5px 20px #173d3014}.paper-sheet h2{text-align:center;margin-top:0}.paper-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:22px 0}.paper-summary span{border:1px solid #cfd7d3;padding:13px}.paper-summary b{display:block;font-size:20px;margin-top:6px}.paper-actions{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:1050px){.personal-step-grid,.paper-actions{grid-template-columns:repeat(2,1fr)}.personal-bill-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.business-access-actions{display:none}.personal-view-switch{top:82px;overflow:auto;white-space:nowrap}.personal-step-grid,.paper-actions,.personal-bill-grid,.paper-layout-grid,.paper-summary{grid-template-columns:1fr}.personal-metrics{grid-template-columns:repeat(2,1fr)}}
.bookkeeping-monitor{margin-top:18px;overflow:hidden}.bookkeeping-monitor>.panel-head p{margin:.35rem 0 0;color:var(--muted)}.notice-count{display:inline-grid;place-items:center;min-width:25px;height:25px;padding:0 7px;border-radius:999px;background:#fff0d7;color:#7b5614;font-size:12px;vertical-align:middle}.bookkeeping-summary{display:flex;align-items:center;gap:18px;margin:0 0 14px;padding:11px 13px;border:1px solid var(--line);border-radius:11px;background:var(--soft);color:var(--muted);font-size:12px;flex-wrap:wrap}.bookkeeping-summary span{white-space:nowrap}.bookkeeping-summary strong{color:var(--ink);font-size:16px}.bookkeeping-summary small{margin-left:auto}.bookkeeping-notice-groups{display:grid;gap:10px}.bookkeeping-notice-group{border:1px solid var(--line);border-radius:11px;background:#fff;overflow:hidden}.bookkeeping-notice-group.severity-major{border-left:5px solid #b54b23}.bookkeeping-notice-group.severity-moderate{border-left:5px solid #c98b1d}.bookkeeping-notice-group.severity-low{border-left:5px solid #4f7ba8}.bookkeeping-notice-group>summary{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 15px;cursor:pointer;background:var(--soft);list-style-position:inside}.bookkeeping-notice-group>summary:hover{background:#eaf1ed}.bookkeeping-notice-group>summary>span:first-child{min-width:0}.bookkeeping-notice-group>summary strong,.bookkeeping-notice-group>summary small{display:block;overflow-wrap:anywhere}.bookkeeping-notice-group>summary small{margin-top:4px;color:var(--muted);font-weight:500;line-height:1.4}.bookkeeping-notice-group>.table-wrap{padding:0 8px 8px}.bookkeeping-notice-cell{min-width:300px;max-width:620px}.bookkeeping-notice-cell strong,.bookkeeping-notice-cell small{display:block;line-height:1.4;overflow-wrap:anywhere}.bookkeeping-notice-cell small{margin-top:5px;color:var(--muted)}.notice-priority{display:inline-flex;width:max-content;align-items:center;border-radius:999px;padding:5px 9px;font-size:10px;font-weight:850;text-transform:uppercase;letter-spacing:.05em}.notice-priority.low{background:#edf4fb;color:#315f91}.notice-priority.moderate{background:#fff0d2;color:#805200}.notice-priority.major{background:#ffe2d5;color:#a23b16}.notice-priority.top{background:#9f1f1a;color:#fff}.bookkeeping-rules-window{margin-top:18px}.bookkeeping-rules-list{display:grid;gap:9px}.bookkeeping-rule-card{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:13px 14px;border:1px solid var(--line);border-radius:11px;background:#fff}.bookkeeping-rule-card.paused{opacity:.65;background:var(--soft)}.bookkeeping-rule-card>div:first-child{display:grid;gap:5px;min-width:0}.rule-card-actions{display:flex;gap:8px;flex-wrap:wrap}
@media print{body{background:#fff}.sidebar,.topbar,.personal-view-switch,.page-heading,.paper-actions,.panel,.personal-page-next,.toast{display:none!important}.app-shell{display:block}.page{max-width:none;padding:0}.paper-sheet{display:block!important;border:0;box-shadow:none;margin:0;max-width:none}.paper-sheet table{font-size:12pt}.paper-sheet th,.paper-sheet td{border:1px solid #888;padding:10px}}

/* Shared usability safeguards for every customer screen. */
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #d4aa55;outline-offset:2px}
.sidebar{overflow-y:auto}
dialog{max-height:calc(100dvh - 30px)}
dialog form{max-height:calc(100dvh - 30px);display:grid;grid-template-rows:auto minmax(0,1fr) auto}
#modalBody{overflow:auto;overscroll-behavior:contain}
.card-actions>button,.card-actions>a,.heading-actions>button,.heading-actions>a{min-height:42px}
.setting-value-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}
.setting-threshold>span{max-width:640px}
.page-heading>div,.panel-head>div,.activity>span{min-width:0}
.activity,.personal-watch,.personal-note{overflow-wrap:anywhere}
@media(max-width:760px){
  .sidebar{z-index:12}
  .sidebar-backdrop{position:fixed;inset:0;z-index:11;border:0;background:#102b2270}
  .panel-head{align-items:flex-start;flex-wrap:wrap}
  .panel-head>.card-actions{width:100%}
  .panel-head>.card-actions>button{flex:1 1 180px}
  .setting-threshold{align-items:flex-start}
  .setting-value-actions{justify-content:flex-start}
}
.limited-helper{display:grid;gap:15px;border-left:6px solid var(--green)}
.limited-helper h2,.paper-preview-intro h2{margin:0 0 6px}
.limited-helper p{margin-top:0}
.helper-conversation{display:grid;gap:8px}
.helper-message{display:grid;gap:3px;max-width:88%;padding:10px 12px;border-radius:11px;line-height:1.45}
.helper-message strong{font-size:10px;text-transform:uppercase;letter-spacing:.06em}
.helper-message span{white-space:pre-line}
.helper-message.user{justify-self:end;background:#e4eef9;color:#173958}
.helper-message.assistant{justify-self:start;background:#f7faf8;border:1px solid var(--line)}
.helper-actions{display:flex;justify-content:flex-end;gap:9px;flex-wrap:wrap}
.helper-review{border:2px solid var(--green);border-radius:12px;padding:16px;background:#f3faf6}
.paper-helper{max-width:760px;margin-inline:auto;padding:22px}
.paper-options>summary{cursor:pointer;padding:4px 0}
.paper-options[open]>summary{margin-bottom:14px}
.paper-preview-intro{max-width:900px;margin:28px auto 0}
.paper-section{padding:18px 0;border-top:1px solid #cfd7d3}
.paper-section:first-of-type{border-top:0}
.paper-section h3{margin:0 0 10px}
.paper-large-number{font-size:28px;font-weight:900;margin:0}
.paper-budget-alert{display:grid;gap:3px;padding:10px 12px;margin:7px 0;border:2px solid #b9791d;border-radius:8px}
@media(max-width:760px){
  .helper-message{max-width:100%}
  .helper-actions .button{flex:1 1 140px}
  .paper-helper{padding:18px}
}
@media print{
  .paper-preview-intro,.paper-watch-alert{display:none!important}
  .paper-section{break-inside:avoid}
}
/* Personal budgeting guidance and interactive paper worksheet */
.budget-row.near-budget{background:#fff8df}
.budget-row.over-budget{background:#fff0f0}
.budget-row.over-budget td:first-child strong,.budget-warning{color:var(--danger);font-weight:700}
.budget-category-details{display:grid;gap:4px;min-width:210px}
.budget-category-details>span{display:flex;align-items:center;gap:7px;flex-wrap:wrap;color:var(--muted);font-size:12px}
.budget-category-details>small{color:var(--muted)}
.overview-budget-warnings>summary{display:flex;align-items:center;justify-content:space-between;gap:14px;cursor:pointer;padding:2px 0 14px}.overview-budget-warnings>summary span{display:grid;gap:4px}.overview-budget-warnings>summary small{color:var(--muted);font-weight:500}.overview-budget-warnings[open]>summary{border-bottom:1px solid var(--line);margin-bottom:8px}.overview-budget-warning-row.near-budget{background:#fff8df}.overview-budget-warning-row.on-budget{background:#eef8f1}.overview-budget-warning-row.over-budget{background:#fff0f0}.overview-budget-warning-row.near-budget td:last-child strong{color:var(--warning)}.overview-budget-warning-row.on-budget td:last-child strong,.overview-budget-warning-row.on-budget td:first-child small{color:var(--green-dark)}.overview-budget-warning-row.over-budget td:last-child strong,.overview-budget-warning-row.over-budget td:first-child small{color:var(--danger)}
.personal-cash-metrics{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.personal-bank-comparison{margin-top:-2px}.number.over-budget strong,.paper-ledger-row.over-budget strong,.paper-ledger-totals .over-budget strong{color:var(--danger)}.paper-summary{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}
.category-reference-row{background:var(--soft)}
.budget-used-cell strong,.budget-used-cell .budget-transactions-button{display:block;margin-left:auto}
.budget-used-cell .budget-transactions-button{margin-top:7px;white-space:nowrap}
.budget-category-move{display:grid;gap:6px;min-width:180px}
.budget-category-move input{min-width:220px;padding:7px 8px;font-size:12px}
.budget-transaction-drilldown td{overflow-wrap:anywhere}
.money-records .transaction-receipt-cell .small-button,.budget-transaction-drilldown .budget-transaction-receipt .small-button{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;white-space:nowrap}
.searchable-category-control{display:grid;gap:4px;min-width:220px}
.searchable-category-control input{width:100%;min-width:220px}
.searchable-category-control small{color:var(--muted);font-size:11px;line-height:1.25}
.budget-suggestions{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;margin:0 0 1rem}
.personal-guidance-toggle{display:flex;justify-content:flex-end;margin:-.5rem 0 .75rem}
.paper-check-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.65rem;margin-bottom:1.25rem}
.paper-check-row{display:flex;gap:.65rem;align-items:flex-start;padding:.8rem;border:1px solid var(--border);border-radius:.65rem;background:var(--surface)}
.paper-check-row span{display:grid;gap:.15rem}
.paper-live-worksheet h3{margin-top:1.25rem}
.paper-ledger{font-family:Georgia,"Times New Roman",serif;background:#fffef8;background-image:repeating-linear-gradient(to bottom,transparent 0,transparent 31px,#dbe7f0 32px);border:1px solid #aeb7b2;box-shadow:0 8px 28px #173d3020}
.paper-ledger-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;border-bottom:3px double #52635b;padding-bottom:14px;margin-bottom:12px}
.paper-ledger-header p{font:700 11px Inter,sans-serif;letter-spacing:.16em;margin:0 0 5px;color:#52635b}.paper-ledger-header h2{font-size:28px;text-align:left;margin:0}.paper-ledger-header>strong{font-size:18px}
.paper-ledger-section{padding:16px 0 10px;border-bottom:1px solid #7f8d86}.paper-ledger-section h3{display:inline-block;margin:0 0 10px;padding:0 8px 3px 0;background:#fffef8;font-size:20px}
.paper-ledger-row{min-height:38px;display:grid;grid-template-columns:minmax(150px,2fr) minmax(100px,1fr) minmax(100px,1fr) auto auto;align-items:center;gap:12px;border-bottom:1px solid #ccd9e1;padding:5px 2px}
.paper-ledger-row label{display:flex;align-items:center;gap:8px}.paper-ledger-row label input[type=checkbox]{width:auto}.paper-ledger-row input:not([type=checkbox]){border:0;border-bottom:1px solid #697971;border-radius:0;background:transparent;padding:4px 2px}
.paper-edit-mark,.paper-add-line{border:0;background:transparent;color:#176a4e;font-weight:800;text-decoration:underline;text-underline-offset:3px;padding:7px 3px}
.paper-add-line{display:block;margin-top:8px}.paper-empty-line,.paper-note-line{min-height:36px;margin:0;padding:8px 2px;border-bottom:1px solid #ccd9e1;color:#66766f}
.paper-ledger-totals{width:min(480px,100%);margin:20px 0 12px auto;border:2px solid #52635b;background:#fffef8}.paper-ledger-totals>div{display:flex;justify-content:space-between;gap:20px;padding:9px 12px;border-bottom:1px solid #98a69f}.paper-ledger-totals>div:last-child{border-bottom:0}.paper-ledger-totals .grand-total{font-size:19px;border-top:3px double #52635b}
.paper-save-line{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:16px}
@media(max-width:760px){.paper-ledger{padding:18px}.paper-ledger-row{grid-template-columns:1fr auto}.paper-ledger-row>*{min-width:0}.paper-ledger-row input{max-width:140px}.paper-ledger-header{display:block}.paper-ledger-header>strong{display:block;margin-top:8px}}
@media print{.paper-ledger .paper-add-line,.paper-ledger .paper-edit-mark,.paper-ledger .paper-save-line,.paper-ledger input{display:none!important}.paper-ledger{background:#fff}}

/* WardWatch navy, blue, and copper brand system */
:root{color:#14213d;background:#f2f5fa;--green:#0b4da2;--green-dark:#071d4f;--blue:#1261c9;--copper:#c47838;--ink:#14213d;--muted:#60708b;--line:#d8e0ec;--panel:#fff;--soft:#f4f7fb;--shadow:0 12px 36px #071d4f1c}
.auth-shell{background:radial-gradient(circle at 18% 4%,#dfeaff,transparent 38%),#f2f5fa}
.auth-brand{display:grid;justify-items:center;gap:7px;text-align:center}.auth-brand .brand-logo-full{display:block;width:min(285px,82%);height:auto}.auth-brand small{letter-spacing:.05em}
.brand-mark{overflow:hidden;background:#fff;border:1px solid #d8e0ec;padding:3px}.brand-mark img{display:block;width:100%;height:100%;object-fit:contain}
.sidebar{background:#071d4f}.sidebar .brand small{color:#b8c9e8}.nav-button{color:#d0dcf1}.nav-button:hover,.nav-button.active{background:#0b4da2}.sidebar-foot{border-color:#254374}.sidebar-foot .text-button{color:#d8e6ff}
.button.secondary,.small-button{background:#eef3fb;color:#173d77}.status{background:#eaf0fa;color:#244b82}.callout{background:#eef4fd;color:#29466f}.personal-step-grid>button span{background:#e7effc}.personal-bill.paid{background:#f0f5fd;border-color:#bfd0e9}
.eyebrow,.paper-edit-mark,.paper-add-line{color:#0b4da2}.paper-budget-alert,.control-preview [data-ww-edit-key]:hover,.control-preview [data-ww-edit-block]:hover,.control-preview [data-ww-edit-section]:hover{border-color:#c47838}
.toast{background:#071d4f}.topbar{box-shadow:0 2px 10px #071d4f0a}

/* Copper is a supporting brand accent; readable content remains navy/ink. */
.auth-card{border-top:4px solid var(--copper)}
.auth-legal{display:flex;justify-content:center;gap:18px;margin-top:24px;padding-top:18px;border-top:1px solid var(--line);font-size:12px;font-weight:750}.auth-legal a{color:var(--green-dark)}
.legal-update-list{display:grid;gap:12px;margin:18px 0}.legal-update-item{border:1px solid var(--line);border-radius:11px;padding:14px;background:var(--soft)}.legal-update-item .check{margin:0!important}.legal-update-item a{font-weight:850}.legal-update-version{display:block;margin:6px 0 0 29px;color:var(--muted);font-size:12px}.legal-update-unavailable{border:1px solid #efd0cb;background:#fff2f0;color:#8d342c;border-radius:9px;padding:12px;line-height:1.5}
.account-use-control{display:inline-flex;align-items:center;gap:7px;white-space:nowrap}.account-use-control input{width:auto;accent-color:var(--green)}
.eyebrow{border-left:3px solid var(--copper);padding-left:8px}
.nav-button.active{box-shadow:inset 4px 0 0 var(--copper)}
.nav-button .nav-icon{width:19px;height:19px;display:block;flex:none}
.audit-integrity summary span{display:flex;align-items:center;justify-content:space-between;gap:14px;width:100%}.audit-integrity summary small{border-radius:999px;padding:5px 10px;font-weight:850}.audit-integrity.verified summary small{background:#e6f4ed;color:#126347}.audit-integrity.checking summary small{background:#fff3d6;color:#805a0b}.audit-integrity.failed{border-color:#d89991}.audit-integrity.failed summary small{background:#fae5e2;color:#983b32}.audit-integrity.unavailable summary small{background:#edf0f4;color:#59626d}.audit-integrity-explanation{padding-top:12px}.audit-integrity-explanation p{margin:6px 0}
.nav-alert-count{margin-left:auto;min-width:24px;height:24px;padding:0 7px;border-radius:999px;background:#c47838;color:#fff;display:inline-grid;place-items:center;font-size:11px;font-variant-numeric:tabular-nums}
.topbar{border-bottom-color:#c4783866}
.metric{border-top:3px solid #c47838}
.panel-head{border-left:3px solid #c47838;padding-left:10px}
.button.primary{box-shadow:inset 0 -3px 0 #8f4f24}
.button.secondary,.small-button{border:1px solid #c4783855}
.status.review,.status.open{border:1px solid #c4783877}
.provider-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:14px}
.provider-connection{border-top:1px solid var(--line);padding-top:4px}
.provider-connection:first-child{border-top:0}
.provider-sync-status{margin:0 0 12px;padding:10px 12px;border:1px solid var(--line);border-radius:9px;background:var(--soft)}
.provider-sync-copy{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.provider-sync-copy strong{font-size:13px;color:var(--ink)}
.provider-sync-copy span{font-size:12px;color:var(--muted);text-align:right}
.provider-sync-status small{display:block;margin-top:5px;color:var(--muted);font-size:11px}
.provider-sync-progress{display:block;width:100%;height:8px;margin-top:8px;border:0;border-radius:999px;overflow:hidden;background:#dfe9e4;accent-color:var(--green)}
.provider-sync-progress::-webkit-progress-bar{background:#dfe9e4}
.provider-sync-progress::-webkit-progress-value{background:linear-gradient(90deg,var(--green),#c47838)}
.provider-sync-progress::-moz-progress-bar{background:linear-gradient(90deg,var(--green),#c47838)}
.provider-sync-status.active{border-color:#c4783877;background:#fff8f1}
.provider-sync-status.failed{border-color:#dca8a2;background:#fff2f0}
.provider-sync-status.failed .provider-sync-progress{accent-color:var(--danger)}
.provider-sync-status.failed .provider-sync-progress::-webkit-progress-value{background:var(--danger)}
.provider-sync-status.failed .provider-sync-progress::-moz-progress-bar{background:var(--danger)}
@media(max-width:620px){.provider-sync-copy{display:block}.provider-sync-copy span{display:block;margin-top:3px;text-align:left}}

/* Security cases use both written labels and color so severity remains accessible. */
.status.emergency,.status.top{background:#8f1d1d;color:#fff;border:1px solid #681313}
.status.major{background:#ffe0d2;color:#8d2f13;border:1px solid #e6a183}
.status.moderate{background:#fff0c7;color:#765000;border:1px solid #dfbd61}
.status.low{background:#e6effc;color:#174b88;border:1px solid #9dbbe0}
.security-case-row td:first-child{border-left:5px solid transparent}
.security-case-row.severity-emergency td:first-child,.security-case-row.severity-top td:first-child{border-left-color:#8f1d1d}
.security-case-row.severity-major td:first-child{border-left-color:#cf5b2a}
.security-case-row.severity-moderate td:first-child{border-left-color:#d39a16}
.security-case-row.severity-low td:first-child{border-left-color:#2e6fb8}
.security-review-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 0 14px;border-bottom:1px solid var(--line);color:var(--muted);font-size:12px}
.security-case-explanation{display:grid;gap:12px;margin:2px 0 18px}
.security-explanation-block{padding:14px;border:1px solid var(--line);border-radius:11px;background:var(--soft)}
.security-explanation-block h3{margin:0 0 7px;color:var(--green-dark);font-size:15px}
.security-explanation-block p,.security-explanation-block ul{margin:0;line-height:1.5}
.security-explanation-block ul{padding-left:20px}
.security-explanation-block li+li{margin-top:6px}
.security-evidence-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.security-evidence-grid>div{display:grid;gap:3px;padding:9px 10px;border-radius:8px;background:#fff}
.security-evidence-grid span{color:var(--muted);font-size:11px}
.security-evidence-grid strong{color:var(--ink);overflow-wrap:anywhere}
.security-change-list{display:grid;gap:8px}
.security-change-detail{overflow:hidden;border:1px solid var(--line);border-radius:9px;background:#fff}
.security-change-detail>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 12px;cursor:pointer;list-style:none}
.security-change-detail>summary::-webkit-details-marker{display:none}
.security-change-detail>summary span:first-child{display:grid;gap:3px;min-width:0}
.security-change-detail>summary small{color:var(--muted);font-weight:600}
.security-change-detail>summary span:last-child{color:var(--green-dark);font-size:12px;font-weight:800;white-space:nowrap}
.security-change-detail[open]>summary{border-bottom:1px solid var(--line);background:#f8fbf9}
.security-change-detail>.security-evidence-grid{padding:10px 12px 0}
.security-change-detail>p{margin:10px 12px 12px}
.security-system-note{padding:11px 13px;border-left:4px solid var(--copper);background:#fff8f1;color:var(--muted);font-size:12px;line-height:1.5}
.danger-selection,.helper-review.danger-review,.security-mute-proof{border:2px solid #a32626;border-radius:11px;background:#fff0f0;color:#681313;padding:14px}
.danger-selection p,.security-mute-proof p{margin:.4rem 0 0;line-height:1.5}.danger-selection label{margin-top:12px;color:var(--ink)}
.helper-review.danger-review{display:grid;gap:10px}.helper-review.danger-review h3,.helper-review.danger-review p,.helper-review.danger-review ul{margin:0}.helper-review.danger-review ul{padding-left:21px;line-height:1.5}
.danger-check{padding:11px;border:1px solid #c96767;border-radius:8px;background:#fff;font-weight:800}.danger-check input{accent-color:#a32626}
.button.danger{background:#a32626;color:#fff;border:1px solid #741919}.button.danger:disabled{opacity:.45;cursor:not-allowed}
.notification-mute-card{border:2px solid #c96767;background:#fff7f7}.notification-mute-card .panel-head{border-left-color:#a32626}
.muted-records{border-left:5px solid #a32626}.muted-notification-row{background:#fffafa}
.security-mute-proof{margin-bottom:2px}.security-mute-proof strong{display:block}
@media(max-width:620px){.security-review-heading{align-items:flex-start;flex-direction:column}.security-evidence-grid{grid-template-columns:1fr}}
.bookkeeping-notice-group select,.bookkeeping-notice-group textarea{min-width:180px;margin:0}
.bookkeeping-notice-group textarea{resize:vertical}
.bookkeeping-group-finish{display:flex;align-items:center;justify-content:flex-end;gap:14px;padding:12px 8px 4px;border-top:1px solid var(--line);flex-wrap:wrap}
.bookkeeping-group-finish p{margin:0;color:var(--muted);font-size:12px}
.bookkeeping-reviewed-history{margin-top:14px;border:1px solid var(--line);border-radius:11px;background:var(--soft)}
.budget-category-header-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.budget-category-content[hidden]{display:none}.budget-category-toggle{min-width:138px}
.bookkeeping-reviewed-history>summary{padding:13px 15px;cursor:pointer}
.bookkeeping-reviewed-history>.table-wrap{padding:0 8px 8px}
@media(max-width:760px){.bookkeeping-notice-group select,.bookkeeping-notice-group textarea{min-width:150px}.bookkeeping-group-finish .button{width:100%}}

/* Overview stays intentionally compact, with clear brand-led visual zones. */
#page[data-ww-page=overview]{max-width:1120px}
#page[data-ww-page=overview]>.page-heading{
  position:relative;
  overflow:hidden;
  padding:24px 26px 26px;
  border:1px solid #163d7d;
  border-radius:18px;
  background:linear-gradient(135deg,#071d4f 0%,#0b4da2 74%,#1261c9 100%);
  box-shadow:0 14px 34px #071d4f24;
  color:#fff;
}
#page[data-ww-page=overview]>.page-heading::after{
  content:"";
  position:absolute;
  right:-54px;
  bottom:-62px;
  width:190px;
  height:128px;
  border:18px solid #d3945d;
  border-radius:50%;
  opacity:.34;
  transform:rotate(-16deg);
  pointer-events:none;
}
#page[data-ww-page=overview]>.page-heading h1{color:#fff;letter-spacing:-.02em}
#page[data-ww-page=overview]>.page-heading .eyebrow{
  border-left-color:#e5ad7c;
  color:#f4c79f!important;
}
#page[data-ww-page=overview]>.page-heading p{max-width:720px;color:#e1eafa}
#page[data-ww-page=overview]>.metric-grid{gap:16px;margin:22px 0 18px}
#page[data-ww-page=overview]>.metric-grid .metric{
  min-height:144px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  border:1px solid #cfd9e8;
  border-top:0;
  border-left:5px solid var(--blue);
  border-radius:15px;
  background:linear-gradient(135deg,#fff 0%,#f4f8ff 100%);
  box-shadow:0 8px 24px #071d4f12;
}
#page[data-ww-page=overview]>.metric-grid .metric:nth-child(2){
  border-left-color:var(--copper);
  background:linear-gradient(135deg,#fff 0%,#fff7ef 100%);
}
#page[data-ww-page=overview]>.metric-grid .metric span{
  color:#53647e;
  font-size:11px;
  letter-spacing:.075em;
  text-transform:uppercase;
}
#page[data-ww-page=overview]>.metric-grid .metric strong{
  color:#0b285d;
  font-size:30px;
  letter-spacing:-.025em;
  font-variant-numeric:tabular-nums;
}
#page[data-ww-page=overview]>.metric-grid .metric:nth-child(2) strong{color:#7d421c}
#page[data-ww-page=overview]>.personal-bank-comparison{
  border:1px solid #bfd6cc;
  border-left:5px solid #26755b;
  border-radius:12px;
  background:#f2faf6;
  box-shadow:0 5px 16px #071d4f0b;
}
#page[data-ww-page=overview]>.overview-budget-warnings{
  border:1px solid #e1c7aa;
  border-left:5px solid var(--copper);
  background:linear-gradient(90deg,#fffaf4 0%,#fff 34%);
  box-shadow:0 7px 20px #071d4f0d;
}
#page[data-ww-page=overview]>.overview-budget-warnings>summary{
  min-height:48px;
  padding:4px 0;
  color:#5e351a;
}
#page[data-ww-page=overview]>.overview-budget-warnings>summary::after{
  content:"View";
  flex:0 0 auto;
  padding:6px 10px;
  border:1px solid #ddb78f;
  border-radius:999px;
  background:#fff;
  color:#794a27;
  font-size:11px;
  font-weight:850;
}
#page[data-ww-page=overview]>.overview-budget-warnings[open]>summary{
  padding-bottom:14px;
}
#page[data-ww-page=overview]>.overview-budget-warnings[open]>summary::after{content:"Close"}
#page[data-ww-page=overview]>.overview-transactions{
  padding:0;
  overflow:hidden;
  border:1px solid #cfd9e8;
  border-top:5px solid var(--blue);
  border-radius:15px;
  box-shadow:0 10px 26px #071d4f12;
}
#page[data-ww-page=overview]>.overview-transactions>.panel-head{
  padding:20px 22px 16px;
  margin:0;
  border-bottom:1px solid #dbe4f0;
  background:linear-gradient(90deg,#f2f6fc 0%,#fff 72%);
}
#page[data-ww-page=overview]>.overview-transactions>.panel-head h2{color:#0b285d}
#page[data-ww-page=overview]>.overview-transactions>.panel-head p{
  max-width:590px;
  margin:5px 0 0;
  font-size:13px;
  line-height:1.45;
}
#page[data-ww-page=overview]>.overview-transactions .activity-list{
  gap:8px;
  padding:12px;
  background:#f7f9fc;
}
#page[data-ww-page=overview]>.overview-transactions .activity{
  align-items:center;
  min-width:0;
  padding:12px 14px;
  border:1px solid #e1e7f0;
  border-radius:10px;
  background:#fff;
}
#page[data-ww-page=overview]>.overview-transactions .activity>span{min-width:0}
#page[data-ww-page=overview]>.overview-transactions .activity>span>strong{
  display:block;
  overflow:hidden;
  color:#1c2e50;
  text-overflow:ellipsis;
  white-space:nowrap;
}
#page[data-ww-page=overview]>.overview-transactions .activity>strong{
  padding-left:10px;
  font-size:15px;
  font-variant-numeric:tabular-nums;
  white-space:nowrap;
}
#page[data-ww-page=overview]>.overview-transactions .button.secondary{
  background:var(--green);
  color:#fff;
  box-shadow:0 5px 12px #0b4da226;
}
#page[data-ww-page=overview]>.overview-transactions .button.secondary:hover{background:var(--green-dark)}
#page[data-ww-page=overview]>.overview-transactions .text-button{
  border:1px solid #b9c9de;
  border-radius:9px;
  background:#fff;
  color:#174b88;
}

@media(max-width:760px){
  #page[data-ww-page=overview]{padding-top:14px}
  #page[data-ww-page=overview]>.page-heading{padding:19px 18px 21px;border-radius:15px}
  #page[data-ww-page=overview]>.page-heading h1{font-size:25px}
  #page[data-ww-page=overview]>.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:16px}
  #page[data-ww-page=overview]>.metric-grid .metric{min-height:126px;padding:14px 12px}
  #page[data-ww-page=overview]>.metric-grid .metric strong{font-size:22px}
  #page[data-ww-page=overview]>.metric-grid .metric small{font-size:11px;line-height:1.35}
  #page[data-ww-page=overview]>.overview-budget-warnings{padding:15px 14px}
  #page[data-ww-page=overview]>.overview-budget-warnings>summary{gap:10px}
  #page[data-ww-page=overview]>.overview-budget-warnings>summary::after{padding:5px 8px}
  #page[data-ww-page=overview]>.overview-transactions>.panel-head{
    display:block;
    padding:17px 15px 14px;
  }
  #page[data-ww-page=overview]>.overview-transactions>.panel-head .heading-actions{
    display:grid;
    grid-template-columns:1fr auto;
    margin-top:13px;
  }
  #page[data-ww-page=overview]>.overview-transactions .activity-list{padding:9px;gap:6px}
  #page[data-ww-page=overview]>.overview-transactions .activity{padding:10px}
}

@media(max-width:390px){
  #page[data-ww-page=overview]>.metric-grid{grid-template-columns:1fr}
  #page[data-ww-page=overview]>.metric-grid .metric{min-height:112px}
}

.budget-progress-readout{margin-top:8px;min-width:150px}
.budget-progress-readout .progress{height:7px;margin-top:0}
.budget-progress-caption{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-top:5px;
  color:var(--muted);
  font-size:11px;
  line-height:1.25;
  white-space:nowrap;
}
.budget-progress-caption strong{color:var(--blue);font-size:12px}
.budget-progress-caption.over strong,.budget-progress-caption.over span{color:var(--danger)}
@media(max-width:760px){
  .budget-progress-readout{width:100%;min-width:0}
  .budget-progress-caption{font-size:12px}
  .budget-progress-caption strong{font-size:13px}
  .business-budget-panel .table-wrap,.personal-budget-plan .table-wrap{overflow:visible}
  .business-budget-panel table,.business-budget-panel tbody,.personal-budget-plan table,.personal-budget-plan tbody{
    display:block;
    width:100%;
  }
  .business-budget-panel thead,.personal-budget-plan thead{display:none}
  .business-budget-panel tr,.personal-budget-plan tr{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;
    width:100%;
    min-width:0;
    margin:0 0 13px;
    padding:12px;
    overflow:hidden;
    border:1px solid var(--line);
    border-radius:12px;
    background:#fff;
    box-shadow:0 4px 14px #071d4f0b;
  }
  .business-budget-panel td,.personal-budget-plan td{
    display:block;
    width:100%;
    min-width:0;
    padding:0;
    border:0;
    text-align:left;
  }
  .business-budget-panel td::before,.personal-budget-plan td::before{
    content:attr(data-label);
    display:block;
    margin-bottom:5px;
    color:var(--muted);
    font-size:10px;
    font-weight:800;
    letter-spacing:.04em;
    text-align:left;
    text-transform:uppercase;
  }
  .business-budget-panel .budget-category-primary,.personal-budget-plan .budget-category-primary{
    grid-column:1/-1;
    display:block;
    margin:-12px -12px 1px;
    padding:13px 12px 11px;
    border-left:4px solid var(--copper);
    border-bottom:1px solid #e1e7f0;
    background:#f5f8fc;
    text-align:left;
  }
  .business-budget-panel .budget-plan-cell,.personal-budget-plan .budget-plan-cell{
    grid-column:1/-1;
    display:block;
    text-align:left;
  }
  .business-budget-panel .budget-plan-cell input,.personal-budget-plan .budget-plan-cell input,
  .business-budget-panel td[data-label="Note"] input,.personal-budget-plan td[data-label="Note"] input{
    min-width:0;
    width:100%;
  }
  .business-budget-panel td[data-label="Part of total plan"],
  .personal-budget-plan td[data-label="Part of total plan"]{display:none}
  .business-budget-panel td[data-label="Transactions"],.personal-budget-plan td[data-label="Transactions"],
  .business-budget-panel td[data-label="Remaining"],.personal-budget-plan td[data-label="Remaining"]{
    min-height:56px;
    padding:8px;
    border:1px solid #e2e8f1;
    border-radius:9px;
    background:#f8fafd;
  }
  .business-budget-panel td[data-label="Note"],.personal-budget-plan td[data-label="Note"],
  .business-budget-panel .budget-category-actions{grid-column:1/-1}
  .business-budget-panel .budget-used-cell>strong,.personal-budget-plan .budget-used-cell>strong{display:none}
  .business-budget-panel .budget-transactions-button,.personal-budget-plan .budget-transactions-button{
    width:100%;
    margin:0;
    white-space:normal;
  }
  .business-budget-panel .budget-category-actions .small-button{width:100%}
  .budget-progress-caption{margin-top:4px}
  .business-budget-panel .category-reference-row td{
    grid-column:1/-1;
    display:block;
    text-align:left;
  }
.business-budget-panel .category-reference-row td::before{display:none}
  .budget-transaction-drilldown{overflow:visible}
  .budget-transaction-drilldown table,.budget-transaction-drilldown tbody{
    display:block;
    width:100%;
  }
  .budget-transaction-drilldown thead{display:none}
  .budget-transaction-drilldown tr{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;
    width:100%;
    min-width:0;
    margin:0 0 12px;
    padding:12px;
    border:1px solid var(--line);
    border-radius:11px;
    background:#fff;
  }
  .budget-transaction-drilldown td{
    display:block;
    width:100%;
    min-width:0;
    padding:0;
    border:0;
    text-align:left;
  }
  .budget-transaction-drilldown td::before{
    content:attr(data-label);
    display:block;
    margin-bottom:4px;
    color:var(--muted);
    font-size:10px;
    font-weight:800;
    letter-spacing:.04em;
    text-transform:uppercase;
  }
  .budget-transaction-drilldown .budget-transaction-description,
  .budget-transaction-drilldown .budget-transaction-receipt,
  .budget-transaction-drilldown .budget-transaction-move-cell{grid-column:1/-1}
  .budget-transaction-drilldown .budget-transaction-description{
    margin:-12px -12px 1px;
    width:auto;
    padding:12px;
    border-bottom:1px solid var(--line);
    background:var(--soft);
  }
  .budget-transaction-drilldown .budget-category-move,
  .budget-transaction-drilldown .searchable-category-control,
  .budget-transaction-drilldown .searchable-category-control input{
    width:100%;
    min-width:0;
  }
  .budget-transaction-drilldown .budget-category-move .small-button{width:100%}
}

/* Receipt review and duplicate-safe batch selection. */
.receipt-preview{width:100%;border:0;font-size:16px;padding:12px;text-align:center}
.receipt-preview strong,.receipt-preview span{display:block}
.receipt-preview strong{font-size:20px;color:var(--blue)}
.receipt-preview span{font-size:12px;margin-top:4px}
.receipt-preview-button{position:relative;overflow:hidden;height:145px;padding:3px;background:#f7faf8;text-decoration:none}
.receipt-preview-button:hover{background:#d6e4dd}
.receipt-card-thumbnail{display:block;width:100%;height:100%;object-fit:contain;object-position:center}
.receipt-card-thumbnail-loading{opacity:.55}
.receipt-card-thumbnail-unavailable{display:none}
.receipt-card-preview-label{position:absolute;right:7px;bottom:7px;margin:0!important;padding:5px 8px;border-radius:7px;background:#102b22d9;color:#fff;font-size:11px!important;font-weight:800;box-shadow:0 2px 8px #102b2240}
.receipt-tools .form-grid{align-items:end}
.receipt-card.receipt-needs-review{border-color:color-mix(in srgb,#c47838 58%,var(--line));box-shadow:inset 4px 0 0 #c47838}
.receipt-preview-status strong{color:var(--muted)}
.receipt-safety-status{width:100%;display:grid;gap:7px;align-items:center;color:var(--muted);font-size:12px}
.receipt-safety-status strong{font-size:15px;color:var(--blue)}
.receipt-safety-status progress{display:block;width:100%;height:8px;border:0;border-radius:999px;overflow:hidden;background:#dfe9e4;accent-color:var(--green)}
.receipt-safety-status progress::-webkit-progress-bar{background:#dfe9e4}
.receipt-safety-status progress::-webkit-progress-value{background:linear-gradient(90deg,var(--blue),#c47838)}
.receipt-safety-status progress::-moz-progress-bar{background:linear-gradient(90deg,var(--blue),#c47838)}
.receipt-safety-status.failed strong,.receipt-safety-status.failed span{color:var(--danger)}
.receipt-safety-status.failed progress{accent-color:var(--danger)}
.receipt-safety-status.failed progress::-webkit-progress-value{background:var(--danger)}
.receipt-safety-status.failed progress::-moz-progress-bar{background:var(--danger)}
.receipt-batch-selection{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:14px 0;max-height:310px;overflow:auto}
.receipt-batch-file{min-width:0;border:1px solid var(--line);border-radius:9px;padding:8px;background:var(--soft)}
.receipt-batch-file img,.receipt-batch-file-icon{width:100%;height:90px;border-radius:6px;display:grid;place-items:center;object-fit:cover;background:#e4ece8;color:var(--blue);font-weight:900}
.receipt-batch-file span{display:block;min-width:0;margin-top:7px}
.receipt-batch-file strong,.receipt-batch-file small{display:block;overflow-wrap:anywhere}
.receipt-batch-file small{color:var(--muted);margin-top:3px}
.receipt-batch-file.duplicate{border-color:#e0aaa3;background:#fff2f0}
.receipt-batch-file.duplicate small{color:var(--danger);font-weight:750}
.receipt-batch-results{margin:8px 0 0;padding-left:20px}
.receipt-batch-results li{margin:5px 0}
.receipt-review-window{min-height:260px;display:grid;place-items:center;border:1px solid var(--line);border-radius:10px;background:var(--soft);overflow:hidden}
.receipt-review-image{display:block;max-width:100%;max-height:60vh;object-fit:contain}
.receipt-review-pdf{text-align:center;padding:30px}
.receipt-review-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:14px 0}
.receipt-review-facts span{display:block;background:var(--soft);border-radius:8px;padding:10px}
.receipt-review-facts strong{display:block;font-size:11px;text-transform:uppercase;color:var(--muted);margin-bottom:4px}
.receipt-open-file{display:inline-block;text-decoration:none}
.receipt-link-dialog{width:min(1120px,calc(100% - 30px))}
.receipt-link-review{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(360px,.9fr);gap:20px;align-items:start;padding-top:14px}
.receipt-link-image-panel{display:grid;gap:10px;position:sticky;top:0}
.receipt-link-image-panel .receipt-review-window{min-height:440px;--receipt-zoom-x:50%;--receipt-zoom-y:50%}
.receipt-link-image-panel .receipt-review-image{transition:filter .18s ease,transform .12s ease;transform-origin:var(--receipt-zoom-x) var(--receipt-zoom-y);will-change:transform}
.receipt-link-image-panel .receipt-review-image.receipt-image-enhanced{filter:brightness(1.04) contrast(1.14) saturate(.86)}
.receipt-review-tools{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.receipt-review-tools .muted{margin:0}
@media(hover:hover) and (pointer:fine){
  .receipt-link-image-panel .receipt-review-window.receipt-zoom-enabled{cursor:zoom-in}
  .receipt-link-image-panel .receipt-review-window.receipt-zoom-enabled:hover .receipt-review-image{transform:scale(2.45)}
}
.receipt-link-details{min-width:0}
.receipt-link-details h3{margin:0 0 10px}
.receipt-link-details small{display:block;color:var(--muted);line-height:1.4;margin-top:5px}
.receipt-link-details select{max-width:100%}
@media(max-width:760px){
  .receipt-batch-selection{grid-template-columns:repeat(2,minmax(0,1fr))}
  .receipt-review-facts{grid-template-columns:1fr}
  .receipt-link-review{grid-template-columns:1fr}
  .receipt-link-image-panel{position:static}
  .receipt-link-image-panel .receipt-review-window{min-height:260px}
}
.budget-autosave-status {
  align-items: center;
  background: color-mix(in srgb, var(--green) 9%, var(--panel));
  border: 1px solid color-mix(in srgb, var(--green) 28%, var(--line));
  border-radius: 999px;
  color: var(--muted);
  display: inline-flex;
  font-size: .82rem;
  font-weight: 700;
  min-height: 2rem;
  padding: .35rem .7rem;
}

.budget-autosave-status[data-state="saving"] {
  color: var(--green);
}

.budget-autosave-status[data-state="saved"] {
  color: var(--green);
}

.budget-autosave-status[data-state="error"] {
  background: color-mix(in srgb, var(--danger) 9%, var(--panel));
  border-color: color-mix(in srgb, var(--danger) 35%, var(--line));
  color: var(--danger);
}

.loan-progress{display:grid;gap:4px;margin-top:10px;padding:10px 12px;border-radius:10px;background:#eef6ff;border-left:4px solid var(--blue);font-size:13px}.loan-progress span,.loan-progress small{display:block;color:var(--muted);line-height:1.4}.loan-progress.warning{background:#fff3ee;border-left-color:var(--copper);color:#6e3215}.loan-progress.warning span{color:#6e3215}
.password-field{display:block;position:relative;margin-top:6px}.auth-card .password-field input{margin-top:0;padding-right:52px}.password-visibility-toggle{position:absolute;top:50%;right:4px;display:grid;width:42px;height:42px;place-items:center;transform:translateY(-50%);border:0;border-radius:8px;background:transparent;color:var(--blue)}.password-visibility-toggle:hover{background:var(--soft)}.password-visibility-toggle svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.password-visibility-toggle .password-eye-slash{display:none}.password-visibility-toggle[aria-pressed="true"] .password-eye-slash{display:block}
.restore-progress{padding:26px 6px 12px;text-align:center}.restore-progress progress{display:block;width:100%;height:12px;margin:0 0 22px;border:0;border-radius:999px;overflow:hidden;background:#dfe9e4;accent-color:var(--blue)}.restore-progress progress::-webkit-progress-bar{background:#dfe9e4}.restore-progress progress::-webkit-progress-value{background:linear-gradient(90deg,var(--blue),var(--copper))}.restore-progress progress::-moz-progress-bar{background:linear-gradient(90deg,var(--blue),var(--copper))}.restore-progress h3{margin:0 0 10px;color:var(--blue)}

/* Task-oriented Business workflow. */
.home-work-queue{border-top:5px solid var(--blue)}
.home-work-list{display:grid;gap:10px}
.home-work-item{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 15px;border:1px solid var(--line);border-left:5px solid var(--copper);border-radius:10px;background:var(--panel)}
.home-work-item span{display:flex;align-items:center;gap:12px;min-width:0}
.home-work-item span>strong{min-width:60px;color:var(--blue);font-size:1.15rem}
.home-work-item small{color:var(--muted);font-size:.92rem;line-height:1.35}
.home-work-item.warning{border-left-color:#b14c3e}
.work-complete{padding:18px;border-radius:10px;background:color-mix(in srgb,var(--green) 8%,var(--panel));border:1px solid color-mix(in srgb,var(--green) 28%,var(--line))}
.work-complete strong{color:var(--green);font-size:1.05rem}.work-complete p{margin:5px 0 0;color:var(--muted)}
.setup-progress summary{cursor:pointer}.setup-progress ol{display:grid;gap:8px;margin:16px 0 0;padding:0;list-style:none}
.setup-progress li{display:grid;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 12px;border-radius:8px;background:var(--soft)}
.setup-progress li.complete{color:var(--muted)}.setup-progress li.complete>span{color:var(--green);font-weight:900}
.personal-setup-progress li>div{display:grid;gap:3px}.personal-setup-progress li>div small{color:var(--muted);line-height:1.35}
.personal-work-queue{border-top-color:var(--copper)}
.segmented-tabs{display:flex;gap:6px;margin:0 0 16px;padding:5px;border:1px solid var(--line);border-radius:12px;background:var(--soft);width:max-content;max-width:100%}
.segmented-tabs button{border:0;border-radius:8px;padding:10px 14px;background:transparent;color:var(--muted);font:inherit;font-weight:800;cursor:pointer}
.segmented-tabs button[aria-selected="true"]{background:var(--panel);color:var(--blue);box-shadow:0 2px 9px #102b2218}
.segmented-tabs button span{display:inline-grid;min-width:24px;margin-left:5px;padding:2px 6px;border-radius:999px;background:color-mix(in srgb,var(--copper) 16%,var(--panel));color:var(--blue)}
.guided-review-transaction{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:12px 0 18px}
.guided-review-transaction div,.review-complete-summary div{padding:12px;border:1px solid var(--line);border-radius:9px;background:var(--soft)}
.guided-review-transaction span,.review-complete-summary span{display:block;margin-bottom:5px;color:var(--muted);font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em}
.guided-skip{margin-top:12px}
.review-complete-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:12px 0 18px}.review-complete-summary strong{font-size:1.15rem;color:var(--blue)}
.budget-planning-settings{border-left:5px solid var(--copper)}
.manage-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.manage-card{display:grid;gap:7px;min-width:0;padding:16px;border:1px solid var(--line);border-radius:11px;background:var(--soft);color:var(--text);text-align:left;text-decoration:none;font:inherit;cursor:pointer}
.manage-card:hover{border-color:var(--copper);background:color-mix(in srgb,var(--copper) 7%,var(--panel))}.manage-card strong{color:var(--blue)}.manage-card span{color:var(--muted);line-height:1.4}
.report-section-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.report-section-grid span{padding:11px 13px;border:1px solid var(--line);border-left:4px solid var(--copper);border-radius:8px;background:var(--soft);font-weight:750}
.report-option-list .check{align-items:flex-start;border:1px solid var(--line);border-left:4px solid var(--copper);border-radius:9px;padding:11px;background:var(--soft)}.report-option-list .check span,.report-option-list .check strong,.report-option-list .check small{display:block}.report-option-list .check small{color:var(--muted);font-weight:500;line-height:1.4;margin-top:3px}
@media(max-width:700px){.home-work-item{align-items:flex-start}.home-work-item span{align-items:flex-start}.personal-setup-progress li{grid-template-columns:24px minmax(0,1fr)}.personal-setup-progress li .text-button{grid-column:2;justify-self:start}.guided-review-transaction,.review-complete-summary,.manage-card-grid,.report-section-grid{grid-template-columns:1fr}.segmented-tabs{width:100%}.segmented-tabs button{flex:1;padding:9px 8px}}
@media print{.sidebar,.topbar,.page-heading .heading-actions,.segmented-tabs,.report-builder-guide,.report-history,#toast{display:none!important}.app-shell,.main,.page{display:block!important;margin:0!important;padding:0!important}.report-preview{border:0;box-shadow:none}}
.setup-scroll-target,.business-budget-panel,.budget-planning-settings,#manage-connections{scroll-margin-top:5.5rem}
.budget-currency-input{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;width:100%;border:1px solid #c8d7cf;border-radius:9px;background:#fff;color:var(--ink);overflow:hidden}.budget-currency-input>span[aria-hidden]{padding-left:11px;color:var(--muted);font-weight:850}.budget-currency-input .budget-currency-label{grid-column:1/-1;padding:5px 10px 0;color:var(--muted);font-size:11px}.budget-currency-input input{min-width:0!important;border:0;background:transparent;padding-left:5px}.budget-currency-input input:focus{outline:0}.budget-currency-input:focus-within{outline:3px solid #d4aa55;outline-offset:2px}

/* Adaptive Personal tutorials. The launchers are injected after Control Room layout
   rules so custom page arrangements never separate help from its actual section. */
.sidebar-bottom{display:grid;gap:10px;margin-top:auto;padding:14px 6px 0;border-top:1px solid #254374}
.sidebar-bottom .tutorial-center-button{position:static;z-index:auto;display:flex;width:100%;height:auto;align-items:center;gap:10px;padding:10px;border:1px solid #416399;border-radius:10px;background:#0b3d83;color:#fff;box-shadow:none;text-align:left}
.sidebar-bottom .tutorial-center-button:hover{background:#0b4da2;transform:none}.tutorial-center-mark{display:grid;flex:0 0 30px;width:30px;height:30px;place-items:center;border-radius:50%;background:#fff;color:var(--blue);font-size:17px;font-weight:950}.tutorial-center-button strong,.tutorial-center-button small{display:block}.tutorial-center-button strong{font-size:13px}.tutorial-center-button small{margin-top:2px;color:#c8d7ef;font-size:10px;font-weight:650}
.sidebar-bottom .sidebar-foot{display:grid;align-items:stretch;gap:7px;margin:0;padding:0;border:0}.sidebar-user{display:grid;gap:2px;padding:10px 11px;border:1px solid #294a7f;border-radius:9px;background:#0a275e}.sidebar-user small{color:#9eb4d8;font-size:9px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.sidebar-user strong{overflow:hidden;color:#fff;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.sidebar-bottom .report-problem,.sidebar-bottom .sidebar-logout{display:flex;width:100%;align-items:center;justify-content:flex-start;gap:9px;margin:0;padding:9px 10px;border-radius:8px;color:#dce8fa;text-align:left;font-size:11px;line-height:1.3}.sidebar-bottom .report-problem{border:1px solid #294a7f;background:#0a275e}.sidebar-bottom .report-problem>span:first-child{display:grid;flex:0 0 22px;width:22px;height:22px;place-items:center;border-radius:50%;background:#c77931;color:#fff;font-weight:950}.sidebar-bottom .report-problem:hover,.sidebar-bottom .sidebar-logout:hover{background:#123b78;color:#fff}.sidebar-bottom .sidebar-logout{justify-content:center;border:1px solid transparent;color:#b9cae5}
.tutorial-help-title{display:flex!important;min-width:0;align-items:center;gap:8px}
.tutorial-context-help{position:static;z-index:2;display:inline-grid;flex:0 0 27px;width:27px;height:27px;place-items:center;padding:0;border:1px solid color-mix(in srgb,var(--blue) 40%,var(--line));border-radius:50%;background:color-mix(in srgb,var(--panel) 90%,transparent);color:var(--blue);font-size:14px;font-weight:900;line-height:1;vertical-align:middle;opacity:.38;transition:opacity .15s,transform .15s}
.tutorial-context-help:hover,.tutorial-context-help:focus-visible{opacity:1;transform:scale(1.06)}
.personal-tutorial-overlay{position:fixed;inset:0;z-index:70;pointer-events:none}
.tutorial-shade{position:fixed;z-index:70;background:#07152dcc;pointer-events:auto}
.tutorial-card{position:fixed;z-index:72;max-height:calc(100dvh - 32px);overflow:auto;padding:20px;border:1px solid #d2deeb;border-top:5px solid var(--copper);border-radius:15px;background:#fff;color:var(--ink);box-shadow:0 20px 70px #071d4f70;pointer-events:auto}
.tutorial-card h2{margin:0 0 8px;color:var(--blue);font-size:22px}.tutorial-card>p:not(.eyebrow){margin:0;color:var(--muted);line-height:1.55}
.tutorial-controls{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;margin-top:18px;padding-top:14px;border-top:1px solid var(--line)}
.tutorial-controls>span{text-align:center;color:var(--muted);font-size:12px;font-weight:800}.tutorial-controls>div{display:flex;gap:7px}
.tutorial-focus-target{position:relative;outline:4px solid #f0b85b!important;outline-offset:4px!important;border-radius:8px;scroll-margin:100px 0 230px}
.tutorial-center{width:min(780px,calc(100% - 30px))}.tutorial-center form>header{align-items:flex-start}.tutorial-center form>header p{max-width:620px;margin:5px 0 0;color:var(--muted);line-height:1.5}
.tutorial-center-list{display:grid;gap:10px;overflow:auto;padding:16px 20px 20px}
.tutorial-center-item{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px;padding:15px;border:1px solid var(--line);border-left:5px solid var(--copper);border-radius:11px;background:var(--soft)}
.tutorial-center-item h3{margin:0 0 4px;color:var(--blue)}.tutorial-center-item p{margin:0 0 5px;color:var(--muted);line-height:1.4}.tutorial-center-item small{color:var(--muted)}
.tutorial-inline-guide{margin:10px 0 18px;padding:15px;border:1px solid #e2c187;border-left:5px solid var(--copper);border-radius:10px;background:#fff9ef}.tutorial-inline-guide h3{margin:0 0 6px;color:var(--blue)}.tutorial-inline-guide>p:not(.eyebrow){margin:0;color:var(--muted);line-height:1.5}
.tutorial-welcome{width:min(540px,calc(100% - 28px));padding:0;border:1px solid #d2deeb;border-top:6px solid var(--copper);border-radius:16px;background:#fff;color:var(--ink);box-shadow:0 22px 75px #071d4f70}.tutorial-welcome::backdrop{background:#07152dbd}.tutorial-welcome form{display:grid;justify-items:center;padding:26px;text-align:center}.tutorial-welcome-mark{display:grid;width:48px;height:48px;margin-bottom:12px;place-items:center;border-radius:50%;background:var(--blue);color:#fff;font-size:26px;font-weight:950}.tutorial-welcome h2{margin:4px 0 10px;color:var(--blue);font-size:25px}.tutorial-welcome p:not(.eyebrow){max-width:450px;margin:0;color:var(--muted);line-height:1.55}.tutorial-welcome-actions{display:flex;justify-content:center;gap:10px;margin-top:22px}.tutorial-welcome-actions .button{min-width:145px}
@media(max-width:760px){.tutorial-context-help{flex-basis:24px;width:24px;height:24px;font-size:13px}.tutorial-card.mobile{max-height:min(45dvh,390px);padding:16px}.tutorial-card.mobile h2{font-size:19px}.tutorial-card.mobile .tutorial-controls{grid-template-columns:1fr auto}.tutorial-card.mobile .tutorial-controls>span{display:none}.tutorial-card.mobile .tutorial-controls>div{justify-self:end}.tutorial-center-item{grid-template-columns:1fr}.tutorial-center-item .button{width:100%}.tutorial-focus-target{scroll-margin-top:90px;scroll-margin-bottom:48dvh}}
@media(max-width:520px){.tutorial-welcome form{padding:22px 18px}.tutorial-welcome h2{font-size:21px}.tutorial-welcome-actions{width:100%;flex-direction:column-reverse}.tutorial-welcome-actions .button{width:100%}}
@media print{.tutorial-center-button,.tutorial-context-help,.personal-tutorial-overlay,.tutorial-center,.tutorial-inline-guide,.tutorial-welcome{display:none!important}}
.receipt-uploader-access .table-scroll{overflow:auto}.receipt-uploader-access details{margin-top:14px}.receipt-uploader-access summary{padding:10px 0;cursor:pointer}.code-large{margin:.3rem 0 1rem!important;color:var(--blue)!important;font-size:clamp(1.6rem,6vw,2.4rem);font-weight:950;letter-spacing:.08em;overflow-wrap:anywhere}