.app-header-band{background:var(--color-app-chrome);color:#fff;padding:0 var(--space-5);box-shadow:var(--shadow-sm);z-index:100;position:sticky;top:0}.app-header-inner{max-width:var(--layout-width);height:var(--header-height);justify-content:space-between;align-items:center;margin:0 auto;display:flex}.header-actions{align-items:center;gap:var(--space-5);display:flex}.header-user-email{font-size:var(--text-xs);color:var(--color-chrome-text-muted);text-overflow:ellipsis;white-space:nowrap;max-width:20rem;font-weight:500;overflow:hidden}@media (width<=480px){.header-user-email{display:none}}.brand-badge{align-items:center;gap:var(--space-1-5);font-family:var(--font-wordmark);font-weight:700;font-size:var(--text-md);letter-spacing:-.02em;color:inherit;text-decoration:none;display:flex}.brand-badge .header-logo-icon{flex-shrink:0;justify-content:center;align-items:center;display:flex}.brand-badge .header-logo-icon svg{width:30px;height:30px;display:block}.btn-header-signout{cursor:pointer;color:var(--color-chrome-text);border-radius:var(--radius);height:var(--control-sm);font-family:inherit;font-size:var(--text-xs);padding:0 var(--space-2-5);transition:background-color .12s var(--ease-out);background:#ffffff14;border:1px solid #ffffff29;justify-content:center;align-items:center;display:inline-flex}.btn-header-signout:hover{background:#ffffff29}.btn-header-icon{width:var(--control-sm);height:var(--control-sm);color:#ffffffc2;border-radius:var(--radius-sm);cursor:pointer;transition:color .12s var(--ease-out), background-color .12s var(--ease-out), border-color .12s var(--ease-out), transform .1s var(--ease-out);background:#ffffff14;border:1px solid #ffffff24;justify-content:center;align-items:center;padding:0;text-decoration:none;display:inline-flex}.btn-header-icon:hover{color:#fff;background:#ffffff29;border-color:#ffffff47}.btn-header-icon:active{transform:translateY(.5px)}.btn-header-icon .icon,.btn-header-icon svg{width:15px;height:15px}.btn-header-signout-icon:hover{color:#ffc9c9;background:#ef444433;border-color:#ef444459}.btn-header-team{height:var(--control-sm);padding:0 var(--space-2-5);font-size:var(--text-xs);color:#ffffffb8;border-radius:var(--radius-sm);transition:color .12s var(--ease-out), background .12s var(--ease-out);align-items:center;font-weight:500;text-decoration:none;display:inline-flex}.btn-header-team:hover{color:var(--color-chrome-text);background:#ffffff14}.app-shell{max-width:var(--layout-width);width:100%;padding:var(--space-6) var(--space-4) var(--space-8);flex:1 0 auto;margin:0 auto}.settings-shell,.billing-shell,.team-shell{flex:1 0 auto}body.workspace-page{background:var(--color-bg)}.doc-bar-container{width:100%;margin:0 0 var(--space-4);padding:0 var(--space-4);color:var(--color-chrome-text);top:var(--header-height);z-index:90;background:#241313;border:0;border-radius:0;position:sticky}.doc-bar-inner{justify-content:flex-start;align-items:center;gap:var(--space-3);min-height:3.25rem;max-width:var(--layout-width);padding:var(--space-2) 0;margin:0 auto;display:flex}.doc-bar-inner #doc-title-container{flex:auto}.doc-bar-inner .doc-bar-actions{flex:none;margin-left:auto}.doc-bar-container .doc-bar-title,.doc-bar-container .doc-single-title{color:var(--color-chrome-text,#f4efe7)}.doc-bar-container .doc-picker-trigger{color:var(--color-chrome-text,#f4efe7);box-shadow:none;background:#ffffff0f;border:1px solid #ffffff24}.doc-bar-container .doc-picker-trigger:hover,.doc-bar-container .doc-picker-trigger[aria-expanded=true]{color:#fff;box-shadow:none;background:#ffffff1c;border-color:#ffffff42}.doc-bar-container .doc-picker-trigger .doc-picker-trigger-label{color:inherit}.doc-bar-container .doc-picker-trigger .doc-picker-chevron{color:var(--color-chrome-text-secondary,#d1c5bc)}.doc-bar-container .doc-type-pill.doc-type-bank,.doc-bar-container .doc-type-pill.doc-type-invoice{color:var(--color-chrome-text,#f4efe7);background:#ffffff14;border:1px solid #ffffff29}.doc-bar-container .doc-picker-menu .doc-type-pill.doc-type-bank{background:var(--color-bg-subtle);color:var(--color-text-secondary);border-color:var(--color-border)}.doc-bar-container .doc-picker-menu .doc-type-pill.doc-type-invoice{color:#6b5850;background:#f6f1ee;border-color:#e6dad3}.doc-bar-container .doc-bar-action-btn{color:var(--color-chrome-text,#f4efe7);box-shadow:none;background:#ffffff0f;border:1px solid #ffffff24}.doc-bar-container .doc-bar-action-btn:hover,.doc-bar-container .doc-bar-action-btn[aria-expanded=true]{color:#fff;box-shadow:none;background:#ffffff1c;border-color:#ffffff42}.doc-bar-container .doc-bar-action-btn .doc-bar-action-label{color:inherit}.doc-bar-container #manage-dossiers-trigger,.doc-bar-container #matching-trigger,.doc-bar-container #history-toggle{color:var(--color-chrome-text,#f4efe7);box-shadow:none;background:#ffffff0f;border:1px solid #ffffff24}.doc-bar-container #manage-dossiers-trigger:hover,.doc-bar-container #manage-dossiers-trigger[aria-expanded=true],.doc-bar-container #matching-trigger:hover,.doc-bar-container #matching-trigger[aria-expanded=true],.doc-bar-container #history-toggle:hover{color:#fff;box-shadow:none;background:#ffffff1c;border-color:#ffffff42}.doc-bar-container #history-toggle.is-active,.doc-bar-container #history-toggle[aria-pressed=true]{color:#fff;box-shadow:none;background:#ffffff29;border:1px solid #ffffff52;font-weight:600}.doc-bar-container #history-toggle.is-active:hover,.doc-bar-container #history-toggle[aria-pressed=true]:hover{color:#fff;background:#ffffff38;border-color:#ffffff6b}.doc-bar-container .doc-bar-action-btn svg,.doc-bar-container .doc-bar-action-btn .icon,.doc-bar-container #manage-dossiers-trigger svg,.doc-bar-container #matching-trigger svg,.doc-bar-container #history-toggle svg{color:currentColor}.doc-bar-actions{align-items:center;gap:var(--space-1-5);flex-shrink:0;display:flex}.doc-bar-action-btn{justify-content:center;align-items:center;gap:var(--space-1-5);display:inline-flex}.doc-bar-action-btn.is-active,.doc-bar-action-btn[aria-pressed=true]{background:var(--color-surface);border-color:var(--color-border-strong);box-shadow:var(--shadow-sm)}@media (width<=560px){.doc-bar-inner{flex-wrap:wrap;align-items:flex-start}#doc-title-container{flex:100%;min-width:0}.doc-bar-actions{justify-content:flex-end;width:100%}}.doc-bar-title{font-family:var(--font-brand);font-size:var(--text-md);letter-spacing:-.02em;font-weight:700}.doc-selector{font-family:var(--font-brand);font-size:var(--text-sm);padding:var(--space-1) var(--space-2-5);border-radius:var(--radius);border:1px solid var(--color-border-strong);background:var(--color-surface);box-shadow:var(--shadow-sm);max-width:100%;font-weight:600}.btn-header-install{width:var(--control-sm);height:var(--control-sm);color:#ffffffb8;border-radius:var(--radius-sm);cursor:pointer;transition:color .12s var(--ease-out), background-color .12s var(--ease-out), border-color .12s var(--ease-out);background:#ffffff14;border:1px solid #ffffff1f;justify-content:center;align-items:center;padding:0;display:inline-flex}.btn-header-install:hover{color:#fff;background:#ffffff29;border-color:#ffffff3d}.btn-header-install:active{transform:scale(.96)}.offline-status-strip{color:#fef2f2;font-size:var(--text-xs);padding:var(--space-1-5) var(--space-4);z-index:10001;opacity:0;transition:opacity .2s var(--ease-out), transform .2s var(--ease-out);background:#7c2d12;border-bottom:1px solid #991b1b;justify-content:center;align-items:center;font-weight:500;display:flex;position:sticky;top:0;transform:translateY(-100%)}.offline-status-strip.is-visible{opacity:1;transform:translateY(0)}.offline-strip-inner{align-items:center;gap:var(--space-2);max-width:var(--layout-width);width:100%;display:flex}.online-status-toast{top:var(--space-4);right:var(--space-4);color:#f0fdf4;border-radius:var(--radius);padding:var(--space-2) var(--space-3-5);font-size:var(--text-xs);align-items:center;gap:var(--space-2);z-index:10002;opacity:0;transition:opacity .2s var(--ease-out), transform .2s var(--ease-out);pointer-events:none;background:#14532d;border:1px solid #166534;font-weight:600;display:flex;position:fixed;transform:translateY(-8px);box-shadow:0 4px 12px #00000040}.online-status-toast.is-visible{opacity:1;transform:translateY(0)}.pwa-install-banner{bottom:var(--space-4);right:var(--space-4);width:calc(100vw - 32px);max-width:380px;color:var(--color-chrome-text);border-radius:var(--radius-md);padding:var(--space-3) var(--space-3-5);align-items:flex-start;gap:var(--space-3);z-index:9999;opacity:0;transition:opacity .25s var(--ease-out), transform .25s var(--ease-out);pointer-events:none;background:#1a0e0e;border:1px solid #ffffff1f;display:flex;position:fixed;transform:translateY(16px);box-shadow:0 12px 32px #00000073,0 2px 6px #0003}.pwa-install-banner.is-visible{opacity:1;pointer-events:auto;transform:translateY(0)}.pwa-banner-icon{width:40px;height:40px;color:var(--color-chrome-text);flex-shrink:0;justify-content:center;align-items:center;display:flex}.pwa-banner-icon svg{width:30px;height:30px;display:block}.pwa-banner-content{flex:1;min-width:0}.pwa-banner-title{font-family:var(--font-brand);font-size:var(--text-sm);color:#fff;margin-bottom:2px;font-weight:700}.pwa-banner-desc{font-size:var(--text-xs);color:var(--color-chrome-text-secondary);line-height:1.4}.pwa-banner-actions{align-items:flex-end;gap:var(--space-1-5);margin-left:var(--space-1);flex-direction:column;display:flex}.pwa-banner-btn-install{background:var(--color-brand-accent);color:#fff;border-radius:var(--radius);font-family:inherit;font-size:var(--text-xs);padding:var(--space-1) var(--space-2-5);cursor:pointer;white-space:nowrap;transition:background-color .12s var(--ease-out);border:none;font-weight:600}.pwa-banner-btn-install:hover{background:var(--color-brand-accent-hover)}.pwa-banner-btn-close{color:var(--color-chrome-text-muted);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;justify-content:center;align-items:center;padding:4px;transition:color .12s,background-color .12s;display:flex}.pwa-banner-btn-close:hover{color:#fff;background:#ffffff1a}.pwa-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:var(--space-4);z-index:10000;opacity:0;pointer-events:none;transition:opacity .2s var(--ease-out);background:#000000a6;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.pwa-modal-overlay.is-open{opacity:1;pointer-events:auto}.pwa-modal-card{border-radius:var(--radius-md);width:100%;max-width:380px;color:var(--color-chrome-text);background:#1a0e0e;border:1px solid #ffffff26;overflow:hidden;box-shadow:0 20px 48px #0009}.pwa-modal-header{align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-4) var(--space-2);display:flex}.pwa-modal-badge{justify-content:center;align-items:center;width:40px;height:40px;display:flex}.pwa-modal-badge svg{width:30px;height:30px;display:block}.pwa-modal-title{font-family:var(--font-brand);font-size:var(--text-base);color:#fff;font-weight:700}.pwa-modal-body{padding:var(--space-2) var(--space-4) var(--space-4)}.pwa-modal-steps{gap:var(--space-2-5);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.pwa-modal-steps li{align-items:flex-start;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-chrome-text-secondary);line-height:1.45;display:flex}.pwa-modal-steps li span{color:var(--color-chrome-text);font-weight:700}.pwa-modal-steps strong{color:#fff}.pwa-modal-footer{padding:var(--space-3) var(--space-4);background:#00000040;border-top:1px solid #ffffff14;justify-content:flex-end;display:flex}.pwa-modal-btn-close{background:var(--color-brand-accent);color:#fff;border-radius:var(--radius);font-family:inherit;font-size:var(--text-sm);padding:var(--space-1-5) var(--space-4);cursor:pointer;border:none;font-weight:600;transition:background-color .12s}.pwa-modal-btn-close:hover{background:var(--color-brand-accent-hover)}.app-footer-band{background:var(--color-app-chrome,#3b2028);color:#fff;padding:var(--space-6) var(--space-5) var(--space-5);border-top:1px solid #ffffff14;width:100%;margin-top:auto}.app-footer-inner{max-width:var(--layout-width);gap:var(--space-5);flex-direction:column;margin:0 auto;display:flex}.app-footer-top{justify-content:space-between;align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.app-footer-tagline{font-size:var(--text-xs);color:var(--color-chrome-text-muted);max-width:38rem;margin:0;line-height:1.5}.app-footer-nav{align-items:center;gap:var(--space-5);flex-wrap:wrap;display:flex}.app-footer-link{font-size:var(--text-xs);color:var(--color-chrome-text-secondary);white-space:nowrap;font-weight:500;text-decoration:none;transition:color .15s,opacity .15s}.app-footer-link:hover{color:#fff;text-underline-offset:3px;text-decoration:underline}.app-footer-bottom{padding-top:var(--space-3-5);justify-content:space-between;align-items:center;gap:var(--space-3);font-size:var(--text-2xs);color:var(--color-chrome-text-muted);border-top:1px solid #ffffff14;flex-wrap:wrap;display:flex}.app-footer-compliance{align-items:center;gap:var(--space-1-5);color:var(--color-chrome-text-muted);display:inline-flex}@media (width<=640px){.app-footer-top{align-items:flex-start;gap:var(--space-3-5);flex-direction:column}.app-footer-nav{gap:var(--space-3) var(--space-4)}.app-footer-bottom{align-items:flex-start;gap:var(--space-2);flex-direction:column}}