:root{font-family:Inter,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;padding:0;box-sizing:border-box;background-color:#f0f7f7}#root{margin:0 auto}.sidebar{display:flex;flex-direction:column;justify-content:space-between;width:60px;background-color:#f0f7f7;padding:8px;position:fixed;top:0;left:0;height:100%}.sidebar .sidebar-content{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%}.sidebar .sidebar-content .sidebar-logo{height:50px;width:50px;border-radius:50%;margin-bottom:60px;display:flex;align-items:center;justify-content:center}.sidebar .sidebar-content .sidebar-logo img{width:100%;height:100%;border-radius:50%;object-fit:cover}.sidebar .sidebar-content .sidebar-menu{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;gap:5px}.sidebar .sidebar-content .sidebar-menu .sidebar-menu-item{width:45px;height:45px;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:50%;background-color:#fcfbfc;transition:background-color .25s cubic-bezier(.4,0,.2,1),transform .25s cubic-bezier(.4,0,.2,1)}.sidebar .sidebar-content .sidebar-menu .sidebar-menu-item img{width:22px;height:22px;object-fit:contain;transition:filter .25s cubic-bezier(.4,0,.2,1)}.sidebar .sidebar-content .sidebar-menu .sidebar-menu-item:hover{background-color:#010200;border-radius:50%}.sidebar .sidebar-content .sidebar-menu .sidebar-menu-item:hover img{filter:invert(.9)}.sidebar .sidebar-content .sidebar-menu .sidebar-menu-item.active{background-color:#010200;color:#fff;border-radius:50%;transform:scale(1.1)}.sidebar .sidebar-content .sidebar-menu .sidebar-menu-item.active img{filter:invert(1)}.sidebar .sidebar-footer{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;margin-bottom:20px}.sidebar .sidebar-footer .sidebar-footer-avatar{width:50px;height:50px;display:flex;align-items:center;justify-content:center;cursor:pointer}.sidebar .sidebar-footer .sidebar-footer-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover}.sidebar .sidebar-footer .sidebar-footer-logout{width:45px;height:45px;display:flex;align-items:center;justify-content:center;cursor:pointer}.sidebar .sidebar-footer .sidebar-footer-logout img{width:22px;height:22px;object-fit:contain}.sidebar .sidebar-footer .sidebar-footer-logout:hover{background-color:#fcfbfc;border-radius:50%}.calculator{display:flex;flex-direction:column;max-height:100vh;padding-right:8px;padding-bottom:8px;overflow:hidden;-webkit-user-select:none;user-select:none}.calculator .calculator-header{display:flex;flex-direction:column;background-color:#f0f7f7;max-width:100vw;min-height:90px;padding-left:8px;padding-top:12px;padding-bottom:12px}.calculator .calculator-header .calculator-header-bigtext{font-size:50px;font-weight:600;color:#000}.calculator .calculator-header .calculator-header-smalltext{font-size:16px;color:#838b8a;margin-left:10px}.calculator .calculator-body{background-color:#fff;display:flex;flex-direction:row;align-items:center;justify-content:center;border-radius:25px;height:calc(100vh - 124px);overflow:auto}.calculator .calculator-body .calculator-frame{display:flex;flex-direction:column;width:250px;height:450px;background-color:#f7f8fb;border-radius:17px;overflow-y:hidden}.calculator .calculator-body .calculator-frame .calculator-screen{display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-end;padding:16px;height:120px;margin-bottom:10px}.calculator .calculator-body .calculator-frame .calculator-screen .calculator-screen-calculation{font-size:14px;color:#838b8a;margin-bottom:8px;max-width:100%;text-align:right;white-space:nowrap;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.calculator .calculator-body .calculator-frame .calculator-screen .calculator-screen-calculation::-webkit-scrollbar{display:none}.calculator .calculator-body .calculator-frame .calculator-screen .calculator-screen-calculation.medium-text{font-size:12px}.calculator .calculator-body .calculator-frame .calculator-screen .calculator-screen-calculation.small-text{font-size:10px}.calculator .calculator-body .calculator-frame .calculator-screen .calculator-screen-result{font-size:32px;font-weight:600;color:#000;max-width:100%;text-align:right;white-space:nowrap;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.calculator .calculator-body .calculator-frame .calculator-screen .calculator-screen-result::-webkit-scrollbar{display:none}.calculator .calculator-body .calculator-frame .calculator-screen .calculator-screen-result.medium-text{font-size:28px}.calculator .calculator-body .calculator-frame .calculator-screen .calculator-screen-result.small-text{font-size:24px}.calculator .calculator-body .calculator-frame .calculator-buttons{display:flex;flex-direction:column;padding:16px;height:calc(100% - 150px)}.calculator .calculator-body .calculator-frame .calculator-buttons .row{display:flex;flex-direction:row;justify-content:space-between;margin-bottom:10px}.calculator .calculator-body .calculator-frame .calculator-buttons .row .calculator-button{width:50px;height:50px;background-color:#fff;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:24px;color:#000;cursor:pointer;transition:background-color .3s}.calculator .calculator-body .calculator-frame .calculator-buttons .row .calculator-button:hover{background-color:#e0e0e0}.calculator .calculator-body .calculator-frame .calculator-buttons .row .calculator-button:active{background-color:#d0d0d0}.calculator .calculator-body .calculator-frame .calculator-buttons .row .calculator-button-equals{background-color:#0430f5;color:#fff}.calculator .calculator-body .calculator-frame .calculator-buttons .row .calculator-button-equals:hover{background-color:#0320c5}.calculator .calculator-body .calculator-frame .calculator-buttons .row .calculator-button-equals:active{background-color:#0210a5}.calculator .calculator-body .calculator-frame .calculator-buttons .row .calculator-button-addition{background-color:#ade2ff;color:#032ad8}.calculator .calculator-body .calculator-frame .calculator-buttons .row .calculator-button-addition:hover{background-color:#8ccbff}.calculator .calculator-body .calculator-frame .calculator-buttons .row .calculator-button-addition:active{background-color:#6ab3ff}.calculator .calculator-body .calculator-frame .calculator-buttons .row .calculator-button-subtraction{background-color:#ade2ff;color:#032ad8}.calculator .calculator-body .calculator-frame .calculator-buttons .row .calculator-button-subtraction:hover{background-color:#8ccbff}.calculator .calculator-body .calculator-frame .calculator-buttons .row .calculator-button-subtraction:active{background-color:#6ab3ff}.calculator .calculator-body .calculator-frame .calculator-buttons .row .calculator-button-multiplication{background-color:#ade2ff;color:#032ad8}.calculator .calculator-body .calculator-frame .calculator-buttons .row .calculator-button-multiplication:hover{background-color:#8ccbff}.calculator .calculator-body .calculator-frame .calculator-buttons .row .calculator-button-multiplication:active{background-color:#6ab3ff}.calculator .calculator-body .calculator-frame .calculator-buttons .row .calculator-button-division{background-color:#ade2ff;color:#032ad8}.calculator .calculator-body .calculator-frame .calculator-buttons .row .calculator-button-division:hover{background-color:#8ccbff}.calculator .calculator-body .calculator-frame .calculator-buttons .row .calculator-button-division:active{background-color:#6ab3ff}.calculator .calculator-body .calculator-frame .calculator-buttons .row .calculator-button-percent{background-color:#ade2ff;color:#032ad8}.calculator .calculator-body .calculator-frame .calculator-buttons .row .calculator-button-percent:hover{background-color:#8ccbff}.calculator .calculator-body .calculator-frame .calculator-buttons .row .calculator-button-percent:active{background-color:#6ab3ff}.calculator .calculator-body .calculator-frame .calculator-buttons .row .calculator-button-clear{background-color:#ff4c4c;color:#fff}.calculator .calculator-body .calculator-frame .calculator-buttons .row .calculator-button-clear:hover{background-color:#e03c3c}.calculator .calculator-body .calculator-frame .calculator-buttons .row .calculator-button-clear:active{background-color:#c02c2c}.calculator .calculator-body .calculator-frame .calculator-buttons .row .calculator-button-clear:disabled{background-color:#d0d0d0;color:#838b8a;cursor:not-allowed}.calculator .calculator-body .calculator-frame .calculator-buttons .row .calculator-button-clear:disabled:hover{background-color:#d0d0d0}.calculator .calculator-body .calculator-frame .calculator-buttons .row .calculator-button-clear:disabled:active{background-color:#d0d0d0}.calculator .calculator-body .calculator-frame .calculator-buttons .row:last-child{margin-bottom:0}.main-layouts{display:flex;flex-direction:row;width:100%}.main-content{margin-left:76px;width:100%}