@import "https://fonts.googleapis.com/css2?family=League+Spartan:wght@500;700&display=swap";:root[data-theme=light]{--color-bg:#f8f8fb;--color-bg-card:#fff;--color-bg-input:#fff;--color-bg-sidebar:#373b53;--color-bg-edit-btn:#f9fafe;--color-bg-edit-btn-hover:#dfe3fa;--color-bg-draft-btn:#373b53;--color-bg-draft-btn-hover:#0c0e16;--color-bg-btn-add:#f9fafe;--color-bg-btn-add-hover:#dfe3fa;--color-bg-table:#f9fafe;--color-bg-total:#373b53;--color-bg-status-bar:#fff;--color-text-primary:#0c0e16;--color-text-secondary:#888eb0;--color-text-muted:#7e88c3;--color-text-draft:#373b53;--color-text-total:#fff;--color-border:#dfe3fa;--color-border-input:#dfe3fa;--color-border-focus:#7c5dfa;--color-edit-btn-text:#7e88c3;--color-checkbox-bg:#dfe3fa;--color-checkbox-border:#dfe3fa;--shadow-card:0 10px 10px -10px #48549f1a;--shadow-dropdown:0px 10px 20px #48549f40;--color-bg-invoice-card:#fff;--color-invoice-id:#7e88c3}:root[data-theme=dark]{--color-bg:#141625;--color-bg-card:#1e2139;--color-bg-input:#1e2139;--color-bg-sidebar:#1e2139;--color-bg-edit-btn:#252945;--color-bg-edit-btn-hover:#fff;--color-bg-draft-btn:#373b53;--color-bg-draft-btn-hover:#1e2139;--color-bg-btn-add:#252945;--color-bg-btn-add-hover:#0c0e16;--color-bg-table:#252945;--color-bg-total:#0c0e16;--color-bg-status-bar:#1e2139;--color-text-primary:#fff;--color-text-secondary:#dfe3fa;--color-text-muted:#dfe3fa;--color-text-draft:#dfe3fa;--color-text-total:#fff;--color-border:#252945;--color-border-input:#252945;--color-border-focus:#7c5dfa;--color-edit-btn-text:#dfe3fa;--color-checkbox-bg:#1e2139;--color-checkbox-border:#1e2139;--shadow-card:0 10px 10px -10px #00000040;--shadow-dropdown:0px 10px 20px #0006;--color-bg-invoice-card:#1e2139;--color-invoice-id:#888eb0}:root{--color-bg-btn-default:#7c5dfa;--color-bg-btn-default-hover:#9277ff;--color-bg-delete:#ec5757;--color-bg-delete-hover:#ff9797;--color-bg-paid:#33d69f1a;--color-text-paid:#33d69f;--color-bg-pending:#ff8f001a;--color-text-pending:#ff8f00;--color-bg-draft-badge:#373b531a;--font-primary:"League Spartan", sans-serif;--text-heading-l:2.25rem;--text-heading-m:1.5rem;--text-heading-s:.9375rem;--text-body:.8125rem;--leading-heading-l:33px;--leading-heading-m:22px;--leading-heading-s:24px;--leading-heading-sv:15px;--leading-body:18px;--leading-body-v:15px;--tracking-heading-l:-1px;--tracking-heading-m:-.75px;--tracking-heading-s:-.25px;--tracking-body:-.1px;--tracking-body-v:-.25px;--weight-medium:500;--weight-bold:700;--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--radius-sm:4px;--radius-md:8px;--radius-lg:20px;--radius-full:9999px;--transition-fast:.15s ease;--transition-base:.25s ease}*{box-sizing:border-box;margin:0;padding:0}html,body{max-width:100%;overflow-x:hidden}.invoice-list,.invoice-detail{background:var(--color-bg);width:100%;min-height:105vh;display:flex}.invoice-list__content{flex:1;max-width:730px;margin:30px auto 0;padding:0 24px}.invoice-list__header{justify-content:space-between;align-items:center;display:flex}.invoice-count--mobile{display:none}.invoice-list__title{width:135px;height:54px}.invoice-list__title h2{width:119px;height:33px;color:var(--color-text-primary);font-family:var(--font-primary);font-size:var(--text-heading-l);font-weight:var(--weight-bold);letter-spacing:-1.13px}.invoice-list__title p{width:145px;height:15px;font-family:var(--font-primary);font-size:var(--text-body);font-weight:var(--weight-medium);color:var(--color-text-secondary);line-height:var(--leading-heading-sv);letter-spacing:var(--tracking-body);margin:1px}.invoice-list__actions{justify-content:space-between;align-items:center;gap:20px;width:50%;display:flex}.invoice-list__cards{flex-direction:column;gap:8px;width:100%;margin-top:24px;display:flex}.invoice-details{background:var(--color-bg);max-width:730px;min-height:100vh;margin:0 auto;padding:48px 0}.invoice-details__back{margin-bottom:32px}.invoice-details__back-link{font-family:var(--font-primary);font-weight:var(--weight-bold);color:var(--color-text-primary);letter-spacing:-.25px;align-items:center;gap:8px;font-size:13px;text-decoration:none;display:inline-flex}.invoice-details__back-link:hover{color:var(--color-text-secondary)}.invoice-details__back-link svg{color:var(--color-bg-btn-default);font-size:12px}.invoice-details__status-bar{background:var(--color-bg-status-bar);box-shadow:var(--shadow-card);border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:24px;padding:20px 24px;display:flex}.invoice-details__status-bar1{display:none}.invoice-details__status{align-items:center;gap:16px;width:159px;display:flex}.invoice-details__status-bar__mobile{display:none}.invoice-details__status-label{font-family:var(--font-primary);font-size:13px;font-weight:var(--weight-medium);color:var(--color-text-secondary)}.invoice-details__actions{align-items:center;gap:8px;display:flex}.invoice-details__card{background:var(--color-bg-status-bar);box-shadow:var(--shadow-card);border-radius:8px;flex-direction:column;gap:40px;margin-bottom:30px;padding:48px 48px 20px;display:flex}.invoice-details__top{justify-content:space-between;align-items:flex-start;display:flex}.invoice-details__id{font-family:var(--font-primary);font-weight:var(--weight-bold);color:var(--color-text-primary);letter-spacing:-.25px;font-size:15px}.invoice-details__id:before{content:"#";color:var(--color-text-muted)}.invoice-details__desc{font-family:var(--font-primary);font-size:13px;font-weight:var(--weight-medium);color:var(--color-text-secondary);margin-top:4px}.invoice-details__sender{text-align:right;font-family:var(--font-primary);font-size:11px;font-weight:var(--weight-medium);color:var(--color-text-secondary);line-height:18px}.invoice-details__meta{grid-template-columns:1fr 1fr 1fr;gap:24px;display:grid}.invoice-details__dates{flex-direction:column;gap:24px;display:flex}.invoice-details__label{font-family:var(--font-primary);font-size:13px;font-weight:var(--weight-medium);color:var(--color-text-secondary);margin-bottom:8px}.invoice-details__value{font-family:var(--font-primary);font-weight:var(--weight-bold);color:var(--color-text-primary);letter-spacing:-.25px;font-size:15px}.invoice-details__bill-to p,.invoice-details__sent-to p{font-family:var(--font-primary);font-size:11px;font-weight:var(--weight-medium);color:var(--color-text-secondary);line-height:18px}.invoice-details__items{background:var(--color-bg-table);border-radius:8px 8px 0 0;overflow:hidden}.invoice-details__table{border-collapse:collapse;width:100%;padding:32px}.invoice-details__table thead tr{padding:0 32px}.invoice-details__table th{font-family:var(--font-primary);font-size:11px;font-weight:var(--weight-medium);color:var(--color-text-secondary);text-align:left;padding:16px 32px}.invoice-details__table th:not(:first-child),.invoice-details__table td:not(:first-child){text-align:right}.invoice-details__table-body td{font-family:var(--font-primary);font-weight:var(--weight-bold);color:var(--color-text-primary);padding:15px 32px;font-size:13px}.item-meta{display:none}.item-qty,.item-price,.item-total{display:table-cell}.item-name{font-family:var(--font-primary);font-weight:var(--weight-bold);color:var(--color-text-primary);font-size:13px}.invoice-details__total{background:var(--color-bg-total);border-radius:0 0 8px 8px;justify-content:space-between;align-items:center;padding:24px 32px;display:flex}.invoice-details__total-label{font-family:var(--font-primary);font-size:13px;font-weight:var(--weight-medium);color:var(--color-text-total)}.invoice-details__total-amount{font-family:var(--font-primary);font-weight:var(--weight-bold);color:var(--color-text-total);letter-spacing:-.5px;font-size:24px}@media (width<=767px){.invoice-list,.invoice-detail{flex-direction:column;height:fit-content;display:flex}.invoice-list__content{max-width:400px}.invoice-list__title h2{width:78px;font-size:24px}.invoice-list__title p{margin-top:-3px}.invoice-count--desktop{display:none}.invoice-count--mobile{display:block}.invoice-list__cards{width:327px}.invoice-details__status-bar__mobile{background:var(--color-bg-status-bar);width:330px;box-shadow:var(--shadow-card);border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:24px;padding:20px 24px;display:flex}.invoice-details__status-bar{display:none}.invoice-details__card{width:330px}.invoice-details__top{flex-direction:column;gap:30px;width:200px;margin-top:-30px;margin-left:-35px;display:flex}.invoice-details__status-bar1{background:var(--color-bg-status-bar);width:330px;box-shadow:var(--shadow-card);border-radius:8px;margin-bottom:24px;padding:20px 24px;display:block}.invoice-details__status-bar1 .invoice-details__status{justify-content:space-between;align-items:center;width:100%;padding:1px;display:flex}.invoice-details__sender{text-align:left;align-items:flex-start}.invoice-details__meta{grid-template-columns:repeat(2,1fr);margin-left:-35px;display:grid}.invoice-details__items{width:300px;margin-left:-35px}.invoice-details__table-head{display:none}.invoice-details__table-row{justify-content:space-between;align-items:flex-start;padding:12px 0;display:flex}.item-info{flex-direction:column;align-items:flex-start;display:flex}.item-name{color:var(--color-text-primary);font-weight:700}.item-meta{font-size:12px;font-weight:var(--weight-medium);color:var(--color-text-secondary);gap:6px;margin-top:4px;display:flex}.item-qty,.item-price{display:none}.item-total{text-align:right;font-weight:700}}@media (width>=768px) and (width<=1023px){.invoice-list,.invoice-detail{flex-direction:column;height:fit-content;display:flex}.invoice-list__content{max-width:950px}.invoice-list__title h2{width:78px;font-size:24px}.invoice-list__title p{margin-top:-3px}.invoice-details__body{width:700px}}.filter{position:relative}.filter__header{cursor:pointer;align-items:center;gap:14px;display:flex}.filter__title{font-family:var(--font-primary);font-weight:var(--weight-bold);font-size:var(--text-body);letter-spacing:var(--tracking-body-v);line-height:var(--leading-heading-sv);color:var(--color-text-primary);white-space:nowrap}.filter__title--mobile{display:none}.filter__toggle{color:var(--color-bg-btn-default);cursor:pointer;background:0 0;border:none;align-items:center;padding:0;font-size:20px;display:flex}.filter__dropdown{background:var(--color-bg-card);border-radius:var(--radius-md);min-width:192px;box-shadow:var(--shadow-dropdown);z-index:50;flex-direction:column;gap:16px;padding:24px;display:flex;position:absolute;top:calc(100% + 22px);left:50%;transform:translate(-50%)}.filter__option{font-family:var(--font-primary);font-weight:var(--weight-bold);font-size:var(--text-body);letter-spacing:var(--tracking-body-v);color:var(--color-text-primary);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:13px;display:flex}.filter__option:hover .filter__checkbox-custom{border-color:var(--color-bg-btn-default)}.filter__checkbox{display:none}.filter__checkbox-custom{border:1px solid var(--color-checkbox-border);background:var(--color-checkbox-bg);width:16px;height:16px;transition:background var(--transition-fast), border-color var(--transition-fast);border-radius:2px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.filter__checkbox:checked+.filter__checkbox-custom{background:var(--color-bg-btn-default);border-color:var(--color-bg-btn-default)}.filter__checkbox-custom:after{content:"";background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 8'%3E%3Cpath d='M1 4l2.5 2.5L9 1' stroke='white' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;width:10px;height:8px;display:none}.filter__checkbox:checked+.filter__checkbox-custom:after{display:block}@media (width<=767px){.filter__title--mobile{font-family:var(--font-primary);font-weight:var(--weight-bold);font-size:var(--text-body);letter-spacing:var(--tracking-body-v);line-height:var(--leading-heading-sv);color:var(--color-text-primary);white-space:nowrap;display:block}.filter__title{display:none}}.btn{cursor:pointer}.btn.btn--new-invoice{background:var(--color-bg-btn-default);cursor:pointer;border:none;border-radius:30px;align-items:center;gap:16px;width:150px;height:48px;padding:8px;display:flex}.btn.btn--new-invoice:hover{background:var(--color-bg-btn-default-hover)}.btn__text{width:80px;font-family:var(--font-primary);font-weight:var(--weight-bold);color:#fff;letter-spacing:-.25px;padding:1px;font-size:15px;line-height:15px}.btn__text__mobile{display:none}.btn__icon{background-color:#fff;border-radius:20px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.btn.btn--add-item{background:var(--color-bg-btn-add);width:504px;height:48px;font-family:var(--font-primary);font-weight:var(--weight-bold);color:var(--color-text-muted);border:none;border-radius:24px;justify-content:center;align-items:center;padding:1px;font-size:15px;line-height:15px;display:flex}.btn.btn--add-item .btn__icon{background:0 0}.btn.btn--add-item:hover{background:var(--color-bg-btn-add-hover)}.btn.btn--discard{background:var(--color-bg-btn-add);width:96px;height:48px;color:var(--color-text-muted);font-family:var(--font-primary);font-weight:var(--weight-bold);letter-spacing:-.25px;border:none;border-radius:24px;padding:1px;font-size:15px;line-height:15px}.btn.btn--draft{background:var(--color-bg-draft-btn);width:133px;height:48px;font-family:var(--font-primary);font-weight:var(--weight-bold);color:var(--color-text-secondary);letter-spacing:-.25px;border:none;border-radius:24px;padding:1px;font-size:15px;line-height:15px}.btn.btn--draft:hover{background:var(--color-bg-draft-btn-hover)}.btn.btn--save{background:var(--color-bg-btn-default);width:133px;height:48px;font-family:var(--font-primary);font-weight:var(--weight-bold);color:#fff;letter-spacing:-.25px;border:none;border-radius:24px;padding:1px;font-size:15px;line-height:15px}.btn.btn--save:hover{background:var(--color-bg-btn-default-hover)}.btn--edit{background:var(--color-bg-edit-btn);color:var(--color-edit-btn-text);font-family:var(--font-primary);font-weight:var(--weight-bold);cursor:pointer;transition:background var(--transition-fast);border:none;border-radius:24px;padding:16px 24px;font-size:13px}.btn--edit:hover{background:var(--color-bg-edit-btn-hover)}.btn--delete{background:var(--color-bg-delete);color:#fff;font-family:var(--font-primary);font-weight:var(--weight-bold);cursor:pointer;transition:background var(--transition-fast);border:none;border-radius:24px;padding:16px 24px;font-size:13px}.btn--delete:hover{background:var(--color-bg-delete-hover)}.btn--paid{background:var(--color-bg-btn-default);color:#fff;font-family:var(--font-primary);font-weight:var(--weight-bold);cursor:pointer;transition:background var(--transition-fast);border:none;border-radius:24px;padding:16px 24px;font-size:13px}.btn--paid:hover{background:var(--color-bg-btn-default-hover)}@media (width<=767px){.btn.btn--new-invoice{width:90px}.btn__text__mobile{width:80px;font-family:var(--font-primary);font-weight:var(--weight-bold);color:#fff;letter-spacing:-.25px;padding:1px;font-size:15px;line-height:15px;display:block}.btn__icon{width:80px;height:30px}.btn__text{display:none}}.status-badge{width:104px;height:40px;font-family:var(--font-primary);font-weight:var(--weight-bold);letter-spacing:-.25px;text-transform:capitalize;border-radius:6px;justify-content:center;align-items:center;gap:8px;font-size:15px;display:inline-flex}.status-badge.paid{background:var(--color-bg-paid);color:var(--color-text-paid)}.status-badge.pending{background:var(--color-bg-pending);color:var(--color-text-pending)}.status-badge.draft{background:var(--color-bg-draft-badge);color:var(--color-text-draft)}.invoice-card{background:var(--color-bg-invoice-card);cursor:pointer;width:100%;box-shadow:var(--shadow-card);border:1px solid #0000;border-radius:8px}.invoice-card:hover{border-color:var(--color-bg-btn-default)}.invoice-card__button{cursor:pointer;text-align:left;background:0 0;border:none;grid-template-columns:90px 110px 1fr 110px 110px 16px;align-items:center;gap:8px;width:100%;padding:16px 24px;display:grid}.invoice-card__button_mobile{display:none}.invoice-card__id{font-family:var(--font-primary);font-weight:var(--weight-bold);color:var(--color-text-primary);letter-spacing:-.25px;padding:1px;font-size:15px;line-height:15px}.invoice-card__id:before{content:"#";color:var(--color-invoice-id)}.invoice-card__date,.invoice-card__name{font-family:var(--font-primary);font-size:13px;font-weight:var(--weight-medium);color:var(--color-text-secondary);letter-spacing:-.1px;line-height:15px}.invoice-card__amount{font-family:var(--font-primary);font-weight:var(--weight-bold);color:var(--color-text-primary);font-size:16px}.invoice-card__arrow{color:var(--color-bg-btn-default);justify-self:end;font-size:11px}@media (width<=767px){.invoice-card{background:var(--color-bg-invoice-card);cursor:pointer;width:100%;box-shadow:var(--shadow-card);border:1px solid #0000;border-radius:8px}.invoice-card__button{display:none}.invoice-card__button_mobile{cursor:pointer;text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;gap:8px;width:100%;margin-bottom:10px;padding:16px 24px;display:flex}.invoice-card-1{flex-direction:column;gap:15px;display:flex}.invoice-card-2{flex-direction:column;justify-content:center;align-items:center;gap:15px;display:flex}}.sidebar{background:var(--color-bg-sidebar);border-top-right-radius:var(--radius-lg);border-bottom-right-radius:var(--radius-lg);flex-direction:column;justify-content:space-between;height:120vh;display:flex}.sidebar__logo{background:linear-gradient(to bottom, var(--color-bg-btn-default) 50%, var(--color-bg-btn-default-hover) 50%);border-top-right-radius:var(--radius-lg);border-bottom-right-radius:var(--radius-lg);justify-content:center;align-items:center;width:103px;height:103px;display:flex}.sidebar__bottom{flex-direction:column;justify-content:space-around;align-items:center;width:103px;height:160px;padding-bottom:20px;display:flex}.sidebar__theme-toggle{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:19.99px;height:19.9px;display:flex}.sidebar__theme-toggle img{object-fit:contain;width:100%;height:100%}.sidebar__divider{background-color:var(--color-border);width:103px;height:1px}.sidebar__avatar img{border-radius:var(--radius-full);object-fit:cover;width:40px;height:40px;display:block}@media (width<=767px){.sidebar{border-radius:0;flex-direction:row;justify-content:space-between;align-items:center;width:100%;height:72px}.sidebar__logo{border-radius:0;border-bottom-right-radius:var(--radius-lg);border-top-right-radius:var(--radius-lg);width:72px;height:72px}.sidebar__bottom{flex-direction:row;justify-content:flex-end;align-items:center;gap:16px;width:auto;height:72px;padding-bottom:0;padding-right:20px}.sidebar__divider{width:1px;height:32px}}@media (width>=768px) and (width<=1023px){.sidebar{border-radius:0;flex-direction:row;justify-content:space-between;align-items:center;width:100%;height:72px}.sidebar__logo{border-radius:0;border-bottom-right-radius:var(--radius-lg);border-top-right-radius:var(--radius-lg);width:72px;height:72px}.sidebar__bottom{flex-direction:row;justify-content:flex-end;align-items:center;gap:24px;width:auto;height:72px;padding-bottom:0;padding-right:24px}.sidebar__divider{width:1px;height:32px}}@media (width>=1024px){.sidebar{border-radius:0;border-top-right-radius:var(--radius-lg);border-bottom-right-radius:var(--radius-lg);flex-direction:column;width:103px;height:100vh}.sidebar__logo{border-radius:0;border-top-right-radius:var(--radius-lg);border-bottom-right-radius:var(--radius-lg);width:103px;height:103px}.sidebar__bottom{flex-direction:column;justify-content:space-around;align-items:center;width:103px;height:160px;padding-bottom:20px;padding-right:0}.sidebar__divider{width:103px;height:1px}}.empty{flex:1;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.empty__content{text-align:center;flex-direction:column;align-items:center;width:242px;display:flex}.empty__title{font-family:var(--font-primary);font-weight:var(--weight-bold);font-size:var(--text-heading-m);letter-spacing:var(--tracking-heading-m);margin-top:50px;padding:1px}.empty__text{max-width:193px;font-size:var(--text-body);font-family:var(--font-primary);font-weight:var(--weight-medium);color:var(--color-text-secondary);text-align:center;line-height:var(--leading-body-v);letter-spacing:var(--tracking-body);margin-top:5px}.empty__highlight{color:var(--color-text-secondary);font-weight:var(--weight-bold)}.invoice-form__overlay{z-index:100;background:#00000080;width:100%;height:100%;position:fixed;top:0;left:0}.invoice-form{background:var(--color-bg);z-index:101;border-radius:0 20px 20px 0;width:600px;height:100vh;padding:56px 56px 32px;position:fixed;top:0;left:103px;overflow-y:auto}.invoice-form__title{font-family:var(--font-primary);font-weight:var(--weight-bold);letter-spacing:-.5px;color:var(--color-text-primary);padding:1px;font-size:24px;line-height:32px}.invoice-form__body{flex-direction:column;gap:30px;width:504px;margin-top:40px;display:flex}.invoice-form__section{flex-direction:column;gap:10px;width:504px;display:flex}.invoice-form__section h4,.invoice-form__section-title{color:var(--color-bg-btn-default);font-family:var(--font-primary);font-weight:var(--weight-bold);letter-spacing:-.25px;padding:10px;font-size:15px;line-height:15px}.invoice-form__label{font-family:var(--font-primary);font-weight:var(--weight-medium);letter-spacing:-.1px;color:var(--color-text-muted);flex-direction:column;gap:10px;padding:1px;font-size:13px;line-height:15px;display:flex}.invoice-form__input{border:1px solid var(--color-border-input);height:48px;font-family:var(--font-primary);font-weight:var(--weight-bold);color:var(--color-text-primary);background:var(--color-bg-input);transition:border-color var(--transition-fast);border-radius:4px;padding:10px 16px;font-size:13px}.invoice-form__input:focus{border-color:var(--color-border-focus);outline:none}.invoice-form__row{grid-template-columns:repeat(3,1fr);gap:24px;width:100%;display:grid}.invoice-form__row .invoice-form__label,.invoice-form__row .invoice-form__input{width:100%}.invoice-form__row--two{grid-template-columns:1fr 1fr;gap:24px;width:100%;display:grid}.invoice-form__row--two .invoice-form__label,.invoice-form__row--two .invoice-form__input{width:100%}.invoice-form__input[type=date]{color:var(--color-text-primary);font-family:var(--font-primary);font-weight:var(--weight-bold);font-size:13px}.invoice-form__input[type=date]::-webkit-calendar-picker-indicator{opacity:.4;cursor:pointer}.invoice-form__select{cursor:pointer;appearance:none;background-color:var(--color-bg-input);color:var(--color-text-primary);font-family:var(--font-primary);font-weight:var(--weight-bold);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='7' viewBox='0 0 11 7'%3E%3Cpath d='M1 1l4.5 4.5L10 1' stroke='%237C5DFA' stroke-width='2' fill='none'/%3E%3C/svg%3E");background-position:right 16px center;background-repeat:no-repeat;padding-right:40px;font-size:13px}.invoice-form__select:focus{border-color:var(--color-border-focus);outline:none}.invoice-form__select option{font-family:var(--font-primary);font-weight:var(--weight-bold);color:var(--color-text-primary);background:var(--color-bg-input);padding:16px;font-size:13px}.invoice-form__items-header,.invoice-form__item-row,.invoice-form__row-item{grid-template-columns:1fr 48px 96px 96px 18px;align-items:center;gap:16px;width:100%;display:grid}.invoice-form__items-header{align-items:end;margin-bottom:8px}.invoice-form__items-header span{font-family:var(--font-primary);font-size:13px;font-weight:var(--weight-medium);color:var(--color-text-secondary);letter-spacing:-.1px}.invoice-form__item-row{margin-bottom:16px}.invoice-form__row-item{align-items:end}.invoice-form__row-item .invoice-form__label,.invoice-form__row-item .invoice-form__input{width:100%}.invoice-form__item-meta{display:contents}.invoice-form__item-name,.invoice-form__item-qty,.invoice-form__item-price,.invoice-form__item-total{font-family:var(--font-primary);font-weight:var(--weight-bold);color:var(--color-text-primary);margin:0;font-size:13px}.invoice-form__item-delete{cursor:pointer;color:var(--color-text-secondary);transition:color var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;font-size:16px;display:flex}.invoice-form__item-delete:hover{color:var(--color-bg-delete)}.invoice-form__input--readonly{color:var(--color-text-secondary);cursor:default;background:0 0;border-color:#0000}.invoice-form__input--readonly:focus{border-color:#0000;outline:none}.error-text{font-family:var(--font-primary);font-size:11px;font-weight:var(--weight-medium);color:var(--color-bg-delete);letter-spacing:-.23px}.invoice-form__actions{justify-content:space-between;align-items:center;padding-bottom:32px;display:flex}.invoice-form__actions-right{gap:8px;display:flex}@media (width<=767px){.invoice-form__overlay{pointer-events:none;background:0 0}.invoice-form{pointer-events:all;overscroll-behavior:contain;border-radius:0;width:100%;height:calc(100vh - 72px);padding:32px 24px;top:72px;left:0;overflow-y:auto}.invoice-form__title{font-size:20px}.invoice-form__body{gap:24px;width:100%;margin-top:24px}.invoice-form__section{width:100%}.invoice-form__row{grid-template-columns:1fr 1fr;gap:16px}.invoice-form__row .invoice-form__label:last-child{grid-column:1/-1}.invoice-form__row--two{grid-template-columns:1fr 1fr;gap:16px}.invoice-form__items-header{display:none}.invoice-form__item-row{flex-direction:column;gap:8px;margin-bottom:24px;display:flex}.invoice-form__item-meta{align-items:center;gap:16px;width:100%;flex-direction:row!important;display:flex!important}.invoice-form__item-qty{flex:0 0 40px}.invoice-form__item-price{flex:1}.invoice-form__item-total{color:var(--color-text-secondary);flex:1}.invoice-form__item-delete{flex:0 0 18px;margin-left:auto}.invoice-form__row-item{flex-direction:column;gap:16px;display:flex}.invoice-form__actions{box-shadow:none;background:0 0;width:100%;padding:16px 0 32px;position:static}}@media (width>=768px) and (width<=1023px){.invoice-form{border-radius:0 20px 20px 0;width:616px;height:100vh;padding:48px 40px 32px;top:0;left:0}.invoice-form__body,.invoice-form__section{width:100%}.invoice-form__row{grid-template-columns:1fr 1fr;gap:20px}.invoice-form__row .invoice-form__label:last-child{grid-column:1/-1}.invoice-form__items-header,.invoice-form__item-row,.invoice-form__row-item{grid-template-columns:1fr 48px 96px 96px 18px}}.modal-overlay{z-index:100;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--color-bg-card);border-radius:var(--radius-md);width:90%;max-width:480px;box-shadow:var(--shadow-card);padding:48px}.modal__content{margin-bottom:24px}.modal__title{font-family:var(--font-primary);font-size:var(--text-heading-m);font-weight:var(--weight-bold);color:var(--color-text-primary);letter-spacing:var(--tracking-heading-m);margin-bottom:16px}.modal__body{font-family:var(--font-primary);font-size:var(--text-body);font-weight:var(--weight-medium);color:var(--color-text-secondary);line-height:var(--leading-body);letter-spacing:var(--tracking-body)}.modal__actions{justify-content:flex-end;align-items:center;gap:8px;display:flex}.modal__btn{font-family:var(--font-primary);font-size:var(--text-body);font-weight:var(--weight-bold);letter-spacing:var(--tracking-body-v);border-radius:var(--radius-full);cursor:pointer;transition:background var(--transition-fast);border:none;padding:17px 24px}.modal__btn--cancel{background:var(--color-bg-edit-btn);color:var(--color-edit-btn-text)}.modal__btn--cancel:hover{background:var(--color-bg-edit-btn-hover)}.modal__btn--delete{background:var(--color-bg-delete);color:#fff}.modal__btn--delete:hover{background:var(--color-bg-delete-hover)}