:root{--green:#3c9a34;--green-dark:#2d7428;--ink:#1c2622;--muted:#5d6b66;--line:#dde3df;--bg:#f6f7f6;--card:#fff;--red:#a33b32;--blue:#1d6b99;--slate:#4e5964;--shadow:none;color:var(--ink);background:var(--bg);font-family:Segoe UI,system-ui,sans-serif}*{box-sizing:border-box}body{min-height:100vh;margin:0}a{color:var(--green-dark);text-decoration:none}a:hover{text-decoration:underline}button,input,select,textarea{font:inherit;color:inherit}h1,h2,h3{letter-spacing:-.02em;margin:0;font-weight:650}p{margin:0}.app-shell{background:#3a434b;align-items:stretch;gap:12px;min-height:100vh;padding:12px;display:flex}.sidebar{z-index:30;color:#fff;background:#2a3138;border-radius:22px;flex-direction:column;flex:0 0 280px;width:280px;min-height:calc(100vh - 24px);padding:14px 10px 12px;transition:flex-basis .2s,width .2s;display:flex;position:static;overflow:hidden}.sidebar.is-collapsed{flex-basis:68px;width:68px;padding:12px 6px}.sidebar-brand{align-items:center;gap:4px;padding:2px 4px 14px;display:flex}.sidebar-brand a{color:#fff;letter-spacing:-.02em;flex:1;align-items:center;gap:10px;min-width:0;font-size:.98rem;font-weight:700;display:flex}.sidebar-brand a:hover{color:#fff;text-decoration:none}.sidebar-brand img{object-fit:contain;object-position:left center;flex:none;width:188px;height:44px}.sidebar.is-collapsed .sidebar-brand img{object-fit:cover;object-position:left center;border-radius:10px;width:36px;height:36px}.sidebar-toggle{color:#ffffffb8;cursor:pointer;background:0 0;border:0;border-radius:8px;flex:none;place-items:center;width:32px;height:32px;display:grid}.sidebar-toggle:hover{color:#fff;background:linear-gradient(#7ed67033,#3c9a3414);box-shadow:inset 0 1px #ffffff29}.sidebar-close{display:none}.nav{flex-direction:column;flex:1;gap:2px;padding:0 2px;display:flex}.nav a{color:#ffffffc7;border-radius:8px;align-items:center;gap:10px;min-height:36px;padding:6px 10px;font-size:.92rem;font-weight:600;text-decoration:none;display:flex}.nav a svg,.sidebar-logout svg,.sidebar-toggle svg{flex:none}.nav a:hover{color:#fff;background:linear-gradient(#7ed67033,#3c9a3414);text-decoration:none;box-shadow:inset 0 1px #ffffff29}.nav a.active{color:#fff;background:linear-gradient(#8ade7a52,#308c2824);box-shadow:inset 0 1px #ffffff38}.nav a.active:hover{background:linear-gradient(#96e68661,#308c2829)}.sidebar-foot{gap:4px;padding:8px 2px 2px;display:grid}.sidebar-avatar{background:var(--green);color:#fff;border-radius:8px;flex:none;place-items:center;width:28px;height:28px;font-size:.82rem;font-weight:700;display:grid}.sidebar-logout{color:#ffffffc7;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;width:100%;padding:8px 10px;font-size:.92rem;font-weight:600;display:flex}.sidebar-logout:hover{color:#fff;background:linear-gradient(#7ed67033,#3c9a3414);box-shadow:inset 0 1px #ffffff29}.sidebar.is-collapsed .sidebar-brand{flex-direction:column;align-items:center;gap:8px;padding:2px 0 12px}.sidebar.is-collapsed .sidebar-brand a{flex:none}.sidebar.is-collapsed .nav{align-items:center}.sidebar.is-collapsed .nav a,.sidebar.is-collapsed .sidebar-logout,.sidebar.is-collapsed .support-side{justify-content:center;gap:0;width:40px;height:40px;margin:0 auto;padding:0}.sidebar.is-collapsed .nav-label{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.sidebar-backdrop,.mobilebar{display:none}.app-main{color:#f4f7f5;--ink:#f4f7f5;--muted:#a3aca8;--line:#ffffff1a;--card:#343d46;--bg:#2a3138;background:#2a3138;border-radius:22px;flex:1;min-width:0;min-height:calc(100vh - 24px)}.container{width:min(1080px,100% - 48px);margin:0 auto;padding:24px 0 56px}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px;display:flex}.page-header h1{letter-spacing:-.03em;font-size:1.85rem}.page-header .muted{margin-top:4px;line-height:1.45}.actions,.row-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.btn,button.btn{cursor:pointer;background:#fff;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;padding:8px 12px;font-size:.9rem;font-weight:600;text-decoration:none;display:inline-flex}.btn:hover{text-decoration:none}.btn-primary,button.btn-primary{background:var(--green);color:#fff}.btn-primary:hover,button.btn-primary:hover{background:var(--green-dark)}.app-main .btn-primary,.app-main button.btn-primary{color:#fff;background:linear-gradient(#8ade7a52,#308c2824);border-color:#a0e69459;box-shadow:inset 0 1px #ffffff38}.app-main .btn:hover,.app-main button.btn:hover,.app-main .btn-primary:hover,.app-main button.btn-primary:hover{color:#fff;background:linear-gradient(#96e68661,#308c2829);border-color:#a0e69459;box-shadow:inset 0 1px #ffffff38}.btn-secondary,button.btn-secondary{border-color:var(--line);color:var(--ink);background:#fff}.btn-danger,button.btn-danger{color:var(--red);background:#fff;border-color:#efc7c3}.btn-ghost,button.btn-ghost{color:#fff;background:0 0;border-color:#ffffff4d}.btn[disabled]{opacity:.6;cursor:wait}.card{background:var(--card);border:1px solid var(--line);box-shadow:none;border-radius:12px;padding:16px 16px 14px}.app-main .card h2{margin-bottom:12px;font-size:1.02rem}.app-main a:not(.btn){color:#d7f3d4}.app-main a:not(.btn):hover{color:#fff}.app-main .btn-secondary,.app-main button.btn-secondary{color:#f4f7f5;background:0 0;border-color:#ffffff29}.app-main .btn-danger,.app-main button.btn-danger{color:#f0b4ae;background:0 0;border-color:#e3787073}.app-main .input,.app-main select.input,.app-main textarea.input{color:#f4f7f5;background:#242b32;border-color:#ffffff1f}.app-main .input::placeholder{color:#8d9692}.select{width:100%;position:relative}.filters .select{width:auto;min-width:220px}.select-trigger{text-align:left;cursor:pointer;justify-content:space-between;align-items:center;gap:10px;display:flex}.select-trigger>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.select-trigger-detail{color:var(--muted);font-weight:450}.select-trigger svg{flex:none}.select.open .select-trigger svg{transform:rotate(180deg)}.select-value{clip:rect(0, 0, 0, 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.select-menu{z-index:60;background:#242b32;border:1px solid #ffffff1f;border-radius:10px;max-height:280px;margin:0;padding:6px;list-style:none;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow:auto;box-shadow:0 16px 36px #00000059}.select-option{color:#f4f7f5;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;width:100%;padding:8px 10px;font-weight:600;display:block}.select-option:hover{color:#fff;background:linear-gradient(#7ed67033,#3c9a3414);box-shadow:inset 0 1px #ffffff29}.select-option.selected{color:#fff;background:linear-gradient(#8ade7a52,#308c2824);box-shadow:inset 0 1px #ffffff38}.select-option.selected:hover{background:linear-gradient(#96e68661,#308c2829)}.select-menu ul{margin:0;padding:0;list-style:none}.select-menu.searchable{grid-template-rows:auto minmax(0,1fr);display:grid;overflow:hidden}.select-menu.searchable ul{max-height:228px;overflow:auto}.select-search{width:100%;margin-bottom:6px}.select-detail{color:#a3aca8;margin-top:2px;font-size:.82rem;font-weight:450;display:block}.select-empty{color:#a3aca8;padding:8px 10px}.select-menu.floating,.date-panel.floating{position:fixed;right:auto}.date-field{width:100%;position:relative}.date-panel{z-index:60;background:#242b32;border:1px solid #ffffff1f;border-radius:12px;width:min(292px,100%);padding:12px;position:absolute;top:calc(100% + 6px);left:0;box-shadow:0 16px 36px #00000059}.date-head{justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px;display:flex}.date-head strong{text-transform:capitalize;font-size:.95rem;font-weight:650}.date-nav{color:#f4f7f5;cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;width:32px;height:32px;display:grid}.date-nav:hover{background:linear-gradient(#7ed67033,#3c9a3414);box-shadow:inset 0 1px #ffffff29}.date-week,.date-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:2px;display:grid}.date-week{margin-bottom:4px}.date-week span{text-align:center;color:var(--muted);font-size:.75rem;font-weight:650}.date-day{color:#f4f7f5;cursor:pointer;background:0 0;border:0;border-radius:8px;height:34px;font-weight:600}.date-day.outside{color:#6f7874}.date-day:hover{color:#fff;background:linear-gradient(#7ed67033,#3c9a3414);box-shadow:inset 0 1px #ffffff29}.date-day.selected{color:#fff;background:linear-gradient(#8ade7a52,#308c2824);box-shadow:inset 0 1px #ffffff38}.date-day.today:not(.selected){box-shadow:inset 0 0 0 1px #a0e6948c}.date-foot{justify-content:flex-end;margin-top:10px;display:flex}.date-today{padding:6px 10px}.stack{gap:16px;display:grid}.grid-2{grid-template-columns:1.4fr .8fr;gap:16px;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.stats{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:16px;display:grid}.stat h2{margin-bottom:10px;font-size:1rem}.stat-row{border-top:1px solid var(--line);justify-content:space-between;gap:12px;padding:6px 0;display:flex}.stat-row strong{font-variant-numeric:tabular-nums}.quick{flex-wrap:wrap;gap:8px;margin:8px 0 18px;display:flex}.finance{margin-top:6px}.finance-head{justify-content:space-between;align-items:baseline;gap:12px;margin:4px 0 12px;display:flex}.finance-head h2{font-size:1.2rem}.finance-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.finance-card{align-content:start;gap:14px;height:100%;display:grid}.finance-card h2{font-size:1.02rem}.finance-highlights{grid-template-columns:1fr 1fr;align-items:stretch;gap:10px;display:grid}.finance-figure{border:1px solid var(--line);background:#ffffff0a;border-radius:12px;grid-template-rows:2.4em auto 2.6em;align-content:start;min-width:0;height:100%;padding:12px 14px 11px;display:grid}.finance-figure span,.finance-figure em{color:var(--muted);font-style:normal;display:block}.finance-figure span{letter-spacing:.04em;text-transform:uppercase;font-size:.78rem;font-weight:700;line-height:1.2}.finance-figure em{margin-top:2px;font-size:.82rem;line-height:1.25}.finance-figure strong{letter-spacing:-.03em;font-variant-numeric:tabular-nums;margin-top:6px;font-size:1.45rem;line-height:1.1;display:block}.finance-figure.accent{background:linear-gradient(#8ade7a2e,#308c2814);border-color:#a0e69447}.finance-figure.accent strong{color:#d7f3d4}.finance-meter{background:#ffffff0f;border-radius:999px;height:10px;display:flex;overflow:hidden}.finance-meter i,.finance-row .dot{display:block}.meter-draft{background:#8b9792}.meter-sent{background:#7eb6e0}.meter-approved,.meter-paid{background:#6fbf62}.meter-rejected{background:#e07a72}.finance-row{border-top:1px solid var(--line);grid-template-columns:10px 1fr auto;align-items:center;gap:10px;padding:8px 0;display:grid}.finance-row .dot{border-radius:99px;width:8px;height:8px}.finance-row em{color:var(--muted);margin-left:8px;font-size:.8rem;font-style:normal}.finance-row strong{font-variant-numeric:tabular-nums}.due-cell{flex-wrap:wrap;align-items:center;gap:8px;display:inline-flex}.due-late{color:#f09990;font-weight:700}.row-overdue{background:#e07a7214}.filters{flex-wrap:wrap;gap:8px;margin-bottom:14px;display:flex}.filters .input,.filters select{width:auto;min-width:180px}.filters .select-trigger{width:100%;min-width:220px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;padding:10px 8px}th{color:var(--muted);font-size:.82rem;font-weight:650}.right{text-align:right}.muted{color:var(--muted)}.small{font-size:.92rem}.pre{white-space:pre-wrap}.due-date{margin:0}.invoice-marks{align-items:center;gap:2px;line-height:0;display:inline-flex}.invoice-marks .mark-ok{color:#8edc7a}.invoice-marks .mark-no{color:#f09990}.badge{border-radius:999px;padding:3px 8px;font-size:.8rem;font-weight:700;display:inline-flex}.badge-slate{color:var(--slate);background:#e7ebef}.badge-blue{color:var(--blue);background:#e3f1f8}.badge-green{color:var(--green-dark);background:#e5f5e3}.badge-red{color:var(--red);background:#fdeceb}.field{gap:6px;margin-bottom:12px;display:grid}.label{font-size:.92rem;font-weight:650}.hint{color:var(--muted);font-size:.85rem}.hint-empty{display:none}.input,select.input,textarea.input{background:#fff;border:1px solid #c9d2cd;border-radius:6px;width:100%;padding:8px 10px}textarea.input{resize:vertical;min-height:90px}.input:focus,select.input:focus,textarea.input:focus{outline:2px solid var(--green);border-color:var(--green)}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;column-gap:12px;display:grid}.form-grid>.field{width:100%;min-width:0}.form-grid .hint-empty{visibility:hidden;display:block}.error,.notice-warn{color:#7d2b24;background:#fdeceb;border-radius:12px;margin-bottom:12px;padding:10px 12px}.notice{color:#245c20;background:#e5f5e3;border-radius:12px;margin-bottom:12px;padding:10px 12px}.line{grid-template-columns:minmax(140px,1.7fr) .6fr .75fr .85fr minmax(148px,1.05fr) auto;align-items:end;gap:8px;margin-bottom:8px;display:grid}.line .field{margin-bottom:0}.line .input,.line .select-trigger,.line-total,.line-remove{height:38px}.line-remove-label{display:none}.line-remove{color:#f4f7f5;cursor:pointer;background:#242b32;border:1px solid #ffffff1f;border-radius:6px;justify-self:start;place-items:center;width:38px;padding:0;display:grid}.app-main .line-remove:hover{color:#fff;background:linear-gradient(#96e68661,#308c2829);border-color:#a0e69459;box-shadow:inset 0 1px #ffffff38}.line-total{white-space:nowrap;color:var(--ink,#f4f7f5);background:#2a3138;border:1px solid #ffffff14;border-radius:6px;align-items:center;padding:0 10px;font-weight:650;display:flex}.line-foot{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-top:12px;display:flex}.line-tools{flex-wrap:wrap;align-items:flex-end;gap:12px;display:flex}.vat-choice{width:180px;margin-bottom:0}.line-summary{border-top:1px solid var(--line);gap:8px;width:min(440px,100%);margin-left:auto;padding-top:12px;display:grid}.line-summary div{grid-template-columns:1fr auto;align-items:baseline;gap:24px;display:grid}.line-summary .grand{border-top:1px solid var(--line);margin-top:4px;padding-top:8px;font-size:1.05rem;font-weight:750}.lines-card{margin-top:16px;padding:8px 12px 10px}.lines-table th,.lines-table td{vertical-align:middle;padding:5px 8px;line-height:1.25}.lines-table th{white-space:nowrap;font-size:.75rem}.lines-table th:not(:first-child),.lines-table td:not(:first-child){white-space:nowrap;text-align:right;width:1%}.lines-card .totals{border-top:1px solid var(--line);gap:2px;min-width:280px;margin-top:6px;padding-top:6px}.lines-card .totals .grand{font-size:1rem}.totals{justify-content:end;gap:4px;min-width:260px;margin-top:8px;margin-left:auto;display:grid}.totals div{justify-content:space-between;gap:24px;display:flex}.totals .grand{font-size:1.15rem;font-weight:750}.links{flex-direction:column;gap:6px;display:flex}.check{align-items:flex-start;gap:8px;margin:8px 0 12px;display:flex}.login-screen{background:radial-gradient(90% 70% at 50% 115%,#3c9a348c,#0000 58%),linear-gradient(#4f5a66 0%,#3c4740 32%,#2a332c 62%,#1e2822 100%);grid-template-rows:1fr auto;place-items:center;min-height:100vh;padding:32px 16px 20px;display:grid}.login-card{background:#fff;border-radius:16px;width:min(400px,100%);overflow:hidden;box-shadow:0 22px 50px #00000047}.login-brand{border-bottom:3px solid var(--green);background:#4f5a66;justify-content:center;padding:28px 28px 22px;display:flex}.login-brand img{width:min(250px,78%);height:auto;display:block}.login-body{padding:26px 28px 28px}.login-body h1{font-size:1.35rem}.login-body>p{color:var(--muted);margin:6px 0 22px;line-height:1.4}.login-form{gap:14px;display:grid}.login-form .field{margin:0}.login-form .input{background:#f6f8f7;border-color:#d3dbd6;padding:11px 12px}.login-form .input:focus{background:#fff}.login-form .error{margin:0}.login-form .btn{width:100%;min-height:44px;margin-top:2px}.login-remember{align-items:center;margin:0;font-size:.92rem}.login-remember input{width:16px;height:16px;accent-color:var(--green)}.login-credit{color:#ffffffb8;margin:28px 0 0;font-size:.85rem}.login-credit a{color:#fff;text-underline-offset:2px;font-weight:650}.login-credit a:hover{color:#fff}.support-side{color:#fff;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:10px;align-items:center;gap:10px;width:100%;padding:6px 8px;font-size:.92rem;font-weight:650;display:flex}.support-side:hover{background:linear-gradient(#7ed67033,#3c9a3414);box-shadow:inset 0 1px #ffffff29}.support-name{color:#fff;cursor:pointer;text-underline-offset:2px;background:0 0;border:0;padding:0;font-size:.92rem;text-decoration:underline}.support-credit{color:#fff;text-underline-offset:2px;cursor:pointer;background:0 0;border:0;padding:0;font-weight:650;text-decoration:underline}.support-pop{z-index:80;background:#141c1873;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.support-card{width:min(360px,100%);color:var(--ink);background:#fff;border-radius:16px;padding:22px 22px 18px;box-shadow:0 22px 50px #00000047}.support-card h2{margin-bottom:8px;font-size:1.25rem}.support-card a{padding:8px 0;font-weight:650;display:block}.support-card .btn{margin-top:10px}.attachments-panel{margin-top:16px}.dropzone{color:var(--ink);text-align:center;cursor:pointer;background:#ffffff08;border:1.5px dashed #ffffff38;border-radius:12px;justify-items:center;gap:6px;margin-bottom:14px;padding:22px 16px;display:grid;position:relative}.dropzone p{margin:0}.dropzone.is-over{background:#3c9a3429;border-color:#8edc7a}.dropzone[aria-disabled=true]{opacity:.7;cursor:wait}.attachment-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;display:grid}.attachment-card{border:1px solid var(--line);background:#242b32;border-radius:12px;align-content:start;display:grid;overflow:hidden}.attachment-preview{border:0;border-bottom:1px solid var(--line);width:100%;height:132px;color:var(--muted);cursor:pointer;background:#1c2329;place-items:center;padding:0;display:grid}.attachment-preview:disabled{cursor:default}.attachment-preview img{object-fit:cover;width:100%;height:132px;display:block}.attachment-meta{gap:4px;padding:10px;display:grid}.attachment-name{text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:.88rem;overflow:hidden}.attachment-actions{gap:6px;margin-top:4px;display:flex}.attachment-actions form{margin:0}.attachment-icon{width:32px;height:32px;padding:0}.viewer{z-index:80;background:#080c0ee0;grid-template-rows:auto minmax(0,1fr);padding:16px;display:grid;position:fixed;inset:0}.viewer-bar{color:#fff;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.viewer-bar p{text-overflow:ellipsis;white-space:nowrap;margin:0;overflow:hidden}.viewer-close{flex:none;position:static}.viewer-frame{place-items:center;min-height:0;display:grid}.viewer-status{color:#fff;margin:0}.viewer-frame img{object-fit:contain;background:#4f5a66;max-width:100%;max-height:100%;display:block}.viewer-pages{align-content:start;justify-items:center;gap:16px;width:min(980px,100%);height:100%;display:grid;overflow:auto}.viewer-pages canvas{background:#fff;width:100%;height:auto}.file-picker{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.file-picker-input{clip:rect(0, 0, 0, 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (max-width:800px){.grid-2,.grid-3,.stats,.form-grid,.finance-grid,.finance-highlights{grid-template-columns:1fr}.app-shell{background:#2a3138;gap:0;padding:0}.app-main{border-radius:0;min-height:100dvh;margin-left:0}.mobilebar{z-index:20;min-height:56px;padding:max(8px, env(safe-area-inset-top)) 12px 8px max(12px, env(safe-area-inset-left));background:#2a3138;border-bottom:1px solid #ffffff1a;align-items:center;gap:10px;display:flex;position:sticky;top:0}.mobilebar img{width:auto;max-width:calc(100% - 64px);height:32px;display:block}.mobile-menu{color:#fff;cursor:pointer;background:0 0;border:0;border-radius:10px;flex:none;place-items:center;width:44px;height:44px;display:grid}.mobile-menu:hover{background:#ffffff14}.sidebar,.sidebar.is-collapsed{z-index:40;width:min(86vw,320px);min-height:100dvh;max-height:100dvh;padding-top:max(14px, env(safe-area-inset-top));padding-bottom:max(12px, env(safe-area-inset-bottom));border-radius:0 18px 18px 0;flex:none;transition:transform .18s;position:fixed;inset:0 auto 0 0;overflow:auto;transform:translate(-105%)}.sidebar.open{transform:none}.sidebar-close{color:#fff;cursor:pointer;background:0 0;border:0;border-radius:10px;flex:none;place-items:center;width:44px;height:44px;display:grid}.sidebar.is-collapsed .sidebar-brand{flex-direction:row;align-items:center;padding:6px 6px 16px}.sidebar.is-collapsed .sidebar-brand img{object-fit:contain;border-radius:8px;width:min(168px,100%);height:40px}.sidebar-brand img{width:min(168px,100%)}.nav a,.sidebar-logout,.support-side{min-height:48px}.sidebar.is-collapsed .nav{align-items:stretch}.sidebar.is-collapsed .nav a,.sidebar.is-collapsed .sidebar-logout,.sidebar.is-collapsed .support-side{justify-content:flex-start;gap:10px;width:auto;height:auto;margin:0;padding:8px 10px}.sidebar.is-collapsed .nav-label{clip:auto;white-space:normal;width:auto;height:auto;margin:0;position:static;overflow:visible}.sidebar-toggle{display:none}.sidebar-backdrop{z-index:35;background:#141c1873;border:0;display:block;position:fixed;inset:0}.container{width:min(100% - 28px,1120px);padding-top:16px;padding-bottom:max(40px, env(safe-area-inset-bottom))}.page-header{flex-direction:column;align-items:stretch;gap:12px}.page-header h1{font-size:1.45rem}.page-header .actions{width:100%;display:flex}.page-header .actions>.badge{flex:none}.page-header .actions>a,.page-header .actions>button,.page-header .actions>form{flex:calc(50% - 8px)}.page-header .actions form{display:flex}.page-header .actions>a.btn,.page-header .actions>button.btn,.page-header .actions>form .btn{width:100%;min-height:44px}.send-form .btn{min-height:44px}.login-brand{padding:22px 16px 16px}.login-body{padding:22px 18px 24px}.input,select.input,textarea.input,.select-trigger,.select-option{font-size:16px}.select-option{min-height:44px}.filters{display:grid}.filters .input,.filters .select,.filters .select-trigger,.filters .btn{width:100%;min-width:0}.filters .btn{min-height:44px}.select-menu.floating,.date-panel.floating{max-width:calc(100vw - 16px)}table thead{display:none}table tr{border:1px solid var(--line);border-radius:12px;margin-bottom:10px;padding:4px 8px;display:block}table td{overflow-wrap:break-word;border-bottom:0;flex-direction:column;align-items:stretch;gap:2px;min-width:0;display:flex}table td:before{content:attr(data-label);color:var(--muted);font-size:.78rem;font-weight:650}.lines-table th:not(:first-child),.lines-table td:not(:first-child){white-space:normal;text-align:left;width:auto}.totals,.lines-card .totals{width:100%;min-width:0}.finance-row strong{font-size:.92rem}.line{border:1px solid var(--line);border-radius:12px;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px;padding:12px}.line>.field:first-child,.line>.field:nth-child(5),.line>.line-remove{grid-column:1/-1}.line .input,.line .select-trigger,.line-total{height:44px}.line-remove{justify-content:center;gap:8px;width:100%;height:44px;display:inline-flex}.line-remove-label{display:inline}.line-foot,.line-tools,.line-summary{width:100%;margin-left:0}.vat-choice{width:100%}.form-pop,.form-pop.is-placed,.form-pop.is-dragging{z-index:60;height:100dvh;max-height:none;position:fixed;inset:0;width:100%!important;top:0!important;left:0!important;right:0!important}.form-dialog{border:0;border-radius:0;height:100%;max-height:none}.form-dialog-head{cursor:default;touch-action:auto;padding-top:max(14px, env(safe-area-inset-top))}.form-dialog-head .date-nav{width:44px;height:44px}.send-layer{align-items:stretch;padding:0}.send-dialog{border-radius:0;width:100%;height:100dvh;max-height:100dvh}.mail-signature{overflow-x:auto}.mail-signature table{max-width:100%!important}.mail-signature img{max-width:100%;height:auto}.viewer{padding:max(12px, env(safe-area-inset-top)) 12px max(12px, env(safe-area-inset-bottom))}.attachment-actions .btn{min-height:44px}}.form-pop{z-index:50;width:min(820px,100vw - 48px);max-height:calc(100vh - 48px);position:fixed;top:24px;right:24px}.form-pop.is-placed,.form-pop.is-dragging{right:auto}.form-dialog{color:#f4f7f5;background:#343d46;border:1px solid #ffffff29;border-radius:16px;flex-direction:column;max-height:calc(100vh - 48px);display:flex;overflow:hidden;box-shadow:0 24px 60px #00000080}.form-dialog-head{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;gap:12px;padding:14px 14px 12px;display:flex}.form-pop.is-dragging .form-dialog-head{cursor:grabbing}.send-layer{z-index:70;background:#00000073;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.send-dialog{width:min(920px,100%);max-height:calc(100vh - 48px);overflow:auto}.send-dialog .form-dialog-head{cursor:default}.send-form{gap:14px;padding:16px;display:grid}.send-message{min-height:160px}.mail-previews{gap:12px;display:grid}.mail-preview{color:#1c2622;background:#f7f8f7;border-radius:12px;gap:6px;padding:14px 16px;display:grid}.mail-preview-label{color:#5d6b66;letter-spacing:.04em;text-transform:uppercase;margin:0;font-size:.78rem;font-weight:700}.mail-preview p{margin:0}.mail-preview p span{color:#5d6b66;min-width:52px;font-size:.82rem;display:inline-block}.mail-preview h3{margin:8px 0 0;font-size:1.05rem}.mail-preview-body{white-space:pre-wrap;border-top:1px solid #dde3df;padding-top:8px;line-height:1.45}.mail-signature{margin-top:12px}.mail-signature img{max-width:none}.mail-preview-file{background:#fff;border:1px solid #dde3df;border-radius:8px;width:fit-content;margin-top:4px;padding:6px 10px;font-weight:650}.send-file{font-weight:650}.send-log{gap:12px;margin-top:12px;display:grid}.send-log article{border-top:1px solid var(--line);gap:2px;padding-top:10px;display:grid}.form-dialog-head h2{letter-spacing:-.02em;margin:0;font-size:1.2rem;font-weight:650}.form-body{gap:16px;min-width:0;display:grid}.form-dialog-body{scrollbar-color:#6fbf62 #242b32;flex:1;min-height:0;padding:16px 18px 18px;overflow:auto}.form-dialog-body:has(>form.stack){flex-direction:column;display:flex;overflow:hidden}.form-dialog-body>form.stack{flex:1;grid-template-rows:minmax(0,1fr) auto;min-height:0;overflow:hidden}.form-dialog-body .form-body{scrollbar-color:#6fbf62 #242b32;min-height:0;overflow:auto}.form-dialog-body::-webkit-scrollbar{width:12px;height:12px}.select-menu::-webkit-scrollbar{width:12px;height:12px}.table-wrap::-webkit-scrollbar{width:12px;height:12px}.form-dialog-body::-webkit-scrollbar-track{background:#242b32;border-radius:999px}.select-menu::-webkit-scrollbar-track{background:#242b32;border-radius:999px}.table-wrap::-webkit-scrollbar-track{background:#242b32;border-radius:999px}.form-dialog-body::-webkit-scrollbar-thumb{background:linear-gradient(#9be48c,#3c9a34);border:3px solid #242b32;border-radius:999px}.select-menu::-webkit-scrollbar-thumb{background:linear-gradient(#9be48c,#3c9a34);border:3px solid #242b32;border-radius:999px}.table-wrap::-webkit-scrollbar-thumb{background:linear-gradient(#9be48c,#3c9a34);border:3px solid #242b32;border-radius:999px}.form-dialog-body::-webkit-scrollbar-thumb:hover{background:linear-gradient(#b6f0a8,#46b03c)}.select-menu::-webkit-scrollbar-thumb:hover{background:linear-gradient(#b6f0a8,#46b03c)}.table-wrap::-webkit-scrollbar-thumb:hover{background:linear-gradient(#b6f0a8,#46b03c)}.form-dialog-body::-webkit-scrollbar-button{background:0 0;width:0;height:0;display:none}.select-menu::-webkit-scrollbar-button{background:0 0;width:0;height:0;display:none}.table-wrap::-webkit-scrollbar-button{background:0 0;width:0;height:0;display:none}.form-dialog-body::-webkit-scrollbar-button:single-button{background:0 0;width:0;height:0;display:none}.select-menu::-webkit-scrollbar-button:single-button{background:0 0;width:0;height:0;display:none}.table-wrap::-webkit-scrollbar-button:single-button{background:0 0;width:0;height:0;display:none}.select-menu,.table-wrap{scrollbar-color:#6fbf62 #242b32}