@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";.login-container{height:100vh;display:grid;grid-template-columns:4fr 2fr}.login-container .illustration-section{position:relative;padding:20px 30px}.login-container .illustration-section .text-container{display:flex;flex-direction:column;z-index:2}.login-container .illustration-section .text-container .logo{font-size:40px;font-weight:600}.login-container .illustration-section .text-container .description{font-size:24px;font-weight:200;color:var(--text-4)}.login-container .illustration-section .meeting-illustration{max-height:450px;z-index:1}.login-container .illustration-section .wave-illustration{z-index:-1;position:absolute;bottom:0;left:0}.login-section{display:flex;padding:50px;flex-direction:column;justify-content:center;align-items:left;gap:20px;background-color:var(--table)}.login-section form{display:flex;flex-direction:column}.login-section form label{font-weight:600;font-size:16px}.login-section form .input-data{height:32px;border:solid .01em var(--text-3);background-color:var(--input);color:var(--text-3);border-radius:10px;font-size:14px;margin-bottom:30px;outline:none;padding:0 8px}.login-section form .error-message{color:var(--red)}.login-section form input[type=submit]{margin-top:20px;height:32px;border:none;border-radius:10px;cursor:pointer;font-size:16px;font-weight:300;color:var(--button-text);background-color:var(--selection)}.login-section form .register-link{margin-top:20px;color:var(--text-3);font-size:14px;text-decoration:none;cursor:pointer;transition:color .3s}.login-section form .register-link:hover{color:var(--text-1)}@media (max-width: 600px){.login-container{grid-template-columns:1fr}}.focus-in-expand{-webkit-animation:focus-in-expand .8s cubic-bezier(.25,.46,.45,.94) both;animation:focus-in-expand .8s cubic-bezier(.25,.46,.45,.94) both}@-webkit-keyframes focus-in-expand{0%{-webkit-filter:blur(12px);filter:blur(12px);opacity:0}to{-webkit-filter:blur(0px);filter:blur(0px);opacity:1}}@keyframes focus-in-expand{0%{letter-spacing:-.5em;-webkit-filter:blur(12px);filter:blur(12px);opacity:0}to{-webkit-filter:blur(0px);filter:blur(0px);opacity:1}}.fade-in-left{-webkit-animation:fade-in-left 1.3s cubic-bezier(.39,.575,.565,1) .8s both;animation:fade-in-left 1.3s cubic-bezier(.39,.575,.565,1) .8s both}@-webkit-keyframes fade-in-left{0%{-webkit-transform:translateX(-50px);transform:translate(-50px);opacity:0}to{-webkit-transform:translateX(0);transform:translate(0);opacity:1}}@keyframes fade-in-left{0%{-webkit-transform:translateX(-50px);transform:translate(-50px);opacity:0}to{-webkit-transform:translateX(0);transform:translate(0);opacity:1}}.navigation-menu{top:0;z-index:2;height:100vh;font-size:12px;position:fixed;display:flex;gap:30px;flex-direction:column;padding:0 10px;background-color:var(--table);--grid-columns: max-content 0fr}.navigation-menu ul{display:flex;height:100%;flex-direction:column;list-style:none;gap:10px}.navigation-menu ul li{display:grid;align-items:center;gap:5px;grid-template-columns:var(--grid-columns);white-space:nowrap;transition:all .5s ease-in-out;-webkit-user-select:none;user-select:none}.navigation-menu ul li .hide-item{overflow:hidden}.navigation-menu ul:has(:hover),.navigation-menu ul:hover{--grid-columns: max-content 1fr}.navigation-menu .navigation-menu-logo{font-size:24px;font-weight:600;margin:30px 0;-webkit-user-select:none;user-select:none;color:var(--text-1)}.navigation-menu .navigation-menu-logo svg{margin-left:6px}.navigation-menu .section-item{height:38px;padding:0 5px;border-radius:8px;color:var(--text-2);cursor:pointer}.navigation-menu .section-item svg{margin-left:3px;max-width:20px}.navigation-menu .section-item:hover{background-color:var(--hover)}.navigation-menu .section-item.selected{background-color:var(--selection);color:var(--button-text)}.table{display:flex;flex-direction:column;gap:16px;padding:30px 20px;background-color:var(--table);border-radius:20px}.table .table-name{font-size:22px;font-weight:600}.table .table-options{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;align-items:end}.table .table-options .search-bar{width:250px;border:none;outline:none;border-radius:10px;padding:6px;background-color:var(--hover);color:var(--text-1)}.table .table-tools{display:flex;justify-content:end;flex-wrap:wrap}.table .table-tools button{display:flex;padding:0 6px;align-items:center;justify-content:left;color:var(--text-2);font-size:12px;font-weight:400;border-radius:5px;background:var(--table);transition:all .2s ease-in-out;-webkit-user-select:none;user-select:none}.table .table-tools button:hover{background-color:var(--hover)}.table .table-tools button svg{max-width:18px;stroke:var(--icon-1)}.table .table-tools button.hide-option{pointer-events:none;opacity:40%}.table .table-content{max-height:80vh;overflow-y:scroll;display:flex;flex-direction:column;font-size:12px}.table .table-content table,.table .table-content th,.table .table-content td{border:.01em var(--hover) solid;border-collapse:collapse}.table .table-content tr{width:auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));place-content:center}.table .table-content tr th{font-weight:400;color:var(--text-2);text-align:left}.table .table-content tr td,.table .table-content tr th{min-height:100%;text-wrap:nowrap;padding:5px 10px}.table .table-content tr td{overflow:hidden}.table .table-content tr td svg{max-width:18px}.table .table-content tbody tr:hover:not(.selected){cursor:pointer;background-color:var(--hover)}.table .table-content tr.selected{background-color:var(--hover-2)}.table .table-content tr td .tipo-cuenta{display:inline-block;width:5rem;text-align:center;border-radius:3px;padding:0 8px}.table .table-content .tipo-cuenta.Acreedor{color:var(--green);border:1px solid;background-color:#4dfd829c}.table .table-content .tipo-cuenta.Deudor{color:var(--red);border:1px solid;background-color:#f06d6dad}.table .table-content .table-list{display:flex;justify-content:right;list-style:none;font-size:14px}.table .table-content .table-list li{color:var(--icon-1);cursor:pointer;border:1px solid var(--hover-2);border-bottom:none;border-radius:5px 5px 0 0;font-weight:400;padding:0 10px}.table .table-content .table-list li:hover,.table .table-content .table-list li.selected{background-color:var(--hover)}.table-content::-webkit-scrollbar{width:8px}.table-content::-webkit-scrollbar-track{background:var(--table);border-radius:3px}.table-content::-webkit-scrollbar-thumb{background:var(--icon-1);border-radius:3px}@supports not selector(::-webkit-scrollbar){.table-content{scrollbar-color:var(--background) var(--icon-1)}}.modal-overlay{position:fixed;top:0;left:0;display:grid;place-items:center;width:100%;height:100%;z-index:2;background-color:#000000bf;opacity:0;animation:fadeIn .3s forwards}.modal{display:flex;flex-direction:column;overflow:hidden;gap:10px;max-height:90vh;max-width:70vw;min-width:320px;padding:20px;background-color:var(--table);border-radius:20px;position:relative}.modal .close-button{position:absolute;display:grid;place-content:center;top:10px;right:10px;cursor:pointer;width:25px;height:25px;border-radius:50%;border:none;background-color:transparent;outline:none;transition:all .2s ease-in-out}.modal .close-button svg{max-width:18px;stroke:var(--icon-1)}.modal .close-button:hover{background-color:var(--hover)}.modal .form{display:flex;padding:20px 0 0;flex-direction:column;font-size:14px;gap:5px}.modal .form label{font-weight:400;color:var(--text-3)}.modal .form .input-data,.modal .form input{width:100%;height:32px;border:none;border-bottom:1px solid var(--hover);background-color:var(--table);color:var(--text-1);margin-bottom:15px;outline:none;padding:0 8px}.modal .form .input-data.error{color:var(--error);border:2px solid}.modal .buttons-container{display:flex;align-items:center;justify-content:flex-end}.modal .buttons-container button,.modal .buttons-container input[type=submit]{width:fit-content;padding:0 15px;height:32px;border:none;border-radius:10px;cursor:pointer;background-color:var(--selection);color:var(--button-text)}.modal .buttons-container .cancel-btn{background-color:transparent;color:var(--text-3)}.modal .buttons-container .delete-btn{background-color:var(--red)}.modal .buttons-container .hide-btn{pointer-events:none;opacity:40%}.modal .buttons-container .error-message{color:var(--error);padding:0 10px}.modal .table{padding:0}.modal .add-entry .entry-info{display:flex;gap:15px}.modal .add-entry .entry-info input[type=date]{max-width:200px}.modal .add-entry .items-container{max-height:40vh;overflow-y:scroll;width:100%;display:grid;grid-template-columns:2fr 1fr 1fr 20px;align-items:center;gap:5px 15px;padding:15px 0}.modal .add-entry .items-container button{border-radius:10px;background:transparent;width:fit-content;color:var(--text-3)}.modal .add-entry .items-container .add-item{padding:8px;background-color:var(--hover)}.modal .add-entry .total{display:flex;gap:20px;justify-content:end;padding:15px 0;border-top:1px solid var(--hover)}@keyframes fadeIn{to{opacity:1}}.items-container::-webkit-scrollbar{width:8px}.items-container::-webkit-scrollbar-track{background:var(--table);border-radius:3px}.items-container::-webkit-scrollbar-thumb{background:var(--icon-1);border-radius:3px}@supports not selector(::-webkit-scrollbar){.items-container{scrollbar-color:var(--background) var(--icon-1)}}.button-component{border:none;display:flex;align-items:center;gap:4px;cursor:pointer;background:transparent;color:var(--text-1);border-radius:5px;padding:0 5px;transition:all .3s ease-in-out;max-width:fit-content;outline:0}.button-component:hover{background-color:var(--hover-2)}.course-card{border-radius:14px;padding:10px;background-color:var(--table)}.course-card .course-name{font-weight:600}.course-card:hover{cursor:pointer;background-color:var(--hover)}.add-course-btn{padding:10px;background-color:var(--table);color:var(--text-2);border-radius:14px}.courses-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.course-header{display:flex;justify-content:space-between;align-items:center;color:var(--text-1);padding-top:30px}.course-header p{color:var(--text-2)}.course-header p .course-code{font-size:1.5rem;font-weight:700;color:var(--selection)}.delete-course-btn{padding:10px;background-color:var(--table);color:var(--text-2);border-radius:14px}.settings-section{padding:20px;border-bottom:1px solid var(--hover)}.settings-section h3{font-weight:600}.settings-section form{min-width:200px;max-width:600px;padding-top:10px;display:grid;grid-template-columns:repeat(2,1fr);gap:5px}.settings-section form label{font-size:14px;color:var(--text-3);grid-column:1/-1}.settings-section form input[type=text]{height:32px;border:solid 2px var(--icon-1);background-color:var(--table);color:var(--text-3);border-radius:8px;margin-bottom:15px;outline:none;padding:0 8px}.settings-section form input[type=submit]{width:fit-content;padding:0 15px;height:32px;border:none;border-radius:8px;cursor:pointer;background-color:var(--icon-1);color:var(--button-text);transition:all .2s ease-in-out}[data-theme=light]{--background: #f2f3f6;--table: #ffffff;--selection: #3b225b;--input: #ffffff;--button-text: #ffffff;--hover: #e3e6f07a;--hover-2: #e3e6f0b2;--text-1: #1e1f22;--text-2: #b5b7c0;--text-3: #999999;--icon-1: #656565;--error: #9c0000;--red: #9c0000;--green: #007c25}[data-theme=dark]{--background: #1e1f22;--table: #2c2d30;--selection: #7745b9;--input: #3b3f41;--input-text: #ffffff;--button-text: #ffffff;--hover: #3b3f4194;--hover-2: #3d4142;--text-1: #ffffff;--text-2: #b5b7c0;--text-3: #9197b3;--icon-1: #656565;--error: #d43030;--red: #710000;--green: #005219}*{margin:0;padding:0;box-sizing:border-box;font-family:Poppins,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}body{background-color:var(--background);color:var(--text-1)}main{display:flex;flex-direction:column;gap:20px;padding:30px 20px 30px 80px;position:relative}.page-title{font-size:22px;font-weight:600}a{text-decoration:none;color:var(--text-1)}.cursos-tables,.users-tables{display:grid;grid-template-columns:2fr 1fr;gap:20px}.users-tables>*{overflow:auto}.users-tables>*:nth-child(3){grid-column:1/-1}.theme-switcher{z-index:1;position:absolute;display:grid;place-content:center;top:30px;right:20px;cursor:pointer;width:25px;height:25px;border-radius:50%;transition:all .2s ease-in-out}.theme-switcher svg{max-width:18px;stroke:var(--icon-1)}@media (max-width: 900px){.users-tables,.cursos-tables{grid-template-columns:1fr}}body::-webkit-scrollbar{width:8px}body::-webkit-scrollbar-track{background:var(--background);border-radius:3px}body::-webkit-scrollbar-thumb{background:var(--icon-1);border-radius:3px}@supports not selector(::-webkit-scrollbar){body{scrollbar-color:var(--background) var(--icon-1)}}.signup-page{height:100vh;max-width:100vw;display:flex;justify-content:center;align-items:center;padding:0}.signup-section{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8px;min-width:40vw;max-width:450px;border-radius:20px;background-color:var(--table)}.signup-section .success-message{color:var(--text-1);font-weight:600;font-size:16px;margin-top:20px}.signup-section form{width:100%;display:flex;flex-direction:column;gap:13px;padding:24px}.signup-section form .role-options{display:flex;flex-direction:row;border:1px solid var(--text-3);border-radius:10px;background:var(--input)}.signup-section form .role-options label{flex:1;display:flex;align-items:center;cursor:pointer;border-radius:10px;padding:10px 0;transition:all .5s ease-in-out}.signup-section form .role-options label input[type=radio]{display:none}.signup-section form .role-options label:has(input[type=radio]:checked){background:var(--selection)}.signup-section form label{display:flex;flex-direction:column;gap:4px;font-weight:600;font-size:16px}.signup-section form .input-data{height:32px;border:solid .01em var(--text-3);background-color:var(--input);color:var(--text-3);border-radius:10px;font-size:14px;outline:none;padding:0 8px}.signup-section form .error-message{color:var(--red)}.signup-section form input[type=submit]{grid-column:1 / -1;margin-top:20px;height:32px;border:none;border-radius:10px;cursor:pointer;font-size:16px;font-weight:300;color:var(--button-text);background-color:var(--selection)}