.ts-dropdown {
    background: var(--tblr-bg-surface) !important;
    border: var(--tblr-border-width) solid var(--tblr-border-color);
    border-radius: var(--tblr-border-radius);
}

.ts-wrapper .ts-control {
    padding: .5625rem 1rem;
}

.ts-dropdown, .ts-control .item, .ts-control input, .ts-dropdown .option {
    color: var(--tblr-body-color);
}

.ts-dropdown .option.active {
    color: var(--tblr-body-color);
    background-color: var(--tblr-body-bg);
}

.card-hover:hover {
    box-shadow: inset 0 0 0 9999px rgba(var(--tblr-secondary-rgb), .1);
}

.striped {
    box-shadow: inset 0 0 0 9999px var(--tblr-bg-surface-secondary);
}

.report-quarter-separator {
    border-right: solid 1px var(--tblr-secondary-border-subtle) !important;
}

#report_table td:first-child,
#report_table th:first-child {
    position: sticky;
    left: 0;
    z-index: 2;
    background-clip: padding-box;
    background-color: var(--tblr-card-bg);
}

#report_table tr:first-child td:first-child {
    z-index: 3;
}
.gradient {
    padding: 1px;
    --border-color: #ecacfd;
    background: linear-gradient(90deg, var(--border-color) 50%, transparent 0) repeat-x,
    linear-gradient(90deg, var(--border-color) 50%, transparent 0) repeat-x,
    linear-gradient(0deg, var(--border-color) 50%, transparent 0) repeat-y,
    linear-gradient(0deg, var(--border-color) 50%, transparent 0) repeat-y;
    background-size: 4px 2px, 4px 2px, 2px 4px, 2px 4px;
    background-position: 0 0, 0 100%, 0 0, 100% 0;
    cursor: pointer;
    animation: linearGradientMove .3s infinite linear;
    border-radius: 4px;
}

@keyframes linearGradientMove {
    100% {
        background-position: 4px 0, -4px 100%, 0 -4px, 100% 4px;
    }
}

.invoice-brand-title {
    font-family: monospace;
    text-transform: uppercase;
}

@keyframes passing-through{0%{opacity:0;transform:translateY(40px)}30%,70%{opacity:1;transform:translateY(0px)}100%{opacity:0;transform:translateY(-40px)}}@keyframes slide-in{0%{opacity:0;transform:translateY(40px)}30%{opacity:1;transform:translateY(0px)}}@keyframes pulse{0%{transform:scale(1)}10%{transform:scale(1.1)}20%{transform:scale(1)}}.dropzone,.dropzone *{box-sizing:border-box}.dropzone{min-height:150px;border:1px solid rgba(0,0,0,.8);border-radius:5px;padding:20px 20px}.dropzone.dz-clickable{cursor:pointer}.dropzone.dz-clickable *{cursor:default}.dropzone.dz-clickable .dz-message,.dropzone.dz-clickable .dz-message *{cursor:pointer}.dropzone.dz-started .dz-message{display:none}.dropzone.dz-drag-hover{border-style:solid}.dropzone.dz-drag-hover .dz-message{opacity:.5}.dropzone .dz-message{text-align:center;}.dropzone .dz-message .dz-button{background:none;color:inherit;border:none;padding:0;font:inherit;cursor:pointer;outline:inherit}.dropzone .dz-preview{position:relative;display:inline-block;vertical-align:top;margin:.5rem;min-height:100px}.dropzone .dz-preview:hover{z-index:1000}.dropzone .dz-preview:hover .dz-details{opacity:1}.dropzone .dz-preview.dz-file-preview .dz-image{border-radius:6px;background:rgba(var(--tblr-lime-rgb),var(--tblr-bg-opacity))}.dropzone .dz-preview.dz-file-preview .dz-details{opacity:1}.dropzone .dz-preview.dz-image-preview{}.dropzone .dz-preview.dz-image-preview .dz-details{transition:opacity .2s linear}.dropzone .dz-preview .dz-remove{font-size:14px;text-align:center;display:block;cursor:pointer;border:none}.dropzone .dz-preview .dz-remove:hover{text-decoration:underline}.dropzone .dz-preview:hover .dz-details{opacity:1}.dropzone .dz-preview .dz-details{z-index:20;position:absolute;top:0;left:0;opacity:0;font-size:13px;min-width:100%;max-width:100%;padding:2em 1em;text-align:center;color:rgba(var(--tblr-lime-rgb),var(--tblr-text-opacity));line-height:150%}.dropzone .dz-preview .dz-details .dz-size{margin-bottom:1em}.dropzone .dz-preview .dz-details .dz-filename{white-space:nowrap}.dropzone .dz-preview .dz-details .dz-filename:hover span{border:1px solid rgba(200,200,200,.8);background-color:rgba(255,255,255,.8)}.dropzone .dz-preview .dz-details .dz-filename:not(:hover){overflow:hidden;text-overflow:ellipsis}.dropzone .dz-preview .dz-details .dz-filename:not(:hover) span{border:1px solid transparent}.dropzone .dz-preview .dz-details .dz-filename span,.dropzone .dz-preview .dz-details .dz-size span{color: rgba(var(--tblr-lime-rgb),var(--tblr-text-opacity));padding:0 .4em;border-radius:3px}.dropzone .dz-preview:hover .dz-image img{transform:scale(1.05, 1.05);filter:blur(8px)}.dropzone .dz-preview .dz-image{border-radius:6px;overflow:hidden;width:110px;height:110px;position:relative;display:block;z-index:10}.dropzone .dz-preview .dz-image img{display:block}.dropzone .dz-preview.dz-success .dz-success-mark{animation:passing-through 3s cubic-bezier(0.77, 0, 0.175, 1)}.dropzone .dz-preview.dz-error .dz-error-mark{opacity:1;animation:slide-in 3s cubic-bezier(0.77, 0, 0.175, 1)}.dropzone .dz-preview .dz-success-mark,.dropzone .dz-preview .dz-error-mark{pointer-events:none;opacity:0;z-index:500;position:absolute;display:block;top:50%;left:50%;margin-left:-27px;margin-top:-27px;background:rgba(0,0,0,.8);border-radius:50%}.dropzone .dz-preview .dz-success-mark svg,.dropzone .dz-preview .dz-error-mark svg{display:block;width:54px;height:54px;fill:#fff}.dropzone .dz-preview.dz-processing .dz-progress{opacity:1;transition:all .2s linear}.dropzone .dz-preview.dz-complete .dz-progress{opacity:0;transition:opacity .4s ease-in}.dropzone .dz-preview:not(.dz-processing) .dz-progress{animation:pulse 6s ease infinite}.dropzone .dz-preview .dz-progress{opacity:1;z-index:1000;pointer-events:none;position:absolute;height:20px;top:50%;margin-top:-10px;left:15%;right:15%;border:3px solid rgba(0,0,0,.8);background:rgba(0,0,0,.8);border-radius:10px;overflow:hidden}.dropzone .dz-preview .dz-progress .dz-upload{background:#fff;display:block;position:relative;height:100%;width:0;transition:width 300ms ease-in-out;border-radius:17px}.dropzone .dz-preview.dz-error .dz-error-message{display:block}.dropzone .dz-preview.dz-error:hover .dz-error-message{opacity:1;pointer-events:auto}.dropzone .dz-preview .dz-error-message{pointer-events:none;z-index:1000;position:absolute;display:block;display:none;opacity:0;transition:opacity .3s ease;border-radius:8px;font-size:13px;top:130px;left:-10px;width:140px;background:#b10606;padding:.5em 1em;color:#fff}.dropzone .dz-preview .dz-error-message:after{content:"";position:absolute;top:-6px;left:64px;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #b10606}/*# sourceMappingURL=dropzone.css.map */
.dropzone .dz-preview .dz-success-mark {
    background-color: var(--tblr-success);
}
.dropzone .dz-preview .dz-error-mark{
    background-color: var(--tblr-danger);
}

form.dropzone {
    border: none;
}
.dz-default {
    height: 100%;
}
.dz-button {
    border: none;
    background-color: transparent;
    width: 100%;
    height: 100%;
    padding: 2em;
}

.mix-blend-multiply {
    mix-blend-mode: multiply;
}

.glow-image {
    filter: drop-shadow(0 0 10px rgba(200, 200, 200, 1));
}

table>tbody>tr.striped{--tblr-table-accent-bg:var(--tblr-table-striped-bg);color:var(--tblr-table-striped-color)}

.card-receipt {
    background-color: #f2f2f2;
    clip-path: polygon(0 0,100% 0,100% 100%, 100% 93%, 98% 94%, 96% 94%, 94% 99%, 92% 97%, 90% 93%, 88% 98%, 86% 100%, 84% 99%, 82% 93%, 80% 92%, 78% 96%, 76% 92%, 74% 95%, 72% 97%, 70% 92%, 68% 94%, 66% 99%, 64% 97%, 62% 100%, 60% 99%, 58% 95%, 56% 97%, 54% 93%, 52% 94%, 50% 92%, 48% 92%, 46% 97%, 44% 100%, 42% 94%, 40% 98%, 38% 93%, 36% 97%, 34% 99%, 32% 95%, 30% 94%, 28% 97%, 26% 97%, 24% 97%, 22% 100%, 20% 96%, 18% 96%, 16% 97%, 14% 96%, 12% 94%, 10% 100%, 8% 100%, 6% 92%, 4% 98%, 2% 94%, 0 100%);
}
/* Improved statement transaction design */
.statement-transaction { position:relative; font-size:.66rem; line-height:1.15; background:var(--tblr-bg-surface,#fffef8); border:1px solid #ffe3a3; border-radius:.55rem; padding:.55rem .6rem .55rem .55rem; box-shadow:0 1px 1px rgba(0,0,0,.04); transition:background .2s,border-color .2s, box-shadow .2s; }

.statement-transaction.st-in { border-color:var(--tblr-border-color-translucent); background:var(--tblr-bg-surface); }
.statement-transaction.st-in:before { background:linear-gradient(135deg,#1abf46,#b2ffd2 55%,#ffffff 85%); }
.statement-transaction.st-out { border-color:#ffd5d5; background:linear-gradient(135deg,#fff7f7,#ffffff); }
.statement-transaction.st-out:before { background:linear-gradient(135deg,#ff5858,#ffcaca 55%,#ffffff 85%); }

.statement-transaction .st-head { display:flex; align-items:center; gap:.4rem; font-weight:600; font-size:.62rem; text-transform:uppercase; letter-spacing:.5px; color:#8a6d00; }
.statement-transaction.st-in .st-head { color:#0d7a2d; }
.statement-transaction.st-out .st-head { color:#9b1d1d; }
.statement-transaction .st-row { display:flex; align-items:flex-start; gap:.4rem; margin-top:.35rem; }
.statement-transaction .st-icon { font-size:.85rem; line-height:1; opacity:.55; width:16px; text-align:center; flex-shrink:0; }
.statement-transaction .st-desc { display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; font-size:.6rem; line-height:1.1; position:relative; }

.statement-transaction .st-divider { height:1px; background:linear-gradient(90deg,transparent,#e5d5ad,transparent); margin:.4rem 0 .25rem; }

.statement-transaction .st-amount { font-weight:700; font-size:.74rem; display:inline-flex; align-items:center; gap:.25rem; }
.statement-transaction .st-amount .trend { font-size:.55rem; padding:.15rem .35rem; border-radius:.4rem; background:rgba(0,0,0,.06); font-weight:600; letter-spacing:.5px; }

.statement-transaction.st-in .st-amount { color:#0f8c36; }
.statement-transaction.st-in .st-amount .trend { background:#e5f9eb; color:#0f8c36; }
.statement-transaction.st-out .st-amount { color:#c62828; }
.statement-transaction.st-out .st-amount .trend { background:#ffe3e3; color:#c62828; }

.statement-transaction .st-footer { display:flex; justify-content:space-between; align-items:center; margin-top:.35rem; }
.statement-transaction .st-footer .st-date { font-size:.55rem; opacity:.7; display:flex; align-items:center; gap:.25rem; }
.statement-transaction .st-footer .st-link { font-size:.55rem; font-weight:600; text-decoration:none; display:inline-flex; align-items:center; gap:.25rem; }
.statement-transaction .st-footer .st-link:hover { text-decoration:underline; }
@media (min-width: 992px){ .statement-transaction { font-size:.7rem; } }