:root{--navy: #0d1b2a;--navy-2: #15263d;--gold: #f0b429;--gold-2: #c98a12;--red: #c62828;--paper: #f4f1ea;--ink: #1b1b1b;--muted: #667085;--line: #d9d4c8;--white: #fff;--primary: #0f766e;--primary-light: #14b8a6;--success: #10b981;--warning: #f59e0b;--danger: #ef4444;font-family:Oswald,Inter,system-ui,-apple-system,sans-serif;color:var(--ink);--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04)}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}html{-webkit-text-size-adjust:100%}body{background:#e8e4da}button,input,textarea,select{font:inherit;font-size:14px}button{cursor:pointer;min-height:40px;transition:all .2s ease}a{color:#2563eb;text-decoration:none}a:hover{text-decoration:underline}.primary{background:var(--primary);color:var(--button-text, var(--white));border:0;border-radius:var(--radius-md);padding:.6rem 1.2rem;font-weight:600;width:fit-content;box-shadow:var(--shadow-sm)}.primary:hover{background:var(--primary-light);transform:translateY(-1px);box-shadow:var(--shadow-md)}.primary:active{transform:translateY(0)}button:not(.primary):not(.link){background:var(--white);border:1px solid var(--line);border-radius:var(--radius-md);padding:.6rem 1rem;color:var(--ink);box-shadow:var(--shadow-sm)}button:not(.primary):not(.link):hover{background:var(--paper);border-color:var(--muted)}.link{background:none;border:0;padding:0;color:#2563eb;min-height:auto;font-weight:500}.link:hover{color:#1d4ed8}.danger{color:var(--danger)}.danger:hover{color:#b91c1c}.muted{color:var(--muted)}.error{color:var(--danger)}.ok{color:var(--success);font-weight:600}.logo-mark{width:44px;height:44px;display:block;object-fit:contain;flex-shrink:0;border-radius:50%}.logo-mark.large{width:96px;height:96px;margin:0 auto .75rem}.login-page{min-height:100dvh;display:grid;place-items:center;padding:max(1.5rem,env(safe-area-inset-top)) 1rem max(1.5rem,env(safe-area-inset-bottom));background:linear-gradient(135deg,#f8fafc,#e2e8f0)}.login-card{width:min(440px,100%);background:var(--white);padding:2rem;border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);display:grid;gap:1.25rem}.login-card h1{margin:0;font-size:1.75rem;font-weight:700;color:var(--navy);text-align:center}.login-card p{margin:0;color:var(--muted);font-size:.95rem}.login-card p.error{color:#b91c1c;font-weight:600}.activity-list{display:grid;gap:1rem;margin:1rem 0}.director-signature{display:block;width:50mm;max-width:100%;height:auto;margin-left:auto}.signature-error{flex-basis:100%;grid-column:1 / -1}.presence-badge{display:inline-block;padding:.25rem .65rem;border-radius:20px;color:#334155;background:#e2e8f0;font-weight:600}.presence-badge.is-online{color:#166534;background:#dcfce7}.creator-print-toggle{display:inline-flex;align-items:center;gap:.4rem;font-size:.85rem;cursor:pointer}.creator-print-toggle input{width:1.1rem;height:1.1rem;min-height:0;accent-color:var(--primary)}.inv-creator{font-size:10px;overflow-wrap:anywhere}.activity-list .invoice-card{display:grid;gap:.5rem;min-width:0}.activity-list .invoice-card p{margin:0}[data-appearance=dark] .login-card p.error{color:#fca5a5}.login-card>p.muted{text-align:center}.login-card label{display:grid;gap:.4rem;font-size:.9rem;font-weight:600;color:var(--ink)}.login-card input{padding:.75rem .9rem;border:1px solid var(--line);border-radius:var(--radius-md);transition:border-color .2s,box-shadow .2s}.login-card input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 15%,transparent)}.login-card .primary{width:100%;font-size:1rem;padding:.8rem}.demo-hint{font-size:.85rem;color:var(--muted);margin:0;text-align:center}.demo-hint code{background:var(--paper);padding:.2rem .4rem;border-radius:var(--radius-sm);font-family:monospace}.app-shell{display:grid;grid-template-columns:260px 1fr;min-height:100dvh}.topbar,.bottom-nav{display:none}.sidebar{background:var(--navy);color:var(--white);padding:1.5rem 1.25rem;display:flex;flex-direction:column;gap:2rem;box-shadow:var(--shadow-lg)}.brand{display:flex;gap:.85rem;align-items:center}.brand strong{font-size:1.1rem;font-weight:700}.brand span{display:block;color:var(--gold);font-size:.7rem;letter-spacing:.1em;text-transform:uppercase}.sidebar nav{display:grid;gap:.5rem}.sidebar nav button{background:transparent;color:#e2e8f0;border:0;text-align:left;padding:.75rem 1rem;border-radius:var(--radius-md);font-weight:500;transition:all .2s ease}.sidebar nav button.active,.sidebar nav button:hover{background:var(--navy-2);color:var(--gold)}.sidebar-foot{margin-top:auto;font-size:.9rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1)}.sidebar-foot p{margin:0 0 .5rem;color:#94a3b8}.sidebar-foot .link{color:var(--gold)}.main{padding:2rem 2rem 3rem;overflow:auto;min-width:0}.page{max-width:1400px;margin:0 auto}.page-head{display:flex;justify-content:space-between;gap:1.5rem;align-items:flex-start;margin-bottom:2rem}.page-head h1{margin:0 0 .5rem;font-size:clamp(1.5rem,3vw,2rem);font-weight:700;color:var(--navy)}.page-head p{margin:0;color:var(--muted);font-size:.95rem}.actions{display:flex;gap:.75rem;flex-wrap:wrap;align-items:center}.actions button{white-space:nowrap}.empty{background:var(--white);border-radius:var(--radius-lg);padding:4rem 2rem;text-align:center;box-shadow:var(--shadow-sm)}.empty p{color:var(--muted);margin-bottom:1.5rem}.invoice-cards{display:none;list-style:none;margin:0;padding:0;gap:1rem}.invoice-card{background:var(--white);border-radius:var(--radius-lg);padding:1.25rem;display:flex;justify-content:space-between;gap:1rem;align-items:flex-start;box-shadow:var(--shadow-sm);transition:box-shadow .2s ease}.invoice-card:hover{box-shadow:var(--shadow-md)}.invoice-card a{display:grid;gap:.35rem;text-decoration:none;color:inherit;flex:1}.invoice-card a strong{color:var(--navy);font-size:1.1rem}.invoice-card span{color:var(--muted);font-size:.9rem}.list-table{width:100%;border-collapse:collapse;background:var(--white);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm)}.list-table th,.list-table td{padding:1rem 1.25rem;text-align:left;border-bottom:1px solid var(--line)}.list-table th{background:var(--paper);font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:600}.list-table tr:hover{background:var(--paper)}.list-table td a{color:#2563eb;font-weight:500}.row-actions{display:flex;gap:1rem;align-items:center}.status-badge{display:inline-block;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.status-draft{background:#f1f5f9;color:#64748b}.status-unpaid{background:#fef2f2;color:#dc2626}.status-partial{background:#fef3c7;color:#d97706}.status-paid{background:#f0fdf4;color:#16a34a}.theme-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:1rem;margin-top:1rem}.theme-option{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem;border:2px solid var(--line);border-radius:var(--radius-md);background:var(--white);cursor:pointer;transition:all .2s ease}.theme-option:hover{border-color:var(--muted);transform:translateY(-2px);box-shadow:var(--shadow-md)}.theme-option.active{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 15%,transparent)}.theme-preview{width:100%;height:40px;border-radius:var(--radius-sm)}.theme-option span{font-size:.85rem;font-weight:600;color:var(--ink)}.custom-colors{display:grid;gap:1rem;margin-top:1rem;padding:1.25rem;background:var(--paper);border-radius:var(--radius-md);border:1px solid var(--line)}.color-input-wrapper{display:flex;gap:.75rem;align-items:center}.color-picker{width:50px;height:40px;border:1px solid var(--line);border-radius:var(--radius-sm);cursor:pointer;padding:0;background:var(--white)}.color-text{flex:1;padding:.6rem .85rem;border:1px solid var(--line);border-radius:var(--radius-md);font-family:monospace;text-transform:uppercase}.color-text:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 15%,transparent)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem;background:var(--white);padding:1.75rem;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.form-grid label,.editor-form label{display:grid;gap:.4rem;font-size:.85rem;font-weight:600;color:var(--ink)}.form-grid input,.form-grid textarea,.editor-form input,.editor-form textarea{padding:.7rem .85rem;border:1px solid var(--line);border-radius:var(--radius-md);font-weight:400;width:100%;transition:border-color .2s,box-shadow .2s}.form-grid input:focus,.form-grid textarea:focus,.editor-form input:focus,.editor-form textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 15%,transparent)}.form-grid textarea,.editor-form textarea{resize:vertical;min-height:100px}.span-2{grid-column:span 2}.form-actions{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap;margin-top:.5rem}.editor-tabs,.mobile-save{display:none}.editor-layout{display:grid;grid-template-columns:minmax(350px,.8fr) minmax(0,1.4fr);gap:1.5rem;align-items:start}.editor-form{background:var(--white);padding:1.5rem;border-radius:var(--radius-lg);display:grid;gap:1rem;box-shadow:var(--shadow-sm)}.items-head{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;margin-bottom:.5rem}.items-head h2{font-size:1.1rem;margin:0;font-weight:700;color:var(--navy)}.items-head .actions{gap:.5rem}.items-head button{font-size:.85rem;padding:.5rem .85rem}.line-items,.line-item-list{display:grid;gap:.85rem;min-width:0}.item-count{color:var(--muted);font-size:.85rem;margin-left:.4rem}.item-hint{margin:0;color:var(--muted);font-size:.85rem;line-height:1.5}.line-item-card{display:grid;gap:.85rem;min-width:0;padding:1rem;border:1px solid var(--line);border-radius:var(--radius-lg);background:#fff}.line-item-card:focus-within{border-color:var(--primary);box-shadow:0 0 0 1px var(--primary)}.line-item-heading,.line-item-total{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.line-item-heading>strong{font-size:.9rem;color:var(--navy)}.line-item-actions{display:flex;gap:.75rem}.line-item-actions .link{min-height:44px;font-size:.85rem}.line-item-pricing{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:.75rem}.line-item-card label{min-width:0}.editor-form .line-item-card input{min-height:44px;font-size:16px;min-width:0}.line-item-details summary{cursor:pointer;padding:.75rem 0;font-size:.85rem}.line-item-details summary span{color:var(--muted)}.line-item-extra{display:grid;gap:.75rem}.line-item-total{border-top:1px solid var(--line);padding-top:.75rem;font-size:.9rem;flex-wrap:wrap}.line-item-total strong{overflow-wrap:anywhere}.add-line-item.primary{width:100%;min-height:48px}.items-head button{min-height:44px}.totals-note{margin:0;font-size:.95rem;color:var(--muted);padding:.75rem;background:var(--paper);border-radius:var(--radius-md)}.preview-wrap{overflow:hidden;width:100%}.preview-page{transform-origin:top left;width:max-content}.invoice-sheet{position:relative;width:210mm;min-height:297mm;background:var(--white);color:#111;padding:10mm 12mm 14mm;box-shadow:var(--shadow-xl);overflow:hidden}.inv-header{position:relative;min-height:40mm;background:#fffbe0;border-top:1px solid #b88b69;break-inside:avoid;overflow:hidden}.inv-header:before,.inv-header:after{content:"";position:absolute;inset:0;pointer-events:none}.inv-header:before{background:#e5cdb5;clip-path:polygon(0 0,27% 0,34% 34%,44% 34%,31% 100%,0 100%)}.inv-header:after{background:#141b1e;clip-path:polygon(0 0,25% 0,32% 34%,42% 34%,29% 100%,0 100%)}.inv-logo-wrap{position:relative;z-index:1}.inv-logo,.default-logo{width:64px;height:64px;object-fit:contain;border-radius:50%;background:var(--white);display:flex;align-items:center;justify-content:center;font-weight:700;color:var(--navy)}.default-logo.small{width:42px;height:42px;font-size:14px}.default-logo.faint{width:280px;height:280px;opacity:.07}.inv-header .inv-logo-wrap{position:absolute;top:0;left:0;bottom:0;width:29%;display:flex;align-items:center;justify-content:center;z-index:2}.inv-header .inv-logo,.inv-header .default-logo{width:32mm;height:32mm;font-size:32px;background:transparent;color:#ffa52f}.inv-company-details{position:relative;z-index:1;margin-left:27%;min-width:0;text-align:center;overflow-wrap:anywhere}.inv-company-details .inv-company{margin:0;min-height:13.6mm;padding:2.5mm 4mm 2.5mm 13mm;display:flex;align-items:center;justify-content:center;background:#ffa52f;color:#111;clip-path:polygon(0 0,100% 0,100% 100%,9.5% 100%);font-family:Georgia,Times New Roman,serif;font-size:25px;font-weight:700;line-height:1.2}.inv-company-contact{padding:3mm 6mm 5mm 20mm}.inv-company-contact p{color:#171717}.inv-company{margin:0;padding:4mm 5mm;background:linear-gradient(110deg,var(--inv-primary),color-mix(in srgb,var(--inv-primary) 88%,var(--inv-accent)));color:var(--inv-header-text);border-bottom:1px solid color-mix(in srgb,var(--inv-accent) 55%,var(--inv-primary));border-radius:0 0 0 5mm;font-size:25px;line-height:1.2}.inv-company-contact{padding:3mm 5mm 4mm;margin-block:auto}.inv-company-contact p{color:#263238}.inv-company{margin:0 0 .45rem;font-family:Oswald,sans-serif;font-size:26px;letter-spacing:.04em;color:#111827;font-weight:700}.inv-company-details p{margin:3px 0 0;font-size:13px}.inv-title-row{display:flex;justify-content:space-between;align-items:flex-start;margin:28px 4px 18px}.inv-title-row h2{margin:0;font-weight:500;font-size:28px;letter-spacing:.08em}.inv-meta{text-align:right;color:var(--red);font-weight:700}.inv-meta strong,.inv-meta span{display:block}.inv-meta span{margin-top:4px}.inv-for{margin:8px 4px 16px;font-size:13px}.inv-customer-line{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 10px}.inv-customer-line strong{font-weight:700;letter-spacing:.04em}.inv-customer-line>span{overflow-wrap:anywhere}.inv-customer-phone{border-left:1px solid var(--line);padding-left:10px}.inv-for p{margin:2px 0 0}.inv-watermark{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);pointer-events:none;width:115mm;height:115mm;border-radius:50%;overflow:hidden;opacity:.08;z-index:0}.inv-table{width:100%;border-collapse:collapse;font-size:11.5px;position:relative}.inv-table th{background:var(--inv-primary, #111);color:var(--inv-header-text, var(--white));padding:7px 6px;font-weight:600;text-align:center}.inv-table td{border:1px solid #222;padding:7px 6px;text-align:center}.inv-table tbody tr:not(.sum-row) td:nth-child(2){text-align:left}.inv-table tbody:not(.inv-table-summary) td{background:transparent}.sum-row td{background:#e9e9e9;font-weight:700}.sum-row td:last-child{color:var(--red)}.muted-row td{background:#f3f3f3}.inv-summary{margin-top:20px;display:grid;gap:8px;max-width:300px;margin-left:auto}.inv-summary-row{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:#f8f8f8;border-left:3px solid var(--navy)}.inv-summary-row span{font-weight:600;font-size:12px}.inv-summary-row strong{font-size:13px}.inv-footer-sections{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;margin-top:24px}.inv-terms{margin-top:22px;position:relative}.inv-terms h3{font-size:14px;margin:0 0 8px}.inv-terms ul{margin:0;padding-left:18px;font-size:12px;line-height:1.55}.inv-bank{margin-top:0;justify-self:start;border:1px solid #222;width:fit-content;max-width:100%;padding:8px 12px;font-size:12px;line-height:1.55;overflow-wrap:anywhere}.inv-bank h3{margin:0 0 6px;font-size:14px}.inv-bank p{margin:0}.inv-bank strong{font-weight:700}.inv-sign{margin-top:28px;text-align:right}.sign-co{font-size:11px;margin:0;font-weight:700}.sign-line{width:180px;margin:28px 0 6px auto;border-bottom:1px solid #222}.inv-sign p{margin:0;font-size:13px}.sign-name{color:var(--muted);font-size:12px}.inv-footer{margin-top:36px;text-align:center;display:grid;justify-items:center;gap:8px;font-family:Oswald,sans-serif;letter-spacing:.08em}.inv-footer-brand{display:flex;align-items:center;gap:8px}.inv-footer-brand strong{font-size:16px}@media(max-width:1100px){.editor-layout,.form-grid{grid-template-columns:1fr}.span-2{grid-column:auto}.items-table{font-size:.75rem}.items-table th{padding:.5rem .3rem}.items-table td{padding:.3rem}.table-input{font-size:.75rem;padding:.3rem .4rem}}@media(max-width:768px){.desktop-only{display:none}.mobile-only{display:block}.mobile-items-list{display:flex;flex-direction:column}.items-table-container{overflow:visible}}@media(max-width:860px){.app-shell{grid-template-columns:1fr;grid-template-rows:auto 1fr;min-height:100dvh}.sidebar{display:none}.topbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;background:var(--navy);color:var(--white);padding:max(.8rem,env(safe-area-inset-top)) 1.25rem .8rem;position:sticky;top:0;z-index:20;box-shadow:var(--shadow-md)}.topbar .link{color:var(--gold);min-height:auto}.main{padding:1.5rem 1.25rem 2rem;min-width:0}.page-head{flex-direction:column;align-items:stretch;gap:1rem}.page-head .primary,.page-head .actions{width:100%}.page-head .actions button,.page-head>.primary{flex:1;width:100%}.empty{padding:2rem 1.5rem}.invoice-cards{display:grid}.table-scroll,.list-table{display:none}.form-grid{padding:1.25rem}.form-actions{flex-direction:column;align-items:stretch}.form-actions button{width:100%}.editor-tabs{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin-bottom:1rem;background:var(--line);padding:.4rem;border-radius:var(--radius-md)}.editor-tabs button{width:100%;border:0;background:transparent;font-weight:700;padding:.6rem;border-radius:var(--radius-sm)}.editor-tabs button.active{background:var(--white);color:var(--navy);box-shadow:var(--shadow-sm)}.editor-layout.tab-form .preview-wrap,.editor-layout.tab-preview .editor-form{display:none}.mobile-save{display:block;width:100%}.editor-form{padding:1.25rem}}@media(max-width:480px){.login-page{background:var(--paper)}.main{padding:1rem .75rem 1.5rem}.form-grid,.editor-form{padding:1rem}.page-head h1{font-size:1.5rem}.mobile-item-row{grid-template-columns:1fr}.mobile-item-card{padding:.75rem;gap:.75rem}.mobile-input{font-size:16px}}@media print{html,body,#root{width:100%;min-height:0}body{background:#fff}.no-print,.sidebar,.topbar,.bottom-nav,.editor-tabs{display:none!important}.editor-layout.tab-form .preview-wrap,.preview-wrap{display:block!important}.app-shell,.main,.page,.editor-layout,.preview-wrap,.preview-scale,.preview-page{display:block;padding:0;margin:0;width:100%;min-width:0;max-width:none;min-height:0;height:auto!important;transform:none!important;overflow:visible}.invoice-sheet{box-shadow:none;width:100%;min-height:254mm;padding:0;overflow:visible}.inv-summary,.inv-bank,.inv-sign,.inv-footer{break-inside:avoid}}.mobile-menu{position:fixed;inset:0;width:100%;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;border:0;background:transparent;color:var(--white)}.mobile-menu::backdrop{background:#00000073}.mobile-menu-panel{display:flex;flex-direction:column;gap:2rem;width:min(320px,88vw);height:100%;padding:max(1rem,env(safe-area-inset-top)) 1.25rem max(1.25rem,env(safe-area-inset-bottom));background:var(--navy);box-shadow:var(--shadow-xl);overflow-y:auto}.mobile-menu-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem}.mobile-menu .link{color:var(--gold);min-height:48px}.mobile-menu-heading .link{min-width:48px;font-size:1.25rem}.mobile-menu nav{display:grid;gap:.65rem}.mobile-menu nav button{min-height:52px;text-align:left;background:transparent;color:var(--white);border-color:transparent;font-size:1rem}.mobile-menu nav button.active,.mobile-menu nav button:hover{background:var(--navy-2);color:var(--gold)}.topbar .mobile-menu-toggle{display:inline-flex;align-items:center;justify-content:center;flex:0 0 48px;width:48px;height:48px;min-height:48px;padding:0;line-height:1;align-self:center}.mobile-menu-toggle svg{display:block;flex-shrink:0}.mobile-menu button:focus-visible,.mobile-menu-toggle:focus-visible{outline:2px solid var(--gold);outline-offset:3px}button{border-radius:0!important}.topbar{justify-content:flex-start}.mobile-menu-panel{margin-right:auto;margin-left:0}@keyframes content-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes drawer-enter{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes drawer-exit{0%{transform:translate(0)}to{transform:translate(-100%)}}@keyframes backdrop-enter{0%{opacity:0}to{opacity:1}}@keyframes backdrop-exit{0%{opacity:1}to{opacity:0}}@media screen and (prefers-reduced-motion:no-preference){.page,.login-card{animation:content-enter .28s ease-out}.line-item-card,.invoice-card{animation:content-enter .22s ease-out}.line-item-card{transition:border-color .18s ease,box-shadow .18s ease}.invoice-card{transition:box-shadow .18s ease,transform .18s ease}.editor-layout.tab-preview .preview-wrap{animation:backdrop-enter .2s ease-out}.ok{animation:content-enter .2s ease-out}.mobile-menu[open] .mobile-menu-panel{animation:drawer-enter .28s cubic-bezier(.22,1,.36,1) both}.mobile-menu[open]::backdrop{animation:backdrop-enter .28s ease-out both}.mobile-menu[open].is-closing .mobile-menu-panel{animation:drawer-exit .22s ease-in both}.mobile-menu[open].is-closing::backdrop{animation:backdrop-exit .22s ease-in both}button:active{transform:scale(.98)}}@media screen and (hover:hover)and (prefers-reduced-motion:no-preference){.invoice-card:hover{transform:translateY(-2px)}.sidebar nav button:hover,.mobile-menu nav button:hover{transform:translate(3px)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}button:hover,button:active{transform:none!important}}.invoice-filters{display:grid;grid-template-columns:minmax(220px,2fr) minmax(160px,1fr) minmax(150px,1fr) auto;gap:1rem;align-items:end;padding:1.25rem;background:var(--white);border-radius:var(--radius-lg);margin-bottom:1.5rem}.invoice-filters label{display:grid;gap:.5rem;font-size:.85rem;font-weight:600;min-width:0}.invoice-filters input,.invoice-filters select{width:100%;min-width:0;min-height:46px;padding:.65rem;border:1px solid var(--line);background:#fff;color:var(--ink);font-size:16px;border-radius:var(--radius-sm)}.invoice-filters button{min-height:46px}.invoice-filters input:focus-visible,.invoice-filters select:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.invoice-overview{display:grid;gap:.85rem}.overview-heading{display:flex;align-items:baseline;flex-wrap:wrap;gap:.75rem}.overview-heading h2{margin:0;color:var(--navy);font-size:1.2rem}.overview-heading span{color:var(--muted);font-size:.85rem}.invoice-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.invoice-stat{display:grid;align-content:start;gap:.4rem;padding:1.25rem;border:1px solid var(--line);background:var(--white);border-radius:var(--radius-lg)}.invoice-stat>span{color:var(--muted);font-size:.9rem}.invoice-stat strong{color:var(--navy);font-size:clamp(1.25rem,2vw,1.8rem);overflow-wrap:anywhere}.invoice-stat small{color:var(--muted)}.invoice-result-count{color:var(--muted);font-size:.9rem;margin:1.5rem 0 1rem}.invoice-card .status-badge{width:fit-content;font-size:.75rem}.invoice-card .status-paid{color:#16a34a}.invoice-card .status-unpaid{color:#dc2626}.invoice-card .status-partial{color:#b45309}@media(max-width:1100px){.invoice-filters{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.invoice-search{grid-column:1 / -1}.invoice-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}.invoice-stat{padding:.85rem}.invoice-filters{padding:1rem;gap:.75rem}.invoice-filters>button{grid-column:1 / -1}.invoice-card{flex-direction:column}.invoice-card>a{min-width:0;overflow-wrap:anywhere}.invoice-card .row-actions{flex-wrap:wrap}.invoice-card .row-actions button{min-height:44px}}.invoice-sheet{isolation:isolate}.invoice-sheet>:not(.inv-watermark){position:relative;z-index:1}.inv-watermark img{display:block;width:100%;height:100%;object-fit:cover;border-radius:50%}@page{size:A4;margin:12mm 12mm 30mm}@media print{.invoice-sheet,.invoice-sheet *{-webkit-print-color-adjust:exact;print-color-adjust:exact}.inv-table thead{display:table-header-group}.inv-table tr{break-inside:avoid}}@media(max-width:860px){.topbar{padding-left:1.25rem}.topbar .mobile-menu-toggle{margin-left:-16px}}@media(max-width:480px){.topbar{padding-left:.75rem}}.editor-form input[aria-invalid=true]{border-color:#b45309;background:#fffbeb}.editor-form input[aria-invalid=true]:focus{box-shadow:0 0 0 3px #b4530926}.field-warning{color:#92400e;font-size:.8rem;font-weight:400}.app-alert{font-family:inherit}.app-alert .primary{min-width:100px;min-height:44px}@media print{.swal2-container{display:none!important}}@media print{.screen-invoice-footer{display:none}}.inv-table-summary{break-inside:avoid}.inv-table .inv-table-summary th,.inv-table .inv-table-summary td{border:1px solid #222;background:#f3f3f3;color:#111;padding:5px 7px;font-size:11px;font-weight:700;text-align:right}.inv-table .inv-table-summary td{white-space:nowrap}.inv-table .inv-table-summary tr:first-child th,.inv-table .inv-table-summary tr:first-child td{background:#e5e5e5}.invoice-actions{gap:.25rem;flex-wrap:wrap}.invoice-actions .invoice-action{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;min-height:44px;min-width:44px;padding:.4rem .55rem;color:var(--primary);font-size:.85rem;font-weight:500;text-decoration:none;white-space:nowrap;flex:none}.invoice-actions .invoice-action svg{flex-shrink:0}.invoice-actions .invoice-action span{color:inherit;font-size:inherit}.invoice-actions .invoice-action.danger{color:#c62828}.invoice-actions .invoice-action:hover{background:color-mix(in srgb,var(--primary) 8%,white)}.invoice-actions .invoice-action.danger:hover{background:#fff1f2}.invoice-actions .invoice-action:focus-visible{outline:2px solid currentColor;outline-offset:2px}@media(max-width:480px){.invoice-actions .invoice-action{padding-inline:.4rem}.invoice-actions .invoice-action[title="Edit invoice"] span,.invoice-actions .invoice-action[title="Delete invoice"] span{display:none}}.invoice-type-toggle{border:0;padding:0;margin:0;min-width:0}.invoice-type-toggle legend{font-size:.85rem;font-weight:600;margin-bottom:.5rem}.invoice-type-toggle>div{display:flex;border:1px solid var(--line)}.editor-form .invoice-type-toggle label{position:relative;flex:1;cursor:pointer;display:block}.editor-form .invoice-type-toggle input{position:absolute;opacity:0;width:1px;height:1px;padding:0}.invoice-type-toggle span{display:flex;align-items:center;justify-content:center;min-height:46px;padding:.6rem}.invoice-type-toggle input:checked+span{background:var(--primary);color:var(--button-text, white)}.invoice-type-toggle input:focus-visible+span{outline:2px solid var(--gold);outline-offset:-3px}.customer-form{margin-bottom:1.5rem}.customer-form h2{margin:0}.customer-search{display:grid;gap:.5rem;font-size:.9rem;font-weight:600}.customer-search input{width:100%;min-height:46px;padding:.75rem;border:1px solid var(--line);font-size:16px}.customer-layout{display:grid;grid-template-columns:minmax(230px,1fr) minmax(0,2fr);gap:1.25rem;align-items:start}.customer-list{display:grid;gap:.75rem}.customer-list .customer-card{text-align:left;display:grid;gap:.45rem;padding:1rem;width:100%;overflow-wrap:anywhere}.customer-card span{color:var(--muted);font-size:.85rem}.customer-list .customer-card.selected{border-color:var(--primary);box-shadow:inset 3px 0 var(--primary)}.customer-detail{background:#fff;border-radius:var(--radius-lg);padding:1.25rem;min-width:0}.customer-detail-head{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap}.customer-detail h2{margin:0}.customer-detail-head p{margin:.5rem 0;color:var(--muted)}.customer-contact,.customer-notes{overflow-wrap:anywhere;white-space:pre-wrap}.customer-detail .item-hint{margin-top:1rem}.customer-history{display:grid;gap:.75rem}.customer-history a{display:flex;justify-content:space-between;gap:1rem;padding:1rem;border:1px solid var(--line);color:var(--ink);text-decoration:none}.customer-history a:hover{border-color:var(--primary)}.customer-history a>div{display:grid;gap:.4rem;font-size:.9rem}.customer-history a>div:last-child{text-align:right}.customer-picker{position:relative;display:grid;gap:.4rem}.customer-picker-panel{position:absolute;top:100%;left:0;right:0;z-index:10;background:#fff;box-shadow:var(--shadow-lg);border:1px solid var(--line)}.customer-picker-panel [role=listbox]{max-height:260px;overflow-y:auto}.customer-picker-panel [role=option]{padding:.75rem;display:grid;gap:.3rem;cursor:pointer}.customer-picker-panel [role=option] span{font-size:.85rem;color:var(--muted)}.customer-picker-panel [role=option]:hover,.customer-picker-panel [role=option].active{background:var(--paper)}.customer-picker-panel>button{width:100%;min-height:44px}.customer-picker-panel p{padding:.5rem}@media(max-width:1100px){.customer-layout{grid-template-columns:1fr}.customer-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.customer-list{grid-template-columns:1fr}.customer-detail{padding:1rem}.customer-detail .invoice-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.customer-history a{flex-direction:column}.customer-history a>div:last-child{text-align:left}}.paid-seal-toggle{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;flex-shrink:0}.paid-seal-toggle[aria-pressed=true]{background:var(--primary);color:var(--primary-text, white);box-shadow:inset 0 0 0 2px currentColor}.invoice-sheet>.inv-table-seal{position:relative;height:0;margin:0;padding:0;z-index:10;pointer-events:none}.inv-table-seal .inv-paid-seal{position:absolute;top:3mm;right:0}@media(max-width:760px){.mobile-save.invoice-save-actions{display:flex;gap:.75rem;align-items:center}.invoice-save-actions>.primary{flex:1}}.inv-signature-row{display:flex;justify-content:space-between;align-items:center;gap:8mm;margin-top:7mm;break-inside:avoid}.inv-signature-row .inv-sign{margin-top:0;margin-left:auto}.inv-paid-seal{width:24mm;height:36mm;object-fit:contain;flex-shrink:0}.warranty-selector{width:auto;max-width:100%;min-height:44px}.invoice-save-actions{flex-wrap:wrap}.inv-warranty-seal{position:absolute;right:0;width:30mm;height:30mm;object-fit:contain}.warranty-selector{padding:.65rem .5rem;border:1px solid var(--line);background:#fff;color:var(--ink);font-size:16px}.paid-seal-toggle:focus-visible,.warranty-selector:focus-visible{outline:2px solid var(--primary);outline-offset:3px}@media screen and (max-width:860px){.page-head .invoice-editor-actions{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.5rem}.page-head .invoice-editor-actions>button{grid-column:span 2;min-width:0;min-height:48px;padding:.5rem}.page-head .invoice-editor-actions>.paid-seal-toggle{grid-column:span 1;width:100%;height:48px}.page-head .invoice-editor-actions>.warranty-selector{grid-column:span 3;width:100%;min-width:0;min-height:48px}.mobile-save.invoice-save-actions{display:grid;grid-template-columns:48px minmax(0,1fr);gap:.75rem;align-items:center}.invoice-save-actions>.paid-seal-toggle{width:48px;height:48px}.invoice-save-actions>.warranty-selector{width:100%;min-width:0;min-height:48px}.invoice-save-actions>.primary{grid-column:1 / -1;width:100%;min-height:48px}.editor-form input,.editor-form select,.editor-form textarea{font-size:16px}}.customer-export-actions{flex-wrap:wrap}.customer-export-actions button{min-height:44px}@media(max-width:600px){.customer-detail-head .customer-export-actions{display:grid;width:100%;grid-template-columns:1fr}.customer-export-actions button{white-space:normal}}.app-footer{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:.35rem .85rem;padding:1rem 0 0;margin-top:2rem;border-top:1px solid var(--line);color:var(--muted);font-size:.8rem;line-height:1.6;text-align:center}.app-footer a{color:var(--primary);text-decoration:underline;text-underline-offset:3px}.app-footer a:focus-visible{outline:2px solid var(--primary);outline-offset:4px}.app-version{white-space:nowrap}@media screen{.main{display:flex;flex-direction:column}.main>.page{flex:1}.login-page{grid-template-rows:1fr auto}.login-page>.app-footer{width:min(600px,100%)}}@media screen and (max-width:480px){.app-footer{gap:.25rem}.app-version{flex-basis:100%}}.company-page,.customers-page,.invoices-page{width:100%;max-width:none;min-width:0}.invoices-page .table-scroll{max-width:100%;overflow-x:auto}.invoices-page .invoice-card,.invoices-page .invoice-card>a{min-width:0;overflow-wrap:anywhere}@media(max-width:380px){.invoices-page .invoice-filters{grid-template-columns:minmax(0,1fr)}}.company-page .form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.company-page label,.customers-page label,.customer-list,.customer-card{min-width:0}.customer-card{overflow-wrap:anywhere}.payment-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.payment-fields label,.payment-fields input{min-width:0}.inv-payment-date{white-space:nowrap;font-weight:400}@media(max-width:860px){.company-page .form-grid{grid-template-columns:minmax(0,1fr)}.company-page .span-2{grid-column:1}.company-page input,.company-page textarea,.customers-page input{font-size:16px}}@media(max-width:480px){.payment-fields{grid-template-columns:minmax(0,1fr)}}.invoice-edit-fields{display:contents}.status-cancelled,.invoice-card .status-cancelled{color:#991b1b;background:#fee2e2}.cancellation-notice{margin-bottom:1rem;padding:1rem;border:1px solid #fca5a5;background:#fef2f2;color:#991b1b;overflow-wrap:anywhere}.cancellation-notice p{margin:.5rem 0}.invoice-sheet>.inv-cancelled-watermark{position:absolute;z-index:30;top:45%;left:50%;transform:translate(-50%,-50%) rotate(-30deg);font:700 64px Arial,sans-serif;color:#b91c1c4d;pointer-events:none;white-space:nowrap}@media print{.invoice-sheet>.inv-cancelled-watermark{position:fixed;top:45%}}.editor.page{width:100%;max-width:none;min-width:0}.editor-layout>*{min-width:0}.inv-payment-date{margin-left:6px}.inv-bank-row{position:relative;width:fit-content;max-width:calc(100% - 34mm);break-inside:avoid}.inv-bank-row .inv-warranty-seal{top:0;left:calc(100% + 4mm);right:auto;z-index:10;pointer-events:none}.appearance-toggle{min-height:44px}@media screen{:root[data-appearance=dark]{color-scheme:dark;--paper: #202c3c;--ink: #e5e7eb;--muted: #c4cfdd;--line: #61738a;--white: #304155}[data-appearance=dark] body,[data-appearance=dark] .login-page{background:#202c3c}[data-appearance=dark] :is(.page-head h1,.login-card h1,.invoice-stat strong,.overview-heading h2,.invoice-card a strong){color:#f3f4f6}[data-appearance=dark] :is(input,textarea,select,.customer-detail,.customer-picker-panel,.invoice-filters input,.invoice-filters select,.warranty-selector,.line-item-card,.theme-option,.swal2-popup){background:#304155;color:#e5e7eb}[data-appearance=dark] :is(.sidebar,.topbar,.mobile-menu-panel,.brand){color:#fff}[data-appearance=dark] .primary{color:var(--button-text, #fff)}[data-appearance=dark] .app-footer a{color:#5eead4}[data-appearance=dark] .editor-tabs button.active{color:#f3f4f6}[data-appearance=dark] .invoice-sheet{color-scheme:light;--paper: #f4f1ea;--ink: #1b1b1b;--muted: #667085;--line: #d9d4c8;--white: #fff;color:#111;background:#fff}}@media screen{[data-appearance=dark] :is(.sidebar,.topbar,.mobile-menu-panel){background:#1b2939}[data-appearance=dark] :is(.sidebar nav button,.mobile-menu nav button){color:#e5e7eb}[data-appearance=dark] :is(.items-head h2,.line-item-heading>strong){color:#e5e7eb}[data-appearance=dark] .line-item-heading .link{color:#93c5fd}[data-appearance=dark] .line-item-heading .danger{color:#fca5a5}}.app-appearance-bar{display:flex;justify-content:flex-end;margin-bottom:1rem}.login-card .app-appearance-bar{margin-bottom:0}.appearance-settings{padding:1.5rem;margin-bottom:1.5rem;border:1px solid var(--line);background:var(--white);border-radius:var(--radius-lg)}.appearance-settings h2{margin:0 0 .5rem;font-size:1.2rem}.appearance-settings p,.appearance-settings small{color:var(--muted);margin:0}.appearance-options{display:grid;grid-template-columns:repeat(2,minmax(0,220px));gap:1rem;margin:1.25rem 0}button.appearance-option{padding:.75rem;text-align:left;border:2px solid var(--line)}button.appearance-option[aria-pressed=true]{border-color:#0d9488;box-shadow:0 0 0 2px #0d948826}.appearance-option:focus-visible{outline:3px solid #14b8a6;outline-offset:3px}.appearance-sample{display:grid;grid-template-columns:25% 1fr;gap:8px;height:90px;padding:8px;background:#edf1f5;border:1px solid #cbd5e1}.appearance-sample>span:first-child{background:#d3dce6}.appearance-sample>span:last-child{display:grid;gap:6px}.appearance-sample i{background:#fff;border:1px solid #dce3eb}.dark .appearance-sample{background:#202c3c;border-color:#61738a}.dark .appearance-sample>span:first-child{background:#1b2939}.dark .appearance-sample i{background:#304155;border-color:#61738a}.appearance-option-label{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.35rem;margin-top:.75rem;font-weight:600}.appearance-option-label>span{font-size:.8rem;color:var(--muted)}@media screen{:root:not([data-appearance=dark]){color-scheme:light;--paper: #f1f5f9;--line: #dce3eb;--muted: #526174;--ink: #182536}:root:not([data-appearance=dark]) body{background:#edf1f5}:root[data-appearance=dark]{--paper: #253548;--white: #304155;--line: #61738a;--muted: #c4cfdd;--ink: #e5edf7}[data-appearance=dark] :is(.form-grid,.editor-form,.invoice-card,.invoice-stat,.customer-detail,.appearance-settings,.invoice-filters,.login-card){background:#304155;box-shadow:0 1px 3px #0003}[data-appearance=dark] :is(input,textarea,select,.invoice-filters input,.invoice-filters select,.warranty-selector){background:#253548;border-color:#61738a}[data-appearance=dark] :is(.list-table td a,.customer-history a,.row-actions .link){color:#93c5fd}[data-appearance=dark] .status-paid{color:#6ee7b7;background:#123c32}[data-appearance=dark] .status-unpaid{color:#fca5a5;background:#45232c}[data-appearance=dark] .status-partial{color:#fcd34d;background:#42361c}[data-appearance=dark] .invoice-sheet{--paper: #f4f1ea;--line: #d9d4c8;--muted: #667085;--ink: #1b1b1b}}@media(max-width:480px){.appearance-settings{padding:1rem}.appearance-options{gap:.65rem}}.sidebar nav button,.mobile-menu nav button,.sidebar-foot>button{display:flex;align-items:center;gap:.85rem}.navigation-icon{flex:0 0 22px;display:block}@media screen{[data-appearance=dark] input::placeholder,[data-appearance=dark] textarea::placeholder{color:#b8c5d5;opacity:1}[data-appearance=dark] :is(.customer-picker-panel,.line-item-card,.invoice-stat,.customer-card,.list-table){border-color:#61738a}}@media screen{:root:not([data-appearance=dark]) :is(body,.login-page,.app-shell,.main){background:#fff}:root:not([data-appearance=dark]) :is(.invoice-filters,.invoice-stat,.invoice-card,.editor-form,.form-grid,.customer-detail,.login-card){background:#fff}:root:not([data-appearance=dark]) :is(.sidebar,.topbar,.mobile-menu-panel){background:#203448}:root:not([data-appearance=dark]) :is(.status-unpaid,.invoice-card .status-unpaid){background:#fff4dd;color:#854d0e}:root:not([data-appearance=dark]) :is(.status-partial,.invoice-card .status-partial){background:#fef3c7;color:#854d0e}:root:not([data-appearance=dark]) :is(.status-paid,.invoice-card .status-paid){background:#ecfdf5;color:#166534}:root:not([data-appearance=dark]) :is(.status-cancelled,.invoice-card .status-cancelled,.cancellation-notice){background:#e8eef5;color:#334155;border-color:#94a3b8}.invoice-actions .invoice-action.danger:hover{background:#e8eef5;color:#991b1b}[data-appearance=dark] :is(.status-unpaid,.invoice-card .status-unpaid){background:#42361c;color:#fde68a}[data-appearance=dark] :is(.status-paid,.invoice-card .status-paid){background:#123c32;color:#6ee7b7}[data-appearance=dark] :is(.status-partial,.invoice-card .status-partial){background:#42361c;color:#fcd34d}[data-appearance=dark] :is(.status-cancelled,.invoice-card .status-cancelled,.cancellation-notice){background:#35465b;color:#e2e8f0;border-color:#8293aa}[data-appearance=dark] .invoice-actions .invoice-action:hover{background:#40546c;color:#e2e8f0}[data-appearance=dark] .invoice-actions .invoice-action.danger:hover{background:#40546c;color:#fecaca}:root:not([data-appearance=dark]) :is(.form-grid input,.form-grid textarea,.editor-form input,.editor-form textarea,.invoice-filters input,.invoice-filters select,.warranty-selector){background:#fff;color:#182536;border-color:#7b8ba0}[data-appearance=dark] :is(input,textarea,select,.invoice-filters input,.invoice-filters select,.warranty-selector){border-color:#8293aa}:root:not([data-appearance=dark]) input::placeholder,:root:not([data-appearance=dark]) textarea::placeholder{color:#526174;opacity:1}}@media screen{:root{--panel-depth: 0 2px 3px rgb(15 23 42 / 5%), 0 10px 24px -12px rgb(15 23 42 / 24%), inset 0 1px 0 rgb(255 255 255 / 90%);--control-depth: 0 3px 0 rgb(15 23 42 / 14%), 0 5px 10px -5px rgb(15 23 42 / 25%), inset 0 1px 0 rgb(255 255 255 / 20%)}:root[data-appearance=dark]{--panel-depth: 0 2px 4px rgb(0 0 0 / 20%), 0 12px 26px -12px rgb(0 0 0 / 55%), inset 0 1px 0 rgb(255 255 255 / 10%);--control-depth: 0 3px 0 rgb(0 0 0 / 35%), 0 6px 12px -5px rgb(0 0 0 / 45%), inset 0 1px 0 rgb(255 255 255 / 12%)}:root .app-shell :is(.invoice-stat,.invoice-card,.invoice-filters,.editor-form,.form-grid,.customer-detail,.appearance-settings,.line-item-card),:root .login-card{box-shadow:var(--panel-depth);border:1px solid var(--line)}:root .customer-list .customer-card{box-shadow:var(--panel-depth)}:root .customer-list .customer-card.selected{box-shadow:inset 3px 0 var(--primary),var(--panel-depth)}:root :is(.main,.login-card,.swal2-popup) button:not(.link):not(.customer-card):not(.appearance-option):not(.theme-option){box-shadow:var(--control-depth)}:root .paid-seal-toggle[aria-pressed=true]{box-shadow:inset 0 0 0 2px currentColor,var(--control-depth)}:root :is(.main,.login-card,.swal2-popup) button:not(.link):not(:disabled):active{box-shadow:inset 0 2px 4px #0000002e}}@media screen and (hover:hover)and (prefers-reduced-motion:no-preference){.customer-list .customer-card{transition:transform .18s ease,box-shadow .18s ease}.customer-list .customer-card:hover{transform:translateY(-2px)}:root :is(.main,.login-card) button:not(.link):not(:disabled):active{transform:translateY(2px)}}@media screen{.list-table th{background:#26384b;color:#f8fafc;border-bottom-color:#465b72}.list-table tbody tr:hover{background:#e4edf5}.list-table tbody tr[aria-selected=true],.customer-list .customer-card.selected,.customer-picker-panel [role=option].active{background:#dbe7f2;color:#203448;border-color:#57748f}:root .customer-list .customer-card.selected{box-shadow:inset 3px 0 #57748f,var(--panel-depth)}[data-appearance=dark] .list-table th{background:#172536;color:#e8eef5}[data-appearance=dark] .list-table tbody tr:hover{background:#40546a}[data-appearance=dark] :is(.list-table tbody tr[aria-selected=true],.customer-list .customer-card.selected,.customer-picker-panel [role=option].active){background:#40566e;color:#f1f5f9;border-color:#8ca2ba}}@media screen and (max-width:860px){.main button,.login-card button,.swal2-container button{min-height:44px}.main input:not([type=radio]):not([type=checkbox]),.main select,.login-card input{min-height:44px;font-size:16px}.main textarea,.login-card textarea{font-size:16px}.editor-tabs button{min-height:48px}.invoice-type-toggle label span{display:flex;align-items:center;justify-content:center;min-height:48px}.customer-picker-panel [role=listbox]{max-height:min(260px,40dvh);overscroll-behavior:contain}.main{padding-bottom:max(1.5rem,env(safe-area-inset-bottom))}}.workspace-status{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;flex-wrap:wrap}.workspace-status span{overflow-wrap:anywhere}.backup-panel{border:1px solid var(--border, #cbd5e1);border-radius:12px;padding:20px;margin:20px 0}.backup-panel p{max-width:75ch}.mfa-qr{display:block;width:220px;max-width:100%;margin:16px auto;background:#fff;padding:10px}@media screen and (max-width:860px){.workspace-status{align-items:stretch;gap:.65rem;font-size:.9rem}.workspace-status>span{flex:1 1 100%;min-width:0}.workspace-status>button{width:100%;white-space:normal}.page-head .invoice-editor-actions>.creator-print-toggle{grid-column:1 / -1;display:flex;min-height:48px;min-width:0;padding:.65rem .8rem;gap:.75rem;border:1px solid var(--line);border-radius:8px;background:var(--white);font-size:.95rem}.creator-print-toggle input{flex:0 0 22px;width:22px;height:22px;margin:0}.creator-print-toggle:focus-within{outline:2px solid var(--primary);outline-offset:2px}.activity-page{min-width:0;width:100%}.activity-page .page-head{flex-direction:column;align-items:stretch}.activity-page .page-head>button{width:100%}.activity-list .invoice-card{padding:1rem;overflow-wrap:anywhere;line-height:1.5}.activity-list .invoice-card>strong{font-size:1rem}.activity-list time{color:var(--muted);font-size:.9rem}.activity-page>button{width:100%}}@media screen and (max-width:480px){.page-head .invoice-editor-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.page-head .invoice-editor-actions>button{grid-column:span 1;white-space:normal}.page-head .invoice-editor-actions>.warranty-selector{grid-column:1 / -1}.page-head .invoice-editor-actions>:is(.primary,.cancel-invoice-button){grid-column:1 / -1}.backup-panel{padding:1rem}}.activity-log-page{width:100%;max-width:1400px}.activity-log-page .page-head{margin-bottom:1.25rem}.activity-export-panel{margin-bottom:1rem;padding:1rem;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--white)}.activity-export-panel summary{cursor:pointer;font-weight:600}.activity-export-panel p{font-size:.9rem;line-height:1.5}.activity-export-fields{display:flex;flex-wrap:wrap;gap:.85rem;align-items:end}.activity-export-fields label{display:grid;gap:.4rem;flex:1 1 180px;min-width:0}.activity-export-fields input{width:100%;min-height:44px;min-width:0;padding:.6rem;border:1px solid var(--line);border-radius:6px;font:inherit;background:var(--paper);color:var(--ink)}.activity-filters{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr) minmax(0,1fr) auto;align-items:end;gap:.85rem;padding:1rem;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--white)}.activity-filters label{display:grid;gap:.4rem;min-width:0;font-size:.9rem}.activity-filters input,.activity-filters select{width:100%;min-width:0;min-height:44px;padding:.65rem .75rem;border:1px solid var(--line);border-radius:6px;background:var(--paper);color:var(--ink);font:inherit}.activity-result-note{display:flex;justify-content:space-between;flex-wrap:wrap;gap:.5rem;margin:1rem 0;color:var(--muted);font-size:.85rem}.activity-day{margin-bottom:1.5rem}.activity-day h2{display:flex;align-items:center;flex-wrap:wrap;gap:.75rem;margin:0 0 .65rem;font-size:1rem}.activity-day h2 span{color:var(--muted);font-size:.8rem;font-weight:400}.activity-events{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--white);overflow:hidden}.activity-event{display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:1rem;align-items:center;padding:1rem 1.15rem}.activity-event+.activity-event{border-top:1px solid var(--line)}.activity-event-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:10px;background:var(--paper);color:var(--ink)}.activity-event-icon.is-cancelled{color:#b42318;background:#fee4e2}.activity-event-title{display:flex;align-items:center;flex-wrap:wrap;gap:.6rem}.activity-reference{padding:.15rem .5rem;border:1px solid var(--line);border-radius:5px;font-size:.85rem;overflow-wrap:anywhere}.activity-event-content{min-width:0;overflow-wrap:anywhere}.activity-event-content p{display:flex;align-items:baseline;flex-wrap:wrap;gap:.25rem .6rem;margin:.35rem 0 0;color:var(--muted);font-size:.9rem}.activity-event-content small{font-size:.8rem}.activity-event time{color:var(--muted);font-size:.85rem;white-space:nowrap}.activity-help{margin-top:1.5rem;color:var(--muted);font-size:.85rem;line-height:1.6}.activity-help summary{cursor:pointer}.activity-pagination{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--line)}.activity-pagination label,.activity-pagination>div{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.activity-pagination select{min-height:44px;padding:.5rem;border:1px solid var(--line);border-radius:6px;background:var(--white);color:var(--ink);font:inherit}.activity-pagination span{color:var(--muted);font-size:.9rem}.activity-empty{padding:1.5rem;border:1px dashed var(--line);border-radius:var(--radius-md);text-align:center}@media screen and (max-width:900px){.activity-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.activity-filters label:first-child{grid-column:1 / -1}}@media screen and (max-width:600px){.activity-filters{grid-template-columns:minmax(0,1fr)}.activity-event{grid-template-columns:32px minmax(0,1fr);gap:.6rem .75rem;padding:.9rem}.activity-event-icon{width:32px;height:32px}.activity-event time{grid-column:2}}.users-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:.85rem;align-items:start}.users-grid .user-card{padding:1rem 1.15rem;gap:.45rem;align-content:start;line-height:1.45;overflow-wrap:anywhere}.user-card-heading{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.5rem}.user-card-heading>strong{font-size:1.05rem}.user-card .presence-badge{color:#334155;background:#e2e8f0;font-size:.8rem;flex-shrink:0}.user-card .presence-badge.is-online{color:#166534;background:#dcfce7}.user-card-details{display:flex;flex-wrap:wrap;gap:.35rem 1rem;border-top:1px solid var(--line);padding-top:.6rem;margin-top:.2rem;font-size:.9rem}[data-appearance=dark] .user-card .presence-badge{color:#e2e8f0;background:#475569}[data-appearance=dark] .user-card .presence-badge.is-online{color:#bbf7d0;background:#14532d}@media screen and (max-width:600px){.users-grid{grid-template-columns:minmax(0,1fr)}}.numbering-panel{margin:0 0 1.5rem;padding:1.5rem;border:1px solid var(--line);border-radius:14px;background:var(--white);color:var(--ink)}.numbering-heading{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:.75rem;margin-bottom:1.25rem}.numbering-heading h2{margin:0 0 .35rem;font-size:1.35rem}.numbering-heading p,.numbering-preview p{margin:0;color:var(--muted)}.numbering-year-badge{font-size:.8rem;border:1px solid var(--line);padding:.3rem .65rem;border-radius:20px}.numbering-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:1.5rem}.numbering-fields{display:grid;grid-template-columns:minmax(110px,.6fr) minmax(0,1fr);gap:1rem}.numbering-fields label{display:grid;align-content:start;gap:.45rem;min-width:0}.numbering-fields input{box-sizing:border-box;width:100%;min-width:0;min-height:46px;padding:.65rem .8rem;border:1px solid var(--line);border-radius:8px;background:var(--paper);color:var(--ink);font:inherit;font-size:16px}.numbering-fields input:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.numbering-fields small{color:var(--muted)}.numbering-current{display:flex;align-items:center;flex-wrap:wrap;gap:.6rem;margin:1rem 0;color:var(--muted)}.numbering-current strong{color:var(--ink);font-size:1.15rem}.numbering-preview{padding:1rem 1.25rem;background:var(--paper);border:1px solid var(--line);border-left:3px solid #3b82f6;border-radius:10px;display:grid;align-content:start;gap:.85rem;min-width:0}.numbering-preview>span{font-size:.75rem;letter-spacing:.08em;color:var(--muted)}.numbering-preview>div{display:grid;gap:.2rem}.numbering-preview small{color:var(--muted)}.numbering-preview strong{font:600 clamp(.95rem,1.4vw,1.2rem) ui-monospace,monospace;overflow-wrap:anywhere}.numbering-preview p{font-size:.85rem}.numbering-note{margin:1.25rem 0 0;padding-top:.9rem;border-top:1px solid var(--line);color:var(--muted);font-size:.85rem}.numbering-feedback{margin-bottom:0}@media screen and (max-width:860px){.numbering-layout{grid-template-columns:minmax(0,1fr);gap:1rem}}@media screen and (max-width:480px){.numbering-panel{padding:1rem}.numbering-fields{grid-template-columns:minmax(0,1fr)}.numbering-controls .actions{display:grid;grid-template-columns:minmax(0,1fr)}}.idle-warning{position:fixed;z-index:10000;right:1rem;bottom:1rem;width:min(420px,calc(100vw - 2rem));box-sizing:border-box;padding:1.25rem;background:var(--white);color:var(--ink);border:2px solid #d97706;border-radius:12px;box-shadow:0 8px 30px #0005}.idle-warning p{line-height:1.5}.idle-warning button{min-height:44px;width:100%}@media print{.idle-warning{display:none}}.mfa-card{gap:1.25rem}.mfa-card>p:not(.error){text-align:center;line-height:1.55}.mfa-form{display:grid;gap:1rem;width:100%;min-width:0;margin:0}.mfa-form label{gap:.6rem}.mfa-form input{box-sizing:border-box;width:100%;min-width:0;min-height:48px;padding:.75rem 1rem;text-align:center;font-size:1.25rem;letter-spacing:.25em}.mfa-card button{box-sizing:border-box;width:100%;min-height:48px;margin:0;padding:.75rem 1rem}.app-alert .swal2-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:.75rem;margin:1.5rem auto 0;padding:0 1.25rem}.app-alert .swal2-actions button{flex:1 1 auto;min-width:120px;min-height:46px;margin:0;padding:.7rem 1.1rem;line-height:1.4}@media screen and (max-width:380px){.app-alert .swal2-actions{width:100%;box-sizing:border-box}.app-alert .swal2-actions button{flex-basis:100%}.mfa-card{padding:1.25rem}}.item-warranty-toggle{display:flex!important;align-items:center;gap:.55rem;min-height:44px}.item-warranty-toggle input{width:18px;height:18px}.warranty-star{color:#dc2626;print-color-adjust:exact;-webkit-print-color-adjust:exact}.customer-back-mobile{display:none}.customer-detail{scroll-margin-top:100px}@media screen and (max-width:1100px){.customer-back-mobile{display:inline-flex;align-items:center;margin-bottom:1rem}}@media screen and (max-width:860px){.main{padding-left:max(.85rem,env(safe-area-inset-left));padding-right:max(.85rem,env(safe-area-inset-right));padding-bottom:max(1.5rem,env(safe-area-inset-bottom))}.page,.page-head>div,.actions,.form-grid,.customer-detail-head>div,.line-item-card{min-width:0}.app-shell button,.login-page button,.app-alert button{min-height:44px}.app-shell input:not([type=checkbox]):not([type=radio]):not([type=color]),.app-shell select,.app-shell textarea,.login-page input{font-size:16px;min-height:46px;max-width:100%}.app-shell textarea{min-height:90px}.page-head .actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}.page-head .actions button{width:100%;white-space:normal;overflow-wrap:anywhere}.customer-detail-head .actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.customer-detail-head .actions>.primary{grid-column:1 / -1;width:100%}.customer-history a,.invoice-action{min-height:44px}.customer-picker-panel [role=option]{min-height:56px;overflow-wrap:anywhere}.customer-picker-panel [role=listbox]{max-height:min(260px,40dvh);overscroll-behavior:contain}.line-item-actions{gap:.75rem;flex-wrap:wrap}.line-item-actions button{padding:.5rem}.invoice-stat strong{font-size:clamp(1.15rem,4vw,1.65rem);overflow-wrap:anywhere}.activity-pagination>div{width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:.5rem}.activity-pagination button{padding:.65rem}.activity-export-fields button{flex:1 1 100%}.appearance-options{min-width:0}.login-page{padding:max(1rem,env(safe-area-inset-top)) max(1rem,env(safe-area-inset-right)) max(1rem,env(safe-area-inset-bottom)) max(1rem,env(safe-area-inset-left));min-height:100dvh}.login-card{max-width:100%;padding:1.5rem}.mobile-menu-panel{overscroll-behavior:contain}.app-alert{width:min(92vw,32rem);padding:1.25rem}.app-alert .swal2-actions{gap:.65rem;flex-wrap:wrap}.app-footer{overflow-wrap:anywhere}}@media screen and (max-width:380px){.page-head .actions,.customer-detail-head .actions,.customer-detail .invoice-stats,.line-item-pricing{grid-template-columns:minmax(0,1fr)}.login-card{padding:1.15rem}}@media screen and (max-width:860px)and (max-height:500px){.login-page{align-items:flex-start}.mobile-menu-panel{gap:1rem}}@media screen and (max-width:860px){.editor-form label,.form-grid label,.invoice-filters label,.activity-filters label,.activity-export-fields label{min-width:0;max-width:100%}.editor-form fieldset,.customer-form fieldset{min-inline-size:0}.app-shell input[type=date],.app-shell input[type=month]{display:block;width:100%;min-width:0;min-inline-size:0;max-width:100%;box-sizing:border-box;-webkit-appearance:none;appearance:none;text-align:left;height:48px}.app-shell input[type=date]::-webkit-date-and-time-value,.app-shell input[type=month]::-webkit-date-and-time-value{text-align:left;min-width:0}.app-shell input::-webkit-datetime-edit{padding:0}.invoice-filters{align-items:end}.invoice-filters label{display:grid;grid-template-rows:auto 48px;gap:.5rem;align-content:end}.invoice-filters input,.invoice-filters select{height:48px;min-width:0;width:100%;box-sizing:border-box}.invoice-save-actions{display:grid!important;grid-template-columns:48px minmax(0,1fr);gap:.65rem;align-items:stretch}.invoice-save-actions>.paid-seal-toggle{width:48px;height:48px}.invoice-save-actions>.warranty-selector{width:100%;min-width:0;height:48px}.invoice-save-actions>.primary{grid-column:1 / -1;width:100%}}@media screen and (max-width:480px){.invoice-filters{grid-template-columns:minmax(0,1fr)}.invoice-filters .invoice-search,.invoice-filters>button{grid-column:1}}@media screen and (max-width:860px){.editor-form{min-width:0}.editor-form .invoice-edit-fields{width:100%;min-width:0;min-inline-size:0}.editor-form .invoice-edit-fields>label{width:100%;min-width:0;grid-template-columns:minmax(0,1fr)}.editor-form input[type=date]{width:100%;inline-size:100%;min-width:0;min-inline-size:0;max-width:100%;max-inline-size:100%;height:48px;padding:.7rem .85rem;margin:0;overflow:hidden}.editor-form input[type=date]::-webkit-datetime-edit-fields-wrapper{padding:0;min-width:0}.editor-form input[type=date]::-webkit-date-and-time-value{min-height:1.4em;text-align:left}}