:root{--color-primary:#303188;--color-secondary:#748892;--color-success:#2ed8b6;--color-danger:#ff5370;--color-warning:#ffb64d;--color-purple:#7759de;--color-body-bg:#f6f7fb;--color-card-bg:#fff;--color-border:#e3eaef;--color-border-alt:#dde3f5;--color-border-rej:#f5c0c8;--font-family:"Poppins", sans-serif;--font-size-base:13px;--font-size-sm:11px;--font-size-xs:10px;--border-radius:5px}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%}body{font-family:var(--font-family);font-size:var(--font-size-base);color:var(--color-primary);background:var(--color-body-bg);margin:0}.login{justify-content:center;align-items:center;min-height:100%;padding:20px;display:flex}.login__card{background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:var(--border-radius);flex-direction:column;gap:6px;width:100%;max-width:360px;padding:28px 24px;display:flex}.login__title{text-align:center;color:var(--color-primary);margin:0 0 16px;font-size:16px;font-weight:600}.login__label{font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.5px;color:var(--color-secondary);margin-top:8px;font-weight:500}.login__input{font-family:var(--font-family);font-size:var(--font-size-base);border:1px solid var(--color-border);border-radius:var(--border-radius);outline:none;padding:9px 10px}.login__input:focus{border-color:var(--color-primary)}.login__field-error,.login__error{color:var(--color-danger);font-size:var(--font-size-sm);margin:2px 0 0}.login__submit{border-radius:var(--border-radius);background:var(--color-primary);color:#fff;font-family:var(--font-family);font-size:var(--font-size-base);cursor:pointer;border:none;margin-top:18px;padding:10px;font-weight:600}.login__submit:disabled{opacity:.6;cursor:default}.main__header{background:var(--color-primary);color:#fff;border-radius:var(--border-radius);justify-content:space-between;align-items:center;margin:12px;padding:10px 18px;display:flex}.main__brand{font-size:14px;font-weight:600}.main__user{font-size:var(--font-size-sm);opacity:.85;align-items:center;gap:10px;display:inline-flex}.main__logout{color:var(--color-success);font-family:var(--font-family);font-size:var(--font-size-sm);cursor:pointer;background:0 0;border:none}.filters{background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:var(--border-radius);margin:12px;padding:10px 14px}.filters__row{align-items:center;gap:6px;display:flex}.filters__row+.filters__row{margin-top:7px}.filters__text,.filters__select,.filters__date{font-family:var(--font-family);font-size:var(--font-size-sm);border:1px solid var(--color-border);border-radius:var(--border-radius);padding:6px 8px}.filters__text{flex:2}.filters__select{flex:1.2}.filters__label{font-size:var(--font-size-sm);color:var(--color-secondary)}.filters__spacer{flex:1}.filters__apply,.filters__clear{border-radius:var(--border-radius);font-family:var(--font-family);font-size:var(--font-size-sm);cursor:pointer;padding:6px 14px;font-weight:600}.filters__apply{background:var(--color-primary);color:#fff;border:none}.filters__clear{border:1px solid var(--color-border);color:var(--color-primary);background:0 0}.filter-indicator{border:1px solid var(--color-warning);border-radius:var(--border-radius);font-size:var(--font-size-sm);color:#8a6100;background:#fff8ec;align-items:center;gap:8px;margin:0 12px 12px;padding:6px 14px;display:flex}.filter-indicator__clear{color:var(--color-primary);font-family:var(--font-family);font-size:var(--font-size-sm);cursor:pointer;background:0 0;border:none;margin-left:auto}.utility-bar{justify-content:flex-end;gap:8px;margin:8px 12px 10px;display:flex}.utility-bar__btn{border:1px solid var(--color-border);background:var(--color-card-bg);border-radius:var(--border-radius);color:var(--color-primary);font-family:var(--font-family);font-size:var(--font-size-sm);cursor:pointer;padding:6px 14px}.modal--sort{max-width:480px}.sort__hint{font-size:var(--font-size-sm);color:var(--color-secondary);margin:0 0 14px}.sort__list{margin:0;padding:0;list-style:none}.sort__item{border:1px solid var(--color-border);border-radius:var(--border-radius);align-items:center;gap:10px;margin-bottom:8px;padding:10px 14px;display:flex}.sort__position{background:var(--color-primary);color:#fff;width:20px;height:20px;font-size:var(--font-size-xs);border-radius:50%;justify-content:center;align-items:center;display:flex}.sort__label{color:#333;flex:1;font-size:12px;font-weight:500}.sort__arrow{border:1px solid var(--color-border);border-radius:var(--border-radius);background:var(--color-card-bg);width:28px;height:28px;color:var(--color-primary);cursor:pointer}.sort__arrow:disabled{color:#ccc;background:var(--color-body-bg);cursor:default}.totals{grid-template-columns:repeat(3,1fr);gap:10px;margin:12px;display:grid}.totals__card{background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:var(--border-radius);flex-direction:column;gap:4px;padding:10px 16px;display:flex}.totals__label{font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.5px;color:var(--color-secondary);font-weight:500}.totals__value{color:var(--color-primary);font-size:19px;font-weight:600;line-height:1.2}.tabs{border-bottom:2px solid var(--color-border);margin:0 12px 12px;display:flex}.tabs__tab{color:var(--color-secondary);font-family:var(--font-family);text-align:center;cursor:pointer;background:0 0;border:none;border-bottom:3px solid #0000;flex-direction:column;gap:2px;margin-bottom:-2px;padding:8px 16px;display:flex}.tabs__tab--active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.tabs__name{font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:.4px;font-weight:500}.tabs__value{font-size:12px;font-weight:600}.selection-bar{border-radius:var(--border-radius);background:#eef0fb;border:1px solid #b0b5e8;margin:0 12px 12px;padding:10px 16px;display:block}.selection-bar__count{color:var(--color-primary);font-size:12px;font-weight:600}.selection-bar__actions{gap:12px;margin-left:12px;display:inline-flex}.selection-bar__agree,.selection-bar__reject{border-radius:var(--border-radius);color:#fff;font-family:var(--font-family);font-size:var(--font-size-sm);cursor:pointer;border:none;padding:6px 14px;font-weight:600}.selection-bar__agree{background:var(--color-primary)}.selection-bar__reject{background:var(--color-danger)}.grid{grid-template-columns:repeat(2,1fr);gap:14px;margin:0 12px 16px;display:grid}.card{background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:var(--border-radius)}.card--selected{border:2px solid var(--color-primary)}.card--1{border-left:3px solid var(--color-success)}.card--2{border-left:3px solid var(--color-danger)}.card--skeleton{opacity:.5;background:linear-gradient(90deg,#eef1f6,#f6f7fb);height:160px}.card__top{justify-content:space-between;align-items:flex-start;padding:10px 13px 0;display:flex}.badge{font-size:var(--font-size-xs);border-radius:50px;padding:2px 8px;font-weight:600}.badge--accepted{color:#0f8a6e;background:#e6faf6}.badge--rejected{color:#c14;background:#fff0f3}.card__body{padding:8px 13px 13px}.card__logo{color:#fff;background:var(--color-primary);border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;margin:4px auto 6px;font-size:13px;font-weight:600;display:flex}.card__drawer{text-align:center;flex-direction:column;margin-bottom:8px;display:flex}.card__drawer-name{font-size:var(--font-size-sm);color:#333;font-weight:600}.card__drawer-cnpj{font-size:var(--font-size-sm);color:var(--color-secondary)}.card__invoice-line{font-size:var(--font-size-sm);color:#444;justify-content:space-between;margin-bottom:8px;font-weight:500;display:flex}.card__orders{border-top:1px solid var(--color-border);margin-top:6px;padding-top:6px}.card__order{font-size:var(--font-size-sm);color:#444;grid-template-columns:2fr 1.5fr 1.5fr;padding:2px 0;display:grid}.card__order-amount{text-align:right}.empty{text-align:center;color:var(--color-secondary);grid-column:1/-1;padding:40px 20px}.empty__title{color:var(--color-primary);margin:0 0 4px;font-size:13px;font-weight:600}.empty__subtitle{font-size:var(--font-size-sm);margin:0}.modal-backdrop{background:#00000073;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal{background:var(--color-card-bg);border-radius:var(--border-radius);width:100%;max-width:640px}.modal__header{color:#fff;border-radius:5px 5px 0 0;padding:12px 18px;font-size:13px;font-weight:600}.modal__header--negative{background:var(--color-danger)}.modal__header--positive{background:var(--color-primary)}.modal__body,.modal__success{padding:16px 20px 20px}.modal__success{text-align:center}.modal__disclaimer{border-left:3px solid var(--color-danger);font-size:var(--font-size-sm);background:#fff5f7;border-radius:0 4px 4px 0;padding:10px 14px;line-height:1.7}.modal--positive .modal__disclaimer{border-left-color:var(--color-primary);background:#f0f4ff}.modal__actions{align-items:center;gap:8px;margin:12px 0;display:flex}.modal__spacer{flex:1}.modal__cancel{border:1px solid var(--color-border);border-radius:var(--border-radius);font-family:var(--font-family);font-size:var(--font-size-sm);cursor:pointer;background:0 0;padding:7px 14px}.modal__confirm{border-radius:var(--border-radius);color:#fff;background:var(--color-primary);font-family:var(--font-family);font-size:var(--font-size-sm);cursor:pointer;border:none;padding:7px 14px;font-weight:600}.modal--negative .modal__confirm{background:var(--color-danger)}.modal__confirm:disabled{opacity:.6;cursor:default}.modal__password{border:1px solid var(--color-border);border-radius:var(--border-radius);width:150px;font-family:var(--font-family);padding:7px 10px}.modal__password-error{color:#c14;font-size:var(--font-size-sm);text-align:right;margin-top:5px}.spread__header{border-bottom:1px solid var(--color-border-alt);font-size:var(--font-size-sm);color:var(--color-primary);background:#eef1fb;justify-content:space-between;align-items:center;padding:8px 14px;font-weight:600;display:flex}.spread__rows{max-height:250px;overflow-y:auto}.spread__invoice,.spread__order{font-size:var(--font-size-sm);grid-template-columns:36% 36% 28%;padding:4px 14px;display:grid}.spread__invoice{color:var(--color-primary);background:#f8f9fe;font-weight:600}.spread__order{color:var(--color-secondary)}.spread__amount{text-align:right}.error{text-align:center;padding:40px 20px}.error__message{color:var(--color-secondary);font-size:var(--font-size-base)}.error__retry{border:1px solid var(--color-primary);border-radius:var(--border-radius);color:var(--color-primary);font-family:var(--font-family);cursor:pointer;background:0 0;margin-top:12px;padding:8px 16px}