@font-face{font-family:interVariable;src:url(../media/InterVariable-s.p.0r27kd5h06n72.woff2)format("woff2");font-display:swap}@font-face{font-family:interVariable Fallback;src:local(Arial);ascent-override:89.79%;descent-override:22.36%;line-gap-override:0.0%;size-adjust:107.89%}.intervariable_210746ba-module__WWEvxW__className{font-family:interVariable,interVariable Fallback}.intervariable_210746ba-module__WWEvxW__variable{--font-inter-local:"interVariable", "interVariable Fallback"}
:root{--WHITE:#fff;--BACKGROUND:#f7f7f7;--STROKE:#ddd;--GREEN:#113940;--GREEN_BG:#d1e9e8;--GREEN_BG_HOVER:#b4dcd9;--RED:#d72222;--RED_BG:#ffcaca;--RED_BG_HOVER:#ffb5b5;--ORANGE:#ed7710;--PURPLE:#705bf3;--BLUE:#0b89eb;--GRAY_100:#f1f1f1;--GRAY_200:#e6e6e6;--GRAY_300:#ccc;--GRAY_500:#6d6d6d;--GRAY_600:#5d5d5d;--GRAY_700:#4d4d4d;--GRAY_900:#2d2d2d;--CASH:#6b8e23;--CASH-BG:#6b8e231a;--PENDING:#d18f00;--CREDIT:#1e97cf;--CATEGORY_ORANGE:#b85c00;--CATEGORY_BLUE:#2f5a85;--CATEGORY_PURPLE:#6b3c9a;--CATEGORY_PINK:#991399;--CATEGORY_RED:#8e2323;--CATEGORY_BROWN:#9c4021;--CATEGORY_GREEN:#238e27;--CATEGORY_DEFAULT:#797a80}*{vertical-align:baseline;box-sizing:border-box;border:0;margin:0;padding:0;text-decoration:none;list-style:none}button,input,select,textarea{font-family:inherit;font-size:inherit;color:inherit;line-height:inherit;background:0 0}input[type=checkbox]{accent-color:#ff551c}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{appearance:textfield}input{background-color:#fff;border:1px solid #aaa;border-radius:4px;padding:8px;font-size:14px;transition:all .2s}input:focus{border-color:#f96837a1;outline:none;box-shadow:0 0 0 2px #f96837a1}button{cursor:pointer;transition:all .1s ease-in-out}a{color:inherit;text-decoration:none}body{background-color:var(--WHITE);padding:0 10px}main{border:1px solid var(--STROKE);background-color:#f6f3f0;border-radius:24px 24px 0 0;width:100%;margin-top:10px;padding:16px}.btnSucess{background-color:var(--CASH-BG);color:var(--CASH);border:1px solid var(--CASH);border-radius:8px}.btnDanger{background-color:var(--RED_BG);color:var(--RED);border:1px solid var(--RED);border-radius:8px}.loader{box-sizing:border-box;border:2px solid #113940;border-bottom-color:#0000;border-radius:50%;width:16px;height:16px;animation:1s linear infinite rotation;display:inline-block}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width:768px){body{padding:0}main{padding:8px}}