.invoice-drawer{color:#f4f6ef;background:#141914;border:0;width:min(100%,560px);max-width:100%;height:100dvh;max-height:none;margin:0 0 0 auto;padding:0}.invoice-drawer::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#030704b8}.invoice-drawer__panel{background:linear-gradient(160deg,#182018,#0f130f 65%);border-left:1px solid #344331;min-height:100%;box-shadow:-24px 0 70px #00000047}.invoice-drawer__header{border-bottom:1px solid #2d3a2d;justify-content:space-between;gap:1rem;padding:1.6rem 1.75rem 1.35rem;display:flex}.invoice-drawer__kicker{color:#b5d85c;letter-spacing:.12em;text-transform:uppercase;margin:0 0 .35rem;font-size:.7rem;font-weight:750}.invoice-drawer__header h2{letter-spacing:-.035em;margin:0;font-size:clamp(1.35rem,3vw,1.75rem)}.invoice-drawer__invoice-id{color:#9ca99a;margin:.35rem 0 0;font-size:.82rem}.invoice-drawer__close{color:#dfe8d7;cursor:pointer;background:#202920;border:1px solid #42503c;border-radius:50%;align-self:flex-start;place-items:center;width:2.25rem;height:2.25rem;font-size:1.6rem;line-height:1;display:grid}.invoice-drawer__close:hover,.invoice-drawer__close:focus-visible{color:#c6ed62;outline-offset:2px;border-color:#c6ed62;outline:2px solid #c6ed62}.invoice-drawer__body{max-height:calc(100dvh - 96px);padding:1.35rem 1.75rem 2.25rem;overflow-y:auto}.invoice-drawer__summary{grid-template-columns:repeat(3,1fr);gap:.65rem;display:grid}.invoice-drawer__summary>div{background:#1b241b;border:1px solid #2c3a2b;border-radius:.75rem;gap:.3rem;padding:.85rem;display:grid}.invoice-drawer__summary span{color:#9ca99a;text-transform:uppercase;letter-spacing:.08em;font-size:.72rem}.invoice-drawer__summary strong{font-size:.94rem}.invoice-drawer__summary strong:first-of-type{white-space:nowrap}.invoice-drawer__status[data-paid=true]{color:#c6ed62}.invoice-drawer__actions{justify-content:space-between;align-items:center;gap:.75rem;padding:1.15rem 0 1.3rem;display:flex}.invoice-drawer__primary-button,.invoice-drawer__secondary-button{font:inherit;cursor:pointer;border-radius:.55rem;padding:.68rem 1rem;font-size:.86rem;font-weight:750}.invoice-drawer__primary-button{color:#12200e;background:#c6ed62;border:1px solid #c6ed62}.invoice-drawer__primary-button:hover,.invoice-drawer__primary-button:focus-visible{background:#d8fa83}.invoice-drawer__secondary-button{color:#dce8d5;background:#202920;border:1px solid #52664c}.invoice-drawer__secondary-button:hover,.invoice-drawer__secondary-button:focus-visible{color:#c6ed62;border-color:#c6ed62}.invoice-drawer__primary-button:focus-visible,.invoice-drawer__secondary-button:focus-visible{outline-offset:2px;outline:2px solid #fff}.invoice-drawer__as-of{color:#93a38e;text-align:right;font-size:.75rem}.invoice-drawer__form,.invoice-drawer__note-form,.invoice-drawer__history{border-top:1px solid #2d3a2d;margin-top:.2rem;padding-top:1.25rem}.invoice-drawer__note-form,.invoice-drawer__history{margin-top:1.45rem}.invoice-drawer__section-heading{justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:.9rem;display:flex}.invoice-drawer__section-heading h3{margin:0;font-size:1rem}.invoice-drawer__section-heading p{color:#94a391;text-align:right;margin:0;font-size:.75rem}.invoice-drawer__fields{grid-template-columns:1fr 1fr;gap:.8rem;display:grid}.invoice-drawer__form label{color:#c8d4c2;gap:.4rem;margin-top:.85rem;font-size:.8rem;display:grid}.invoice-drawer__form input,.invoice-drawer__form textarea,.invoice-drawer__note-form textarea{box-sizing:border-box;color:#edf4e9;width:100%;font:inherit;background:#121912;border:1px solid #3b4c38;border-radius:.5rem;padding:.65rem .7rem;font-size:.85rem}.invoice-drawer__form input:focus,.invoice-drawer__form textarea:focus,.invoice-drawer__note-form textarea:focus{border-color:#c6ed62;outline:2px solid #c6ed6238}.invoice-drawer__form textarea,.invoice-drawer__note-form textarea{resize:vertical;min-height:5.2rem}.invoice-drawer__form input::-webkit-calendar-picker-indicator{filter:invert()sepia()saturate(.4)}.invoice-drawer__help{color:#899887;margin:.45rem 0 0;font-size:.73rem}.invoice-drawer__form-footer{justify-content:flex-end;align-items:center;gap:.85rem;margin-top:.7rem;display:flex}.invoice-drawer__counter{color:#839180;font-size:.72rem}.invoice-drawer__note-form textarea{display:block}.invoice-drawer__history ol{gap:0;margin:0;padding:0;list-style:none;display:grid}.invoice-drawer__history li{grid-template-columns:1rem 1fr;gap:.8rem;padding:0 0 1.2rem;display:grid;position:relative}.invoice-drawer__history li:not(:last-child):before{content:"";background:#3b5037;width:1px;position:absolute;top:.75rem;bottom:0;left:.31rem}.invoice-drawer__timeline-dot{z-index:1;background:#182018;border:2px solid #c6ed62;border-radius:50%;width:.65rem;height:.65rem;margin-top:.22rem}.invoice-drawer__event-top{justify-content:space-between;gap:.75rem;display:flex}.invoice-drawer__event-top strong{font-size:.85rem}.invoice-drawer__event-top time{color:#94a391;white-space:nowrap;font-size:.72rem}.invoice-drawer__event-kind{color:#b5d85c;letter-spacing:.03em;margin-top:.25rem;font-size:.67rem;display:inline-block}.invoice-drawer__history li p{color:#aab7a5;margin:.35rem 0 0;font-size:.78rem;line-height:1.45}.invoice-drawer__empty{color:#95a193;font-size:.8rem}.invoice-drawer__feedback{color:#c6ed62;min-height:1.1rem;margin:1.2rem 0 0;font-size:.78rem}@media (max-width:560px){.invoice-drawer{width:100%}.invoice-drawer__header,.invoice-drawer__body{padding-left:1.1rem;padding-right:1.1rem}.invoice-drawer__summary{grid-template-columns:1fr 1fr}.invoice-drawer__summary>div:last-child{grid-column:1/-1}.invoice-drawer__fields{grid-template-columns:1fr;gap:0}.invoice-drawer__actions{flex-direction:column;align-items:flex-start}.invoice-drawer__as-of{text-align:left}}