:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#edf1ff;--panel:#f9fbfff2;--line:#c9d2f0;--text:#25314f;--muted:#62708f;--accent:#315cff;--accent-dark:#233fc4}*{box-sizing:border-box}html,body{background:radial-gradient(circle at top left, #315cff24, transparent 28%), linear-gradient(180deg, #fafbff 0%, var(--bg) 100%);color:var(--text);margin:0;padding:0;font-family:Georgia,Times New Roman,serif}body{min-height:100vh}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.shell{width:min(1240px,100% - 48px);margin:0 auto;padding:32px 0 48px}.hero,.panel,.detail-header{border:1px solid var(--line);background:var(--panel);border-radius:32px;box-shadow:0 22px 60px #30221514}.hero,.detail-header{margin-bottom:28px;padding:32px}.hero{background:linear-gradient(#3554de 0%,#263eb1 100%);border-color:#315cff80}.hero h1,.detail-header h1,.panel h2{margin:0;line-height:1.1}.hero h1{color:#f4fafb;max-width:780px;margin-top:12px;font-size:clamp(2.5rem,5vw,4.2rem)}.hero-compact{padding:20px 28px}.hero-compact .eyebrow{color:#dfe5ff;margin-bottom:4px;font-size:.82rem}.hero-compact h1{margin-top:0;font-size:clamp(2.2rem,4vw,3.4rem)}.hero-subtitle{color:#fff;max-width:780px;margin:8px 0 0;font-size:1rem;line-height:1.45}.eyebrow{color:var(--accent);text-transform:uppercase;letter-spacing:.26em;margin:0 0 8px;font-size:.88rem}.muted{color:var(--muted)}.large{max-width:720px;font-size:1.15rem;line-height:1.7}.home-stack,.detail-grid,.detail-stack,.detail-edit-layout,.detail-factura-layout{gap:24px;display:grid}.home-stack{grid-template-columns:1fr}.detail-grid{grid-template-columns:1.25fr .78fr;align-items:start}.detail-stack{grid-template-columns:1fr}.detail-edit-layout{grid-template-columns:.88fr 1.12fr;align-items:start}.detail-factura-layout{grid-template-columns:minmax(0,1.45fr) 360px;align-items:start}.detail-main{gap:24px;display:grid}.panel{padding:28px}.upload-panel{padding:16px 20px}.upload-panel-header{justify-content:space-between;align-items:start;gap:14px;display:flex}.upload-panel h2{font-size:1.1rem}.upload-panel .eyebrow{margin-bottom:2px}.upload-panel .muted{margin:4px 0 0;font-size:.94rem}.upload-panel .field{margin-top:12px}.upload-panel .actions{gap:6px}.upload-toggle-button{color:var(--text);border:1px solid var(--line);background:#f5f7ff;flex-shrink:0;padding:12px 18px}.upload-toggle-button:hover{background:#ebf0ff}.upload-toggle-icon{margin-left:8px;transition:transform .16s;display:inline-flex}.upload-toggle-icon-open{transform:rotate(180deg)}.filters-panel{padding:18px 20px}.filters-panel-header{justify-content:space-between;align-items:start;gap:14px;display:flex}.filters-panel h2{font-size:1rem}.filters-panel .eyebrow{margin-bottom:2px}.filters-panel .field{margin-top:12px}.filters-panel .actions-inline{gap:10px;margin-top:10px}.filters-panel .field span{font-size:.9rem}.panel-spacious{padding:28px 28px 22px}.sidebar-panel{position:sticky;top:24px}.detail-panel-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-bottom:18px;display:flex}.detail-panel-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.detail-header-compact{background:linear-gradient(#3e5ee7 0%,#2944be 100%);border-color:#315cff70;gap:16px;padding:22px 24px;display:grid}.detail-header-top,.detail-header-main{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.detail-header-main{align-items:end}.detail-header-title-group{gap:4px;display:grid}.detail-header-title-row{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.detail-header-compact .back-link,.detail-header-compact .detail-tab{padding:12px 18px}.detail-header-compact .eyebrow{color:#e1e6ff;margin-bottom:6px;font-size:.82rem}.detail-header-compact h1{color:#f4fafb;font-size:clamp(2.1rem,3.2vw,3rem)}.detail-header-compact .muted{color:#dbe2ff;margin-top:8px}.detail-header-compact .status{padding:9px 14px}.detail-tabs{flex-wrap:wrap;gap:12px;margin:0 0 24px;display:flex}.detail-tabs-inline{gap:10px;margin:0}.detail-tab{border:1px solid var(--line);color:#f4fafb;background:#d9e7ea24;border-color:#d9e7ea3d;border-radius:999px;justify-content:center;align-items:center;padding:14px 22px;font-weight:700;display:inline-flex}.detail-header-compact .back-link,.detail-header-compact .detail-tab{color:#f4fafb;background:#e1e6ff24;border-color:#e1e6ff42}.detail-header-compact .back-link:hover,.detail-header-compact .detail-tab:hover{background:#e1e6ff38}.detail-tab-active{color:#2b47c8;background:#dfe6ff;border-color:#dfe6ff}.field,.actions{gap:10px;display:grid}.field{margin-top:18px}.field span,.small-label{color:var(--muted);font-size:.95rem}.field input,.field select,.field textarea{border:1px solid var(--line);width:100%;color:var(--text);box-sizing:border-box;background:#f6f8ff;border-radius:22px;min-height:56px;padding:16px 18px}.field select{appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--muted) 50%), linear-gradient(135deg, var(--muted) 50%, transparent 50%);background-position:calc(100% - 22px) calc(50% - 3px),calc(100% - 16px) calc(50% - 3px);background-repeat:no-repeat;background-size:6px 6px,6px 6px;padding-right:42px}.filter-input-active{box-shadow:inset 0 0 0 1px #315cff24;background:#dfe6ff!important;border-color:#8ea4ff!important}.filter-chip-group{border:1px solid var(--line);background:#f6f8ff;border-radius:22px;flex-wrap:wrap;gap:10px;min-height:56px;padding:12px;display:flex}.filter-chip-group-active{background:#dfe6ff;border-color:#8ea4ff;box-shadow:inset 0 0 0 1px #315cff24}.filter-chip{color:var(--text);border:1px solid var(--line);background:0 0;padding:10px 16px}.filter-chip:hover{color:var(--text);background:#ebf0ff}.filter-chip-active{background:var(--accent);border-color:var(--accent);color:#fff}.filter-chip-active:hover{background:var(--accent-dark)}.field textarea{resize:vertical}.upload-latest-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:10px;display:grid}.upload-latest-card{border:1px solid var(--line);background:#f6f8ff;border-radius:22px;padding:8px 14px}.upload-latest-card strong{margin-top:2px;display:block}.upload-warning{background:#fde7e4;border:1px solid #d99b94;border-radius:22px;margin-top:10px;padding:12px 14px}.upload-warning strong{color:#8f3023;margin-top:2px;display:block}.upload-system-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:10px;display:grid}.upload-system-card,.upload-sync-meta{border:1px solid var(--line);background:#f6f8ff;border-radius:22px;padding:10px 14px}.upload-sync-meta{margin-top:10px}.upload-system-card strong,.upload-sync-meta strong{margin-top:2px;display:block}.upload-system-card-alert{background:#fde7e4;border-color:#d99b94}.upload-system-card-alert strong{color:#8f3023}.upload-pending-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:10px;display:grid}.upload-pending-card{border:1px solid var(--line);background:#f6f8ff;border-radius:22px;padding:10px 14px}.upload-pending-card strong{margin-top:2px;font-size:1.3rem;display:block}.upload-folder-actions{flex-wrap:wrap;gap:10px;margin-top:10px;display:flex}.upload-path{word-break:break-all}.allocation-stack{gap:18px;margin-top:22px;display:grid}.allocation-panel{border:1px solid var(--line);background:#f6f8ff;border-radius:24px;padding:18px}.allocation-panel-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;display:flex}.allocation-title{color:var(--accent-dark);margin:0;font-weight:700}.allocation-remove-button,.allocation-add-button{padding:10px 16px}.allocation-summary{border:1px solid var(--line);background:#f6f8ff;border-radius:24px;gap:12px;margin-top:18px;padding:18px;display:grid}.allocation-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.allocation-summary strong{margin-top:6px;font-size:1.05rem;display:block}.allocation-summary-message{margin:0;font-size:.98rem;line-height:1.5}.allocation-summary-pending{background:#e7edff}.allocation-summary-match{background:#e7f3ea;border-color:#bdd8c6}.allocation-summary-under{background:#fff0df;border-color:#ddb989}.allocation-summary-over{background:#fde7e4;border-color:#d99b94}.actions{margin-top:22px}.upload-panel .actions{align-items:start}.actions-inline{flex-wrap:wrap;align-items:center;gap:14px;display:flex}button,.back-link{background:var(--accent);color:#fff;cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;width:fit-content;padding:14px 24px;font-weight:700;display:inline-flex}.secondary-action-button{color:var(--text);border:1px solid var(--line);background:#f6f8ff}.secondary-action-button:hover{background:#ebf0ff}.sync-primary-button{min-width:220px}.secondary-link{border:1px solid var(--line);width:fit-content;color:var(--text);background:#f6f8ff;border-radius:999px;justify-content:center;align-items:center;padding:14px 24px;font-weight:700;display:inline-flex}.secondary-link-disabled{opacity:.5;pointer-events:none}.secondary-link:hover{background:#ebf0ff}button:hover,.back-link:hover{background:var(--accent-dark)}button:disabled{opacity:.65;cursor:not-allowed}.error{color:#b42318;margin:0}.success{color:#176448;margin:0}.muted-status{color:var(--muted);margin:0}.invoice-list{gap:10px;margin-top:18px;display:grid}.list-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-top:18px;display:flex}.selection-toggle{color:var(--text);align-items:center;gap:10px;font-weight:700;display:inline-flex}.selection-toggle input,.invoice-select input{width:18px;height:18px;accent-color:var(--accent)}.list-summary{flex-wrap:wrap;gap:14px;margin-top:22px;display:flex}.summary-pill{border:1px solid var(--line);background:#f6f8ff;border-radius:22px;flex-direction:column;gap:6px;min-width:180px;padding:16px 18px;display:inline-flex}.summary-pill strong{font-size:1.3rem}.invoice-row{border:1px solid var(--line);background:#f7f9ff;border-radius:24px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;padding:10px 14px;display:grid}.invoice-row:hover{background:#edf1ff}.invoice-row-link{grid-template-columns:minmax(0,1fr);align-items:center;gap:0;display:grid}.invoice-select{justify-content:center;align-items:start;padding-top:2px;display:flex}.invoice-main{gap:6px;display:grid}.invoice-main-top{gap:1px;display:grid}.invoice-top-inline{grid-template-columns:auto auto auto;justify-content:start;align-items:start;gap:18px;margin-bottom:6px;display:grid}.invoice-bottom-inline{grid-template-columns:auto auto auto;justify-content:start;align-items:start;gap:18px;margin-top:6px;display:grid}.invoice-top-inline-item{gap:1px;display:grid}.invoice-top-inline-item p{margin:0}.invoice-top-inline-status{align-items:center;display:flex}.invoice-title{font-size:.98rem;line-height:1.2}.invoice-subtitle,.invoice-company{line-height:1.1}.invoice-meta{gap:2px;display:grid}.invoice-meta-compact{gap:1px}.invoice-meta p{margin:0}.invoice-meta-line{line-height:1.18}.notes-highlight{background:#dfe6ff;border-radius:16px;padding:3px 9px;line-height:1.2;display:inline-block;box-shadow:inset 0 0 0 1px #315cff24}.notes-highlight-review{color:#8f3023;background:#f3d7d1;box-shadow:inset 0 0 0 1px #8f302329}.small{margin:1px 0 0;font-size:.92rem}.status{border-radius:999px;padding:6px 12px;font-size:.86rem;font-weight:700;display:inline-flex}.status-draft{color:#315cff;background:#dfe6ff}.status-completed{color:#fff;background:#315cff}.status-review{color:#8f3023;background:#f3d7d1}.danger-button{background:#9f3a27}.danger-button:hover{background:#842f20}.pdf-frame{border:1px solid var(--line);background:#fff;border-radius:24px;width:100%;min-height:760px;margin-top:14px}.pdf-frame-full{min-height:1120px;margin-top:0}.pdf-frame-compact{min-height:760px;margin-top:0}.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.sidebar-summary,.sidebar-actions{gap:14px;margin-top:18px;display:grid}.open-pdf-action{gap:8px;display:grid}.sidebar-primary-action{background:var(--accent);color:#fff;border-radius:24px;justify-content:center;align-items:center;width:100%;padding:16px 20px;font-weight:700;display:inline-flex}.sidebar-primary-action:hover{background:var(--accent-dark)}.sidebar-nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.sidebar-item{border:1px solid var(--line);background:#f8f9ff;border-radius:22px;gap:4px;padding:14px 16px;display:grid}.summary-grid strong{margin-top:6px;font-size:1.2rem;display:block}.sidebar-item strong{font-size:1.08rem;line-height:1.35;display:block}.sticky-panel{position:sticky;top:24px}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:18px;display:grid}.field-full{grid-column:1/-1}@media (max-width:980px){.home-stack,.detail-grid,.detail-edit-layout,.detail-factura-layout,.form-grid,.invoice-row,.invoice-row-link,.summary-grid,.allocation-summary-grid{grid-template-columns:1fr}.sticky-panel{position:static}.detail-header-top,.detail-header-main,.detail-header-title-row{align-items:start}.detail-header-compact{padding:20px}.hero-compact{padding:18px 20px}.shell{width:min(100% - 28px,1240px)}}