:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:#0f172a;background-color:#f5f5f7;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,:after,:before{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at top,rgba(79,70,229,.08),transparent 45%),#f8fafc}a{color:inherit}.page{display:flex;flex-direction:column;gap:1.4rem;max-width:1280px;margin:0 auto;padding:1.75rem 1.75rem 3.5rem}.page__header{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.page__title{display:flex;flex-direction:column;gap:.5rem;max-width:680px}.page__title-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap}.page__title-actions{display:inline-flex;align-items:center;gap:.5rem}.page__title h1{margin:0;font-size:clamp(1.9rem,1.6vw + 1.5rem,2.4rem);color:#111827}.page__subtitle{color:#475467;margin:0;max-width:560px}.page__header-meta{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;justify-content:flex-end}.meta-chip{display:inline-flex;align-items:center;gap:.25rem;padding:.35rem .65rem;border-radius:999px;font-size:.75rem;font-weight:600;letter-spacing:.02em;text-transform:uppercase;background-color:rgba(79,70,229,.12);color:#3730a3}.meta-chip--primary{background-color:rgba(37,99,235,.15);color:#1d4ed8}.card{background-color:#fff;border-radius:16px;padding:1.5rem 1.75rem;box-shadow:0 25px 50px -12px rgba(15,23,42,.2);border:1px solid rgba(15,23,42,.08)}.card--table{padding:1.5rem 1.5rem 1.75rem}.form{gap:1.25rem}.form,.form__intro{display:flex;flex-direction:column}.form__intro{gap:.5rem}.badge{display:inline-flex;align-items:center;gap:.35rem;width:-moz-fit-content;width:fit-content;padding:.2rem .75rem;border-radius:999px;font-size:.75rem;font-weight:600;letter-spacing:.04em;background:linear-gradient(120deg,rgba(99,102,241,.12),rgba(56,189,248,.12));color:#4338ca;text-transform:uppercase}.form__title{margin:0;font-size:1.4rem;font-weight:700;color:#111827}.form__description{margin:0;font-size:.95rem;color:#4b5563;max-width:620px}.form__field{display:flex;flex-direction:column;gap:.25rem}.form__actions{display:flex;justify-content:flex-start;gap:.75rem;margin-top:.75rem}label{font-weight:600;color:#111827}input[type=password],input[type=text]{border:1px solid #d1d5db;border-radius:10px;padding:.7rem .95rem;font-size:1rem;width:100%;box-sizing:border-box;transition:border-color .15s ease,box-shadow .15s ease}input:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 4px rgba(99,102,241,.15)}input:disabled{background-color:#f3f4f6;cursor:not-allowed}button{background:linear-gradient(120deg,#6366f1,#4f46e5);color:#fff;border:none;border-radius:10px;padding:.7rem 1.4rem;font-size:.95rem;font-weight:600;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 10px 18px -12px rgba(79,70,229,.7)}button:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}.project-bar{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;width:100%}.project-bar__actions{display:inline-flex;align-items:center;gap:.5rem;margin-left:auto}.project-dropdown{position:relative;flex:1 1 240px;min-width:220px}.project-dropdown__trigger{display:flex;align-items:center;justify-content:space-between;width:100%;background:#fff;color:#1f2937;border:1px solid #d1d5db;border-radius:10px;padding:.6rem .9rem;font-size:.95rem;font-weight:500;box-shadow:none}.project-dropdown__trigger:after{content:"▾";font-size:.8rem;color:#6b7280;margin-left:.5rem}.project-dropdown__trigger:hover:not(:disabled){transform:none;box-shadow:none;border-color:#a5b4fc}.project-dropdown__menu{position:absolute;top:calc(100% + .4rem);left:0;width:100%;background:#fff;border:1px solid rgba(15,23,42,.08);border-radius:12px;box-shadow:0 12px 30px -18px rgba(15,23,42,.6);padding:.35rem .25rem;z-index:21}.project-dropdown__item{display:flex;align-items:center;gap:.25rem;padding:.1rem .35rem}.project-dropdown__option{flex:1 1;background:transparent;color:#1f2937;border:none;border-radius:8px;padding:.55rem .65rem;font-size:.95rem;font-weight:500;text-align:left;box-shadow:none;transition:background-color .15s ease,color .15s ease;cursor:pointer}.project-dropdown__option--active,.project-dropdown__option:hover:not(:disabled){background-color:rgba(99,102,241,.12);color:#312e81;transform:none;box-shadow:none}.project-dropdown__remove{flex:0 0 auto;background:transparent;color:#9ca3af;border:none;padding:.3rem;font-size:1rem;line-height:1;box-shadow:none;cursor:pointer}.project-dropdown__remove:hover{color:#ef4444;background-color:rgba(239,68,68,.08);transform:none;box-shadow:none}.project-dropdown__item--add .project-dropdown__option{color:#4f46e5}.project-dropdown__item--add .project-dropdown__option:hover{background-color:rgba(79,70,229,.12);color:#312e81}.form__error--inline{margin:0;padding-top:.25rem;width:100%}.project-empty{display:flex;flex-direction:column;gap:.75rem;max-width:520px}.project-empty button{align-self:flex-start}.modal-overlay{position:fixed;inset:0;background-color:rgba(15,23,42,.45);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;padding:1.5rem;z-index:40}.modal{background:#fff;border-radius:18px;width:min(480px,100%);box-shadow:0 25px 50px -12px rgba(15,23,42,.4);border:1px solid rgba(15,23,42,.1)}.modal__form{display:flex;flex-direction:column}.modal__header{display:flex;align-items:center;justify-content:space-between;padding:1.2rem 1.5rem .5rem}.modal__header h2{margin:0;font-size:1.3rem;color:#111827}.modal__close{background:transparent;color:#6b7280;border:none;padding:.2rem .4rem;font-size:1.4rem;line-height:1;box-shadow:none;transform:none}.modal__close:hover{background-color:rgba(15,23,42,.08);color:#111827}.modal__body{gap:1rem;padding:.5rem 1.5rem 1.25rem}.modal__body,.modal__field{display:flex;flex-direction:column}.modal__field{gap:.35rem}.modal__key-row{display:flex;align-items:center;gap:.6rem}.modal__link-button{box-shadow:none;display:inline-flex;align-items:center;white-space:nowrap}.modal__footer{display:flex;justify-content:flex-end;gap:.75rem;padding:0 1.5rem 1.5rem}.refresh-button{background:transparent;color:#0f172a;border:1px solid rgba(15,23,42,.15);border-radius:999px;padding:.45rem .9rem;font-size:.85rem;font-weight:600;transition:background-color .2s ease,color .2s ease,border-color .2s ease}.refresh-button:hover:not(:disabled){background-color:rgba(15,23,42,.06);border-color:rgba(15,23,42,.28)}.refresh-button:disabled{opacity:.6;cursor:not-allowed}.settings-toggle{background:transparent;color:#4f46e5;border:1px solid #6366f1;border-radius:999px;padding:.5rem 1rem;font-size:.9rem;font-weight:600;box-shadow:none}.settings-toggle:hover{background-color:rgba(99,102,241,.08);transform:none;box-shadow:none}.input-help{font-size:.85rem;color:#6b7280;margin:0}.inline-link{color:#4f46e5;text-decoration:underline;transition:color .2s ease}.inline-link:hover{color:#4338ca}.restricted-key{display:grid;grid-gap:.6rem;gap:.6rem;align-items:flex-start;margin-top:.35rem}.project-selector{display:flex;flex-direction:column;gap:.75rem}.project-selector__actions{display:flex;gap:.65rem;flex-wrap:wrap;align-items:center}.project-selector__actions button{flex:0 0 auto}.remember-checkbox{display:inline-flex;align-items:center;gap:.5rem;font-weight:600;color:#1f2937}.remember-checkbox input{width:1rem;height:1rem}.meta-chip--project{text-transform:none;letter-spacing:0;font-size:.78rem;background-color:rgba(37,99,235,.15);color:#1d4ed8}.form__assurance{margin:0;font-size:.9rem;color:#1f2937;font-weight:600}.cta-button{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;background:linear-gradient(120deg,#6366f1,#4f46e5);color:#fff;border:none;border-radius:999px;padding:.55rem 1.45rem;font-size:.95rem;font-weight:600;text-decoration:none;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,background .2s ease}.cta-button:hover{transform:translateY(-1px);box-shadow:0 12px 22px -12px rgba(79,70,229,.8)}.cta-button:focus-visible{outline:none;box-shadow:0 0 0 4px rgba(99,102,241,.22)}.badge--neutral{background:linear-gradient(120deg,rgba(148,163,184,.22),rgba(203,213,225,.22));color:#475569}.sample-card{display:grid;grid-gap:1.25rem;gap:1.25rem}.sample-card__header{display:grid;grid-gap:.5rem;gap:.5rem}.sample-copy{margin:0;font-size:.95rem;color:#4b5563}.sample-note{margin:.85rem 0 0;font-size:.85rem;color:#64748b}.metric-cards--sample{margin-top:.5rem}.data-table--sample tbody tr{border-bottom:1px solid rgba(226,232,240,.6)}.data-table--sample tbody tr:hover{background-color:rgba(241,245,249,.55)}.alert{margin-top:1rem;font-size:.9rem;color:#b45309;background-color:rgba(252,211,77,.18);border-radius:10px;padding:.75rem 1rem;border:1px solid rgba(251,191,36,.3)}.alert--error{color:#b91c1c;background-color:hsla(0,91%,71%,.12);border-color:hsla(0,91%,71%,.4)}.meta{margin-top:1rem;font-size:.85rem;color:#4b5563}.meta--compact{margin-top:0;margin-bottom:1rem;font-size:.82rem;color:#4b5563}.monthly-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));grid-gap:1rem;gap:1rem;margin-top:1.5rem}.monthly-card{background:linear-gradient(140deg,rgba(99,102,241,.12),rgba(56,189,248,.12));border-radius:14px;padding:1rem 1.25rem;display:flex;flex-direction:column;gap:.4rem;border:1px solid rgba(79,70,229,.12)}.monthly-card__month{font-size:.9rem;font-weight:600;color:#312e81;text-transform:uppercase;letter-spacing:.04em}.monthly-card__amount{font-size:1.3rem;font-weight:700;color:#1f2937}.table-wrapper{overflow-x:auto}.payments-table{width:100%;min-width:680px;border-collapse:collapse;table-layout:fixed;background-color:#fff}.payments-table colgroup col:first-child{width:34%}.payments-table colgroup col:nth-child(2){width:38%}.payments-table colgroup col:nth-child(3),.payments-table colgroup col:nth-child(4){width:14%}.payments-table thead th{text-align:left;font-weight:600;color:#475569;font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;padding:.6rem .75rem;border-bottom:1px solid rgba(226,232,240,.9)}.payments-table thead th.align-right{text-align:right}.payments-table thead th.align-center{text-align:center}.payments-table tbody tr{border-bottom:1px solid rgba(226,232,240,.7);transition:background-color .15s ease}.payments-table tbody tr:hover{background-color:rgba(241,245,249,.7)}.payments-table tbody td{padding:.65rem .75rem;font-size:.95rem;color:#1f2937;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.amount-cell{text-align:right;font-weight:700;color:#1d4ed8}.date-cell{text-align:center;font-weight:600}.table-link{color:#1f2937;text-decoration:none;transition:color .2s ease}.table-link:hover{color:#4f46e5}.subscription-cell{display:inline-flex;align-items:center;gap:.4rem}.auto-tax-dot{display:inline-flex;width:.55rem;height:.55rem;border-radius:999px;background:radial-gradient(circle at 30% 30%,#22d3ee,#0ea5e9);box-shadow:0 0 0 4px rgba(14,165,233,.18)}.faq-section{margin-top:3rem;display:grid;grid-gap:1rem;gap:1rem}.faq-section h2{margin:0;font-size:1.6rem;color:#111827}.faq-card{background-color:#fff;border-radius:12px;border:1px solid rgba(15,23,42,.08);padding:1.25rem 1.5rem;display:grid;grid-gap:.5rem;gap:.5rem}.faq-card h3{margin:0;font-size:1rem;color:#1f2937}.faq-card p{margin:0;color:#475467;font-size:.95rem}.amount-cell,.date-cell,.subscription-cell,.table-link{max-width:100%}@media (max-width:1024px){.page{padding:1.25rem 1rem 3rem}.card{padding:1.3rem 1.25rem}}@media (max-width:768px){.page{padding:1.15rem .9rem 2.5rem}.card{padding:1.1rem 1rem}.payments-table{min-width:600px}}.form__error{font-size:.85rem;color:#b91c1c;margin:0}.filters-card{display:flex;flex-direction:column;gap:1rem}.filters-card__header{display:flex;flex-direction:column;gap:.5rem}.filters-card__header h2{margin:0;font-size:1.2rem;font-weight:700;color:#111827}.filters-card__header p{margin:0;color:#4b5563;font-size:.95rem}.filters-form{display:flex;flex-wrap:wrap;gap:1rem 1.25rem;align-items:flex-end}.filters-form__field{display:flex;flex-direction:column;gap:.4rem;min-width:180px;flex:1 1 200px}.filters-form__actions{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap}.metric-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:1rem;gap:1rem}.metric-card{background:linear-gradient(140deg,rgba(99,102,241,.12),rgba(56,189,248,.12));border-radius:14px;padding:1.1rem 1.35rem;display:flex;flex-direction:column;gap:.4rem;border:1px solid rgba(79,70,229,.12)}.metric-card__label{font-size:.9rem;font-weight:600;color:#312e81;text-transform:uppercase;letter-spacing:.04em}.metric-card__value{font-size:1.45rem;font-weight:700;color:#1f2937}.metric-card__hint{font-size:.85rem;color:#4b5563}.data-table{width:100%;min-width:760px;border-collapse:collapse;table-layout:fixed;background-color:#fff}.data-table thead th{text-align:left;font-weight:600;color:#475569;font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;padding:.45rem .6rem;border-bottom:1px solid rgba(226,232,240,.9)}.data-table tbody tr{border-bottom:1px solid rgba(226,232,240,.7);transition:background-color .15s ease}.data-table tbody tr:hover{background-color:rgba(241,245,249,.7)}.data-table tbody td{padding:.5rem .6rem;font-size:.85rem;line-height:1.35;color:#1f2937;vertical-align:top}.data-table tbody td:last-child{white-space:nowrap}.data-table .align-right{text-align:right}.data-table .align-center{text-align:center}.data-table .nowrap{white-space:nowrap}.status-badge{gap:.25rem;padding:.25rem .65rem;font-size:.75rem;background-color:rgba(16,185,129,.16);color:#047857}.eu-badge,.status-badge{display:inline-flex;align-items:center;border-radius:999px;font-weight:600}.eu-badge{padding:.2rem .55rem;font-size:.7rem;margin-left:.4rem;background-color:rgba(56,189,248,.16);color:#0e7490}.loading-indicator{font-size:.92rem;color:#475467;font-style:italic}.empty-state{font-size:.95rem;color:#475467}@media (max-width:768px){.project-selector__actions{flex-direction:column;align-items:stretch}.project-selector__actions button{width:100%}}@media (max-width:1024px){.data-table{min-width:760px}}@media (max-width:768px){.filters-form,.filters-form__actions{flex-direction:column;align-items:stretch}.filters-form__actions,.filters-form__actions button{width:100%}.metric-card__value{font-size:1.3rem}.data-table{min-width:680px}}