:root{color-scheme:light;--bg: #f7f9fb;--bg-fade: #ebf2ff;--surface: rgba(255, 255, 255, .88);--surface-strong: #ffffff;--surface-soft: #f4f7fb;--surface-muted: #eef2f7;--text: #191c1e;--text-muted: #5d6674;--text-soft: #8d97a6;--brand: #1d4ed8;--brand-strong: #1739ab;--line: rgba(116, 126, 145, .16);--good: #1f8f5f;--good-soft: rgba(79, 222, 163, .22);--warn: #9b1c1c;--warn-soft: #ffddd7;--draft: #b45309;--draft-strong: #92400e;--draft-soft: #fff1df;--draft-line: rgba(217, 119, 6, .24);--chip: #edf3ff;--shadow: 0 30px 80px rgba(31, 51, 84, .13);--shadow-soft: 0 14px 34px rgba(31, 51, 84, .08);--radius-xl: 22px;--radius-lg: 16px;--radius-md: 12px;--radius-sm: 9px}*{box-sizing:border-box}html{height:100%}body{margin:0;min-height:100vh;height:100%;font-family:Inter,Segoe UI,Arial,sans-serif;background:radial-gradient(circle at top left,rgba(29,78,216,.14),transparent 28%),radial-gradient(circle at top right,rgba(79,222,163,.16),transparent 26%),linear-gradient(180deg,#f8fbff 0%,var(--bg) 44%,var(--bg-fade) 100%);color:var(--text);padding:10px;overflow:hidden}body.modal-open{overflow:hidden}#app{width:100%;height:100%;margin:0 auto}h1,h2,h3{margin:0;font-family:Manrope,Inter,sans-serif}h1{color:var(--brand-strong);letter-spacing:.01em;font-size:clamp(2rem,4vw,3.2rem);line-height:1}p{margin:0}button,input,select{font:inherit}button{cursor:pointer}.icon{font-family:Material Symbols Outlined;font-weight:400;font-style:normal;font-size:20px;line-height:1;display:inline-flex;white-space:nowrap;direction:ltr;-webkit-font-smoothing:antialiased;font-variation-settings:"FILL" 0,"wght" 420,"GRAD" 0,"opsz" 24}.workspace-shell{display:grid;grid-template-columns:240px minmax(0,1fr);height:calc(100dvh - 20px);border-radius:20px;overflow:hidden;background:var(--surface);border:1px solid rgba(255,255,255,.75);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.sidebar{display:flex;flex-direction:column;min-height:0;background:linear-gradient(180deg,#f5f7fbf2,#f0f4fae0);border-right:1px solid rgba(116,126,145,.08)}.sidebar-scroll{flex:1 1 auto;min-height:0;overflow-y:auto;padding:18px 14px 12px}.sidebar-footer{flex:0 0 auto;padding:12px 14px 16px;background:linear-gradient(180deg,#f5f7fb00,#f0f4faeb 24%)}.sidebar-brand{display:flex;align-items:center;gap:14px}.brand-mark{width:44px;height:44px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(135deg,var(--brand-strong),var(--brand));color:#fff;box-shadow:var(--shadow-soft)}.brand-title{font-size:1.06rem;font-weight:800}.brand-subtitle{margin-top:4px;color:var(--text-soft);font-size:.73rem;text-transform:uppercase;letter-spacing:.11em}.sidebar-nav{display:flex;flex-direction:column;gap:4px;flex:1}.nav-item{width:100%;display:flex;align-items:center;gap:12px;padding:10px 11px;border:0;border-radius:10px;background:transparent;color:var(--text-muted);text-align:left;font-weight:600;transition:background .15s ease,color .15s ease,transform .15s ease}.nav-item:hover{background:#ffffffb3;color:var(--text);transform:translate(1px)}.nav-item.active{background:var(--surface-strong);color:var(--text);box-shadow:var(--shadow-soft)}.nav-divider{height:1px;margin:10px 10px 6px;background:var(--line)}.primary-cta,.button{appearance:none;border:1px solid transparent;border-radius:12px;padding:11px 13px;color:#fff;background:linear-gradient(135deg,var(--brand-strong) 0%,var(--brand) 100%);font-weight:700;box-shadow:var(--shadow-soft);transition:transform .16s ease,box-shadow .16s ease,filter .16s ease}.primary-cta{display:inline-flex;align-items:center;justify-content:center;gap:10px;width:100%}.sidebar-info-card{border:1px solid var(--line);border-radius:var(--radius-lg);background:#fffc;padding:14px;box-shadow:var(--shadow-soft)}.sidebar-info-head{display:flex;flex-direction:column;gap:10px}.sidebar-info-grid{display:grid;gap:14px;margin-top:14px}.sidebar-info-grid span{display:block;color:var(--text-soft);font-size:.75rem;margin-bottom:5px}.sidebar-info-grid strong,.sidebar-info-grid code{display:block;color:var(--text);font-size:.88rem;word-break:break-word}.primary-cta:hover,.button:hover{transform:translateY(-1px);filter:brightness(1.03)}.main-panel{display:flex;flex-direction:column;min-width:0;min-height:0;overflow:hidden}.topbar{flex:0 0 auto;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 16px;border-bottom:1px solid rgba(116,126,145,.08);background:#ffffffb8;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.topbar-leading{display:flex;align-items:center;gap:12px;min-width:0;flex:1 1 auto}.topbar-search{position:relative;width:min(360px,100%)}.topbar-search .icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--text-soft)}.topbar-search input{width:100%;border:1px solid transparent;border-radius:14px;background:var(--surface-soft);padding:10px 13px 10px 40px;color:var(--text)}.topbar-search input:focus,.language-control select:focus,.month-picker select:focus{outline:none;border-color:#1d4ed84d;box-shadow:0 0 0 3px #1d4ed81a}.topbar-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:flex-end;position:relative;z-index:40;flex:0 0 auto}.language-control{display:inline-flex;align-items:center;gap:8px;border-radius:10px;padding:7px 9px;background:var(--surface-soft);color:var(--text-muted)}.language-control select,.month-picker select{appearance:none;border:0;background:transparent;color:inherit}.icon-button{position:relative;width:42px;height:42px;border:1px solid var(--line);border-radius:10px;background:var(--surface-strong);color:var(--text-muted)}.notif-dot{position:absolute;width:9px;height:9px;top:11px;right:11px;border-radius:999px;background:#ef4444;border:2px solid white}.profile-card{display:flex;align-items:center;gap:10px;margin-left:4px;padding:5px 7px 5px 10px;border:1px solid transparent;border-left:1px solid var(--line);border-radius:10px;background:transparent;cursor:pointer;transition:background .15s ease,border-color .15s ease,box-shadow .15s ease}.profile-menu{position:relative;z-index:120;min-width:0}.profile-card:hover,.profile-menu.is-open .profile-card{background:#ffffffc7;border-color:#747e911f;box-shadow:0 10px 22px #1f335414}.profile-popover{position:absolute;right:0;top:calc(100% + 10px);width:min(360px,calc(100vw - 40px));padding:0;border:1px solid var(--line);border-radius:14px;background:var(--surface-strong);box-shadow:0 24px 60px #1f33542e;z-index:140;overflow:hidden}.profile-menu-item{width:100%;display:flex;align-items:center;gap:10px;border:0;background:transparent;color:var(--text);padding:12px 14px;font-weight:700;text-align:left}.profile-menu-item:hover{background:var(--surface-soft)}.profile-name{font-weight:700;font-size:.9rem}.profile-copy{text-align:right}.profile-role{margin-top:4px;color:var(--text-soft);font-size:.75rem}.profile-email{margin-top:6px;color:var(--text-muted);font-size:.8rem}.avatar{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,#dde7ff,#d7fff0);color:var(--brand-strong);font-weight:800}.avatar-large{width:48px;height:48px;border-radius:14px;flex:0 0 auto}.profile-trigger-caret{color:var(--text-soft);font-size:18px}.profile-popover-head,.profile-popover-section,.profile-connection-grid{padding:14px}.profile-popover-head{display:flex;align-items:center;gap:12px}.profile-popover-copy{min-width:0}.profile-popover-copy .profile-name{font-size:1rem}.profile-section-topline{display:flex;align-items:center;justify-content:space-between;gap:12px}.profile-company-name{margin-top:10px;font-size:.95rem;font-weight:800;line-height:1.4}.profile-menu-divider{height:1px;background:#747e911f}.profile-connection-grid{display:grid;gap:12px}.profile-detail span{display:block;color:var(--text-soft);font-size:.74rem;margin-bottom:4px}.profile-detail strong,.profile-detail code{display:block;color:var(--text);font-size:.84rem;line-height:1.45;word-break:break-word}.app-scroll-region{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain}.dashboard-page,.hero,.app-shell{position:relative;padding:14px}.eyebrow{display:inline-flex;align-items:center;gap:8px;margin-bottom:10px;padding:6px 10px;border-radius:10px;background:var(--chip);color:var(--brand-strong);font-size:.82rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.page-header,.table-header,.table-footer,.metric-head,.company-panel-head,.warning-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.page-subtitle,.small{color:var(--text-muted);font-size:.95rem;line-height:1.5}.page-actions,.table-header-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.results-copy{color:var(--text-soft);font-size:.82rem;font-weight:700}.segmented-control{display:flex;gap:4px;padding:3px;border-radius:12px;background:var(--surface-soft)}.segmented-control button{border:0;border-radius:8px;padding:8px 12px;background:transparent;color:var(--text-muted);font-weight:700}.segmented-control button.active{background:var(--surface-strong);color:var(--text);box-shadow:var(--shadow-soft)}.secondary-action,.link-action{border:1px solid var(--line);border-radius:12px;background:var(--surface-strong);color:var(--text);padding:9px 12px;font-weight:700}.draft-action{border-color:var(--draft-line);background:linear-gradient(180deg,#fffaf2,var(--draft-soft));color:var(--draft-strong)}.draft-action:hover{border-color:#d977065c;background:linear-gradient(180deg,#fff7ec,#ffe8c7)}.link-action{display:inline-flex;align-items:center;gap:6px;color:var(--brand-strong);background:transparent;border:0;padding:0}.metrics-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:20px}.metric-card,.warning-banner,.table-panel,.invoice-group,.loading-panel,.error-panel,.auth-card{border:1px solid var(--line);border-radius:var(--radius-lg);background:#fffffff2;box-shadow:var(--shadow-soft)}.metric-card{min-height:144px;padding:16px;display:grid;gap:12px}.metric-head span:first-child{color:var(--text-soft);font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;font-weight:800}.metric-card strong{font-size:clamp(1.8rem,2.5vw,2.6rem);line-height:1}.metric-foot{color:var(--text-muted);font-size:.84rem}.metric-card-alert{background:linear-gradient(180deg,#fff2ef,#ffe7e1)}.metric-card-alert .icon,.warning-icon{color:var(--warn)}.insight-grid,.warning-banner,.table-panel,.invoice-group{padding:16px}.health-badge{display:inline-flex;align-items:center;padding:8px 12px;border-radius:10px;font-weight:800;font-size:.85rem}.health-badge.ok{background:var(--good-soft);color:var(--good)}.health-badge.fail{background:var(--warn-soft);color:var(--warn)}.warning-title{font-size:1.1rem;font-weight:800}.warning-copy,.warning-meta{margin-top:12px;color:var(--text-muted)}.insight-grid{display:grid;gap:14px;margin-top:14px}.table-panel{margin-top:14px}.data-table-wrap{overflow-x:auto;margin-top:14px}.data-table{width:100%;border-collapse:collapse;min-width:780px}.data-table thead{background:var(--surface-soft)}.data-table th{text-align:left;padding:11px 12px;color:var(--text-soft);font-size:.75rem;text-transform:uppercase;letter-spacing:.08em}.data-table td{padding:12px;border-top:1px solid rgba(116,126,145,.08);vertical-align:top}.data-table tbody tr.row-action{cursor:pointer}.data-table tbody tr.row-action:hover{background:#1d4ed809}.data-table tbody tr.row-action:focus-visible{outline:2px solid rgba(29,78,216,.28);outline-offset:-2px}.table-primary{font-weight:700}.table-mono{font-family:SFMono-Regular,Consolas,monospace;font-size:.82rem}.table-secondary{color:var(--text-soft);font-size:.78rem;margin-top:4px}.align-right{text-align:right}.table-menu{width:140px;color:var(--text-soft);text-align:right;position:relative}.table-action-icons{display:inline-flex;align-items:center;justify-content:flex-end;gap:8px}.row-menu{position:relative;display:inline-flex;justify-content:flex-end}.row-menu-popover{position:absolute;right:0;top:calc(100% + 6px);z-index:20;min-width:180px;display:grid;gap:2px;padding:6px;border:1px solid var(--line);border-radius:12px;background:#fffffffa;box-shadow:var(--shadow-soft)}.row-menu-popover button{border:0;background:transparent;border-radius:8px;padding:9px 10px;text-align:left;color:var(--text);font-weight:600}.row-menu-popover button:hover{background:#1d4ed80d}.icon-button-warn{color:var(--warn);border-color:#b91c1c1f;background:#fff1eeeb}.data-table tbody tr.is-selected{background:#1d4ed80a}.status-pill{display:inline-flex;align-items:center;padding:6px 9px;border-radius:8px;font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.07em}.status-pill-active{background:var(--good-soft);color:var(--good)}.status-pill-cancelled{background:var(--warn-soft);color:var(--warn)}.status-pill-draft{background:var(--draft-soft);color:var(--draft-strong)}.inline-action,.ghost-action{border:0;background:transparent;color:var(--brand-strong);font-weight:700;padding:0}.ghost-action{color:var(--text-soft)}.table-footer{margin-top:12px;color:var(--text-soft);font-size:.8rem}.table-pager{display:flex;gap:6px}.table-pager button{width:36px;height:36px;border:1px solid var(--line);border-radius:8px;background:var(--surface-strong);color:var(--text-soft)}.dashboard-sections{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:14px}.customers-table-panel{margin-top:14px}.detail-card{border:1px solid var(--line);border-radius:var(--radius-lg);background:#fffffff2;box-shadow:var(--shadow-soft);padding:16px}.detail-grid{display:grid;gap:14px;margin-top:14px}.detail-grid span{display:block;color:var(--text-soft);font-size:.75rem;margin-bottom:5px}.detail-grid strong{display:block;font-size:.9rem;word-break:break-word}.customer-cell{display:grid;gap:4px}.toggle-chip{display:inline-flex;align-items:center;gap:8px;padding:8px 10px;border-radius:12px;border:1px solid var(--line);background:var(--surface-strong);color:var(--text-muted);font-weight:600}.toggle-chip input{width:16px;height:16px}.customer-form{display:grid;gap:12px;margin-top:12px}.customer-form label{display:grid;gap:6px}.customer-form label span{color:var(--text-soft);font-size:.76rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.customer-form select,.customer-form input,.customer-form textarea{width:100%;border:1px solid var(--line);border-radius:12px;background:var(--surface-strong);padding:10px 11px;color:var(--text)}.customer-form select{appearance:none}.customer-form textarea{resize:vertical;min-height:92px}.form-grid{display:grid;gap:10px}.form-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.form-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:4px;flex-wrap:wrap}.settings-page{display:grid;gap:16px}.settings-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);gap:16px;align-items:start}.settings-grid-bottom{grid-template-columns:repeat(2,minmax(0,1fr))}.settings-stack{display:grid;gap:16px}.settings-panel{border:1px solid var(--line);border-radius:var(--radius-lg);background:#fffffff2;box-shadow:var(--shadow-soft);padding:16px}.settings-panel-muted{background:linear-gradient(180deg,#f4f7fbf2,#fffffff2)}.settings-section-head{display:flex;align-items:center;gap:10px;margin-bottom:14px}.settings-section-head h2{font-size:1rem}.settings-section-head .icon{color:var(--brand-strong)}.settings-form{display:grid;gap:12px}.settings-form label{display:grid;gap:6px}.settings-form label span{color:var(--text-soft);font-size:.76rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.settings-form input,.settings-form select,.settings-inline-form input{width:100%;border:1px solid var(--line);border-radius:12px;background:var(--surface-strong);padding:10px 11px;color:var(--text)}.settings-form input:focus,.settings-form select:focus,.settings-inline-form input:focus{outline:none;border-color:#1d4ed84d;box-shadow:0 0 0 3px #1d4ed81a}.settings-preview-card,.settings-note{border-radius:12px;background:var(--surface-soft);padding:12px}.settings-preview-card span,.settings-note{color:var(--text-muted);font-size:.86rem;line-height:1.5}.settings-preview-card strong{display:block;margin-top:7px;font-size:1.05rem;font-family:SFMono-Regular,Consolas,monospace}.settings-list{display:grid;gap:10px;margin-top:14px}.settings-list-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-top:1px solid rgba(116,126,145,.08)}.settings-list-row:first-child{border-top:0;padding-top:0}.settings-list-row strong{display:block;font-size:.95rem}.settings-inline-form{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(120px,.7fr) auto;gap:10px;margin-top:14px}.settings-footnote{margin-top:4px}.invoice-editor-page{display:grid;gap:14px}.invoice-notes{min-height:110px}.draft-badge{display:inline-flex;align-items:center;padding:8px 12px;border-radius:10px;background:var(--draft-soft);color:var(--draft-strong);border:1px solid var(--draft-line);font-size:.82rem;font-weight:800}.invoice-eyebrow-draft{background:linear-gradient(180deg,#fff9f1,var(--draft-soft));color:var(--draft-strong);border:1px solid var(--draft-line)}.invoice-items-table select,.invoice-items-table input{width:100%;border:1px solid var(--line);border-radius:10px;background:var(--surface-strong);color:var(--text);padding:8px 10px}.invoice-items-table td:before{display:none}.icon-button-small{width:34px;height:34px}.invoice-summary-bar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) minmax(220px,.9fr);gap:10px;margin-top:14px}.invoice-summary-item,.invoice-summary-note{border:1px solid var(--line);border-radius:12px;background:var(--surface-soft);padding:12px 14px;min-width:0}.invoice-summary-item span,.invoice-summary-note{color:var(--text-soft);font-size:.76rem}.invoice-summary-item strong{display:block;margin-top:6px;font-size:1.45rem;line-height:1.1}.invoice-summary-item-total{background:linear-gradient(180deg,#1d4ed814,#fffffff5)}.invoice-summary-note{display:flex;align-items:center;font-weight:700;line-height:1.4}.invoice-editor-actions{margin-top:14px}.ghost-action-button{border:0;background:transparent;color:var(--text-soft);font-weight:700;padding:10px 2px}.ghost-action-button:hover{color:var(--text)}.invoice-editor-mode-note{margin-top:0}.preview-collapsed-copy{margin-top:12px;color:var(--text-muted);font-size:.9rem;line-height:1.5}.preview-meta{display:grid;grid-template-columns:auto 1fr;gap:8px 12px;margin-top:14px;padding:12px;border-radius:12px;background:var(--surface-soft)}.preview-meta span{color:var(--text-soft);font-size:.76rem}.preview-meta strong{min-width:0;word-break:break-word}.preview-frame{width:100%;aspect-ratio:1 / 1.4142;min-height:min(1120px,78vh);margin-top:14px;border:1px solid var(--line);border-radius:12px;background:#fff}.error-copy{color:var(--warn);font-weight:700}.section-head,.section-head-inline{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:16px}.badge{display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:34px;padding:0 10px;border-radius:999px;background:var(--surface-muted);color:var(--text-muted);font-weight:800}.invoice-grid{display:grid;gap:12px}.invoice-card{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface-soft);padding:12px}.invoice-card-top,.invoice-meta{display:flex;justify-content:space-between;gap:10px}.invoice-card-top strong{font-family:Manrope,sans-serif;font-size:.95rem}.invoice-status,.invoice-customer,.invoice-description,.invoice-meta{font-size:.88rem}.invoice-status,.invoice-description{color:var(--text-muted)}.invoice-customer{margin-top:8px;font-weight:700}.invoice-description{margin-top:6px;min-height:2.5em}.invoice-meta{margin-top:12px;color:var(--brand-strong)}.hero,.app-shell{max-width:none;width:100%;margin:12px 0 0;border-radius:var(--radius-xl);background:#ffffffeb;border:1px solid rgba(255,255,255,.8);box-shadow:var(--shadow)}.mobile-nav-toggle{display:none;flex:0 0 auto}.shell-drawer-backdrop{display:none}.sidebar-close{display:none;margin-left:auto}.hero{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,380px);gap:22px;align-items:center}.hero-copy p{margin-top:12px;max-width:44ch}.auth-card{padding:16px}.status{margin-top:16px;padding:10px 12px;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface-soft);font-family:ui-monospace,Menlo,Monaco,Cascadia Mono,Segoe UI Mono,monospace;white-space:pre-wrap;color:var(--brand-strong)}.status-subtle{margin-top:18px;font-size:.78rem;color:var(--text-soft);background:transparent;border-style:dashed}.empty-state,.loading-panel,.error-panel{padding:18px;color:var(--text-muted)}.month-picker,.period-navigator{display:grid;gap:8px;color:var(--text-muted);font-size:.86rem}.period-navigator-label{color:var(--text-soft);font-size:.78rem;font-weight:700}.period-navigator-controls{display:inline-flex;align-items:center;gap:8px}.period-navigator-current{min-width:180px;padding:9px 12px;border:1px solid var(--line);border-radius:12px;background:var(--surface-soft);color:var(--text);font-weight:700;text-align:center}a,code{color:var(--brand-strong)}.modal-backdrop{position:fixed;inset:0;z-index:180;display:grid;place-items:center;padding:clamp(12px,3vw,24px);background:#141b2b4d;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);overflow:hidden}.modal-card{width:min(760px,calc(100vw - 32px));max-height:calc(100dvh - 32px);display:flex;flex-direction:column;min-height:0;border:1px solid var(--line);border-radius:18px;background:#fffffffa;box-shadow:var(--shadow);padding:18px;overflow:hidden}.modal-head,.modal-footer{display:flex;align-items:center;justify-content:space-between;gap:12px}.modal-head{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;margin-bottom:16px}.modal-head-actions{display:inline-flex;align-items:center;justify-content:flex-end;gap:10px;flex:0 0 auto}.modal-close{display:inline-grid;place-items:center}.modal-detail-grid{margin-top:0}.modal-body{flex:1 1 auto;min-height:0;overflow:auto;padding-right:4px;scrollbar-gutter:stable;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.modal-footer{margin-top:16px;flex:0 0 auto;padding-top:14px;border-top:1px solid rgba(116,126,145,.08)}.modal-footer-actions{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap}.download-progress-badge{display:inline-flex;align-items:center;justify-content:center;padding:7px 11px;border-radius:999px;background:#1d4ed81a;color:var(--brand-strong);font-size:.68rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.download-progress-modal{display:grid;justify-items:center;gap:22px;padding:10px 8px 4px;text-align:center}.download-progress-icon-shell{position:relative;width:112px;height:112px;display:grid;place-items:center}.download-progress-pulse,.download-progress-ring,.download-progress-icon{position:absolute;border-radius:999px}.download-progress-pulse{inset:0;background:radial-gradient(circle,#1d4ed81f,#4fdea314);animation:downloadPulse 1.8s ease-out infinite}.download-progress-ring{inset:12px;border:1px solid rgba(29,78,216,.16);background:#fffc}.download-progress-icon{inset:26px;display:grid;place-items:center;background:linear-gradient(135deg,#1d4ed826,#4fdea32e);color:var(--brand-strong);box-shadow:inset 0 1px #ffffffe6,var(--shadow-soft)}.download-progress-icon .icon{font-size:2rem}.download-progress-copy{display:grid;gap:10px;max-width:460px}.download-progress-copy h3{font-size:clamp(1.25rem,2vw,1.7rem);color:var(--text);letter-spacing:-.02em}.download-progress-copy p{color:var(--text-muted);line-height:1.65}.download-progress-track{width:min(100%,440px);height:10px;border-radius:999px;overflow:hidden;background:linear-gradient(180deg,#dce4f0f2,#ebf0f6eb);box-shadow:inset 0 1px 2px #10182814}.download-progress-runner{width:48%;height:100%;border-radius:inherit;background:linear-gradient(90deg,rgba(79,222,163,.3) 0%,var(--brand-strong) 52%,rgba(79,222,163,.38) 100%);background-size:200% 100%;animation:downloadRunner 1.55s ease-in-out infinite}.download-progress-meta{display:inline-flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;color:var(--text-soft);font-size:.73rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.download-progress-meta-pill{display:inline-flex;align-items:center;gap:7px}.download-progress-meta-pill .icon{font-size:1rem}.download-progress-separator{width:5px;height:5px;border-radius:999px;background:#747e915c}@keyframes downloadPulse{0%{opacity:.35;transform:scale(.92)}70%{opacity:0;transform:scale(1.08)}to{opacity:0;transform:scale(1.1)}}@keyframes downloadRunner{0%{transform:translate(-100%)}to{transform:translate(210%)}}.danger-action{color:var(--warn);border-color:#9b1c1c2e;background:#ffddd76b}.invoice-detail-stack{display:grid;gap:14px}.invoice-note-panel{margin-top:0;white-space:pre-wrap}.invoice-detail-table-wrap{margin-top:0}.invoice-detail-table{min-width:640px}.invoice-summary-bar-detail{margin-top:0}@media(max-width:1220px){.workspace-shell{grid-template-columns:220px minmax(0,1fr)}.metrics-grid,.dashboard-sections,.settings-grid,.settings-grid-bottom,.invoice-summary-bar{grid-template-columns:repeat(2,minmax(0,1fr))}.insight-grid{grid-template-columns:1fr}}@media(max-width:900px){.workspace-shell{grid-template-columns:1fr}.sidebar{position:fixed;left:8px;top:8px;bottom:8px;width:min(320px,calc(100vw - 32px));z-index:120;border-radius:18px;box-shadow:var(--shadow);transform:translate(calc(-100% - 24px));transition:transform .18s ease;border:1px solid rgba(255,255,255,.72)}.sidebar.is-open{transform:translate(0)}.shell-drawer-backdrop{position:fixed;inset:0;z-index:110;background:#141b2b47;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.shell-drawer-backdrop.is-open{display:block}.mobile-nav-toggle{display:inline-grid;place-items:center}.topbar,.page-header,.table-header,.table-footer{flex-direction:column;align-items:stretch}.topbar-search{width:100%}.topbar-actions,.page-actions,.table-header-actions{justify-content:stretch}.topbar-actions{width:100%;display:grid;grid-template-columns:auto auto minmax(0,1fr);align-items:center}.profile-menu{width:100%}.profile-card{width:100%;margin-left:0;justify-content:space-between}.profile-popover{left:0;right:0;top:calc(100% + 8px);width:auto;min-width:0}.sidebar-close{display:inline-grid;place-items:center}.page-actions>*,.table-header-actions>*{width:100%}.preview-frame{min-height:560px}.segmented-control{width:100%}.segmented-control button{flex:1}.period-navigator-controls{width:100%}.period-navigator-current{min-width:0;flex:1}}@media(max-width:720px){body{padding:8px}.dashboard-page,.hero,.app-shell,.topbar,.sidebar-scroll,.sidebar-footer{padding:12px}.app-shell,.invoice-editor-page,.invoice-editor-page>*,.page-header,.page-header>*,.table-panel,.table-header,.table-header>*,.customer-form,.invoice-summary-bar,.invoice-editor-actions,.preview-frame,.data-table-wrap{min-width:0}.metrics-grid,.dashboard-sections,.settings-grid,.settings-grid-bottom,.settings-inline-form,.form-grid-2,.form-grid-3,.invoice-summary-bar{grid-template-columns:1fr}.modal-backdrop{padding:8px}.modal-card{width:min(100%,calc(100vw - 16px));max-height:calc(100dvh - 16px);border-radius:16px;padding:14px}.modal-head,.modal-footer{gap:10px}.modal-head{grid-template-columns:minmax(0,1fr) auto}.modal-footer{justify-content:space-between;flex-wrap:wrap}.profile-card{padding-left:0;border-left:0}.sidebar{left:8px;right:8px;width:auto}.hero{grid-template-columns:1fr}.invoice-editor-page .page-header h1{font-size:clamp(2rem,12vw,3rem);line-height:.94;word-break:break-word}.invoice-editor-page .page-subtitle{max-width:100%;font-size:.9rem}.invoice-editor-page .page-actions,.invoice-editor-page .table-header-actions{width:100%}.invoice-card-top,.invoice-meta{flex-direction:column}.preview-meta{grid-template-columns:1fr}.invoice-items-table,.invoice-items-table thead,.invoice-items-table tbody,.invoice-items-table tr,.invoice-items-table th,.invoice-items-table td{display:block;width:100%}.invoice-editor-page .data-table-wrap{overflow-x:clip}.invoice-items-table{min-width:0}.invoice-items-table thead{display:none}.invoice-items-table tbody{display:grid;gap:12px}.invoice-items-table tr{border:1px solid var(--line);border-radius:14px;background:#fffffff5;padding:12px}.invoice-items-table td{border-top:0;padding:0;display:grid;grid-template-columns:minmax(110px,.8fr) minmax(0,1fr);align-items:center;gap:10px;margin-top:10px;text-align:left}.invoice-items-table td:first-child{margin-top:0}.invoice-items-table td:before{display:block;content:attr(data-label);color:var(--text-soft);font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.invoice-items-table td.table-menu{grid-template-columns:1fr;justify-items:end}.invoice-items-table td.table-menu:before{display:none}.invoice-items-table .align-right{text-align:left}.invoice-editor-actions{display:grid;grid-template-columns:1fr}.invoice-editor-actions>*{width:100%}.preview-frame{min-height:420px}}@media(max-height:760px){.modal-backdrop{padding:8px}.modal-card{max-height:calc(100dvh - 16px)}}