@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;margin:0;padding:0}body{font-family:Inter,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:12px;line-height:1.5;color:#f8f8f2;background-color:#282a36;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body::-webkit-scrollbar{width:6px;height:6px}body::-webkit-scrollbar-track{background:#1e1f29}body::-webkit-scrollbar-thumb{background:#8b9dc3;border-radius:3px}body::-webkit-scrollbar-thumb:hover{background:#6272a4}h1,h2,h3,h4,h5,h6{margin:0;font-weight:600;color:#f8f8f2;line-height:1.2}h1{font-size:18px}h2{font-size:16px}h3{font-size:14px}h4{font-size:13px}h5{font-size:12px}h6{font-size:11px}p{margin:0;color:#6272a4}a{color:#8be9fd;text-decoration:none;transition:color .2s ease}a:hover{color:#5fb3d3}input,textarea,select{width:100%;padding:4px 6px;background-color:#1e1f29;border:1px solid rgba(255,255,255,.1);border-radius:4px;color:#f8f8f2;font-family:Inter,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:12px;transition:all .2s ease;min-height:32px}input::placeholder,textarea::placeholder,select::placeholder{color:#8b9dc3}input:focus,textarea:focus,select:focus{outline:none;border-color:#8be9fd;background-color:#21222c}input:disabled,textarea:disabled,select:disabled{opacity:.5;cursor:not-allowed}button{display:inline-flex;align-items:center;justify-content:center;gap:4px;padding:4px 8px;border:1px solid transparent;border-radius:4px;font-family:Inter,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap;min-height:32px}button:disabled{opacity:.5;cursor:not-allowed}button{background-color:transparent;color:#f8f8f2;border:1px solid rgba(255,255,255,.1)}button:hover:not(:disabled){background-color:#343746;border-color:#fff3}button:active:not(:disabled){background-color:#21222c}*::-webkit-scrollbar{width:6px;height:6px}*::-webkit-scrollbar-track{background:#1e1f29}*::-webkit-scrollbar-thumb{background:#8b9dc3;border-radius:3px}*::-webkit-scrollbar-thumb:hover{background:#6272a4}::selection{background-color:#8be9fd4d;color:#f8f8f2}::-moz-selection{background-color:#8be9fd4d;color:#f8f8f2}:focus-visible{outline:2px solid #8be9fd;outline-offset:2px}:disabled{opacity:.5;cursor:not-allowed}.text-primary{color:#f8f8f2}.text-secondary{color:#6272a4}.text-muted{color:#8b9dc3}.text-blue{color:#8be9fd}.text-green{color:#50fa7b}.text-yellow{color:#f1fa8c}.text-red{color:#f55}.text-purple{color:#bd93f9}.bg-primary{background-color:#282a36}.bg-secondary{background-color:#1e1f29}.bg-tertiary{background-color:#21222c}.flex{display:flex}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.flex-column{display:flex;flex-direction:column}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mt-xs{margin-top:2px}.mt-sm{margin-top:4px}.mt-md{margin-top:6px}.mt-lg{margin-top:8px}.mb-xs{margin-bottom:2px}.mb-sm{margin-bottom:4px}.mb-md{margin-bottom:6px}.mb-lg{margin-bottom:8px}.p-xs{padding:2px}.p-sm{padding:4px}.p-md{padding:6px}.p-lg{padding:8px}::ng-deep .mat-mdc-table{background-color:#1e1f29;color:#f8f8f2}::ng-deep .mat-mdc-header-row{background-color:#21222c}::ng-deep .mat-mdc-row:hover{background-color:#343746}::ng-deep .mat-mdc-form-field .mat-mdc-text-field-wrapper{background-color:#1e1f29}::ng-deep .mat-mdc-form-field .mat-mdc-form-field-input-control{color:#f8f8f2}::ng-deep .mat-mdc-form-field .mat-mdc-form-field-label{color:#6272a4}::ng-deep .mat-mdc-form-field.mat-focused .mat-mdc-form-field-label{color:#8be9fd}::ng-deep .mat-mdc-button.mat-primary,::ng-deep .mat-mdc-raised-button.mat-primary,::ng-deep .mat-mdc-outlined-button.mat-primary{background-color:#8be9fd;color:#282a36}::ng-deep .mat-mdc-button.mat-primary:hover,::ng-deep .mat-mdc-raised-button.mat-primary:hover,::ng-deep .mat-mdc-outlined-button.mat-primary:hover{background-color:#5fb3d3}::ng-deep .mat-mdc-menu-panel{background-color:#1e1f29;border:1px solid rgba(255,255,255,.1);border-radius:4px}::ng-deep .mat-mdc-menu-item{color:#f8f8f2}::ng-deep .mat-mdc-menu-item:hover{background-color:#343746}::ng-deep .mat-mdc-menu-item mat-icon{color:#6272a4}::ng-deep .mat-mdc-tab-group .mat-mdc-tab-header{background-color:#1e1f29;border-bottom:1px solid rgba(255,255,255,.1)}::ng-deep .mat-mdc-tab-group .mat-mdc-tab{color:#6272a4}::ng-deep .mat-mdc-tab-group .mat-mdc-tab.mdc-tab--active{color:#8be9fd}::ng-deep .mat-mdc-tab-group .mdc-tab-indicator__content--underline{border-color:#8be9fd}::ng-deep .mat-mdc-paginator{background-color:#1e1f29;color:#f8f8f2;border-top:1px solid rgba(255,255,255,.1)}::ng-deep .mat-mdc-paginator .mat-mdc-paginator-page-size-label,::ng-deep .mat-mdc-paginator .mat-mdc-paginator-range-label{color:#6272a4}::ng-deep .mat-mdc-paginator .mat-mdc-icon-button{color:#6272a4}::ng-deep .mat-mdc-paginator .mat-mdc-icon-button:hover{color:#f8f8f2}::ng-deep .mat-mdc-tooltip{background-color:#21222c;color:#f8f8f2;font-size:10px;padding:2px 4px;border:1px solid rgba(255,255,255,.1)}::ng-deep .cdk-overlay-backdrop{background-color:#000000d9!important;backdrop-filter:blur(6px)!important;-webkit-backdrop-filter:blur(6px)!important;z-index:10001!important;position:fixed!important;inset:0!important;width:100%!important;height:100%!important}::ng-deep .cdk-overlay-container{z-index:10001!important}::ng-deep .cdk-overlay-pane{z-index:10002!important}::ng-deep body:has(.cdk-overlay-backdrop.cdk-overlay-backdrop-showing) .janela-overlay{filter:blur(6px)!important;opacity:.5!important;transition:filter .3s ease,opacity .3s ease;pointer-events:none!important}::ng-deep body:has(.cdk-overlay-backdrop.cdk-overlay-backdrop-showing) .janela-overlay .janela-content{pointer-events:auto}::ng-deep .cdk-overlay-backdrop.cdk-overlay-backdrop-showing~* .janela-overlay{filter:blur(6px)!important;opacity:.5!important;transition:filter .3s ease,opacity .3s ease;pointer-events:none!important}::ng-deep .cdk-overlay-backdrop.cdk-overlay-backdrop-showing~* .janela-overlay .janela-content{pointer-events:auto}::ng-deep .mat-mdc-dialog-container{background-color:#282a36!important;color:#f8f8f2;border:2px solid rgba(255,255,255,.2)!important;border-radius:4px;padding:48px 16px 16px;margin-top:32px;box-shadow:0 8px 32px #0006;z-index:10002!important}::ng-deep .mat-mdc-dialog-container .mdc-dialog__surface{background-color:#282a36!important;border:2px solid rgba(255,255,255,.2)!important;border-radius:4px}::ng-deep .mdc-dialog__surface{background-color:#282a36!important;border:2px solid rgba(255,255,255,.2)!important;border-radius:4px}::ng-deep .mat-mdc-dialog-title{color:#f8f8f2;font-size:16px;font-weight:600;margin-bottom:0}::ng-deep .mat-mdc-dialog-title.dialog-header-title{margin:0}::ng-deep .mat-mdc-dialog-content{color:#6272a4;font-size:12px;line-height:1.5;padding:0;margin:0}::ng-deep .mat-mdc-dialog-actions{margin-top:16px;padding:0;min-height:auto}::ng-deep .mat-mdc-dialog-actions button{margin-left:6px}::ng-deep .mat-mdc-dialog-actions button:first-child{margin-left:0}::ng-deep .mat-mdc-snack-bar-container{background-color:#1e1f29!important;color:#f8f8f2!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:4px!important}::ng-deep .mat-mdc-snack-bar-container.success-snackbar{background-color:#50fa7b33!important;border-color:#50fa7b!important;color:#50fa7b!important}::ng-deep .mat-mdc-snack-bar-container.error-snackbar{background-color:#f553!important;border-color:#f55!important;color:#f55!important}::ng-deep .mat-mdc-snack-bar-container .mat-mdc-snack-bar-label{color:inherit!important}::ng-deep .mat-mdc-snack-bar-container .mat-mdc-button{color:inherit!important}*{box-sizing:border-box}body{margin:0;padding:0;font-family:Inter,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}mat-sidenav{background-color:#f7f8fa!important;border-right:1px solid #e1e1e1!important;box-shadow:2px 0 10px #0000001a!important;width:280px!important;max-width:280px!important;min-width:280px!important;overflow-x:hidden!important}app-side-menu{background-color:#f7f8fa!important;display:block;height:100%;width:100%;overflow-x:hidden!important}.mat-drawer-inner-container,.mat-sidenav{background-color:#f7f8fa!important;border-right:1px solid #e1e1e1!important;box-shadow:2px 0 10px #0000001a!important;width:280px!important;overflow-x:hidden!important}body.flashcards-fullscreen-active .mat-sidenav,body.flashcards-fullscreen-active .mat-drawer,body.flashcards-fullscreen-active mat-sidenav,body.flashcards-fullscreen-active mat-drawer,body.flashcards-fullscreen-active .mat-sidenav-container,body.flashcards-fullscreen-active .mat-drawer-container,body.flashcards-fullscreen-active .mat-drawer-backdrop,body.flashcards-fullscreen-active .mat-drawer-side,body.flashcards-fullscreen-active [class*=mat-sidenav],body.flashcards-fullscreen-active [class*=mat-drawer]{z-index:1!important;pointer-events:none!important}body.flashcards-fullscreen-active .top-menu-container,body.flashcards-fullscreen-active .menu-overlay{z-index:1!important;pointer-events:none!important}body.flashcards-fullscreen-active .top-header{z-index:1!important}body.flashcards-fullscreen-active .fullscreen-overlay{z-index:2147483647!important;pointer-events:auto!important;position:fixed!important}body.flashcards-fullscreen-active *[style*=z-index]:not(.fullscreen-overlay):not(.fullscreen-container):not(.fullscreen-header):not(.fullscreen-grid):not(.fullscreen-actions){z-index:1!important}.navigation-buttons{display:flex;gap:12px;justify-content:center;margin:24px 0 8px}.navigation-buttons button[mat-stroked-button],.navigation-buttons .btn,.navigation-buttons .btn-stroked,.navigation-buttons button{background:var(--pure-white, #fff);color:var(--primary-black, #000);border:2px solid var(--primary-black, #000);box-shadow:0 2px 8px #00000014;transition:background .2s,color .2s,border-color .2s,box-shadow .2s;font-weight:600;letter-spacing:.5px;border-radius:6px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:120px;min-height:40px}.navigation-buttons button[mat-stroked-button] mat-icon,.navigation-buttons .btn mat-icon,.navigation-buttons .btn-stroked mat-icon,.navigation-buttons button mat-icon{color:var(--primary-black, #000);font-size:20px;transition:color .2s;margin:0;display:inline-flex;align-items:center;justify-content:center}.navigation-buttons button[mat-stroked-button] span,.navigation-buttons button[mat-stroked-button] .mat-button-wrapper,.navigation-buttons .btn span,.navigation-buttons .btn .mat-button-wrapper,.navigation-buttons .btn-stroked span,.navigation-buttons .btn-stroked .mat-button-wrapper,.navigation-buttons button span,.navigation-buttons button .mat-button-wrapper{display:inline-flex;align-items:center;justify-content:center;width:100%}.navigation-buttons button[mat-stroked-button]:hover,.navigation-buttons button[mat-stroked-button]:focus,.navigation-buttons .btn:hover,.navigation-buttons .btn:focus,.navigation-buttons .btn-stroked:hover,.navigation-buttons .btn-stroked:focus,.navigation-buttons button:hover,.navigation-buttons button:focus{background:var(--primary-black, #000);color:var(--pure-white, #fff);border-color:var(--primary-black, #000);box-shadow:0 4px 16px #0000002e}.navigation-buttons button[mat-stroked-button]:hover mat-icon,.navigation-buttons button[mat-stroked-button]:focus mat-icon,.navigation-buttons .btn:hover mat-icon,.navigation-buttons .btn:focus mat-icon,.navigation-buttons .btn-stroked:hover mat-icon,.navigation-buttons .btn-stroked:focus mat-icon,.navigation-buttons button:hover mat-icon,.navigation-buttons button:focus mat-icon{color:var(--pure-white, #fff)}.navigation-buttons button[mat-stroked-button]:active,.navigation-buttons .btn:active,.navigation-buttons .btn-stroked:active,.navigation-buttons button:active{background:#222;color:#fff;border-color:#222}.navigation-buttons button[mat-stroked-button]:active mat-icon,.navigation-buttons .btn:active mat-icon,.navigation-buttons .btn-stroked:active mat-icon,.navigation-buttons button:active mat-icon{color:#fff}.header-generic-content{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.25rem;border-bottom:1px solid rgba(0,0,0,.06);background:#fff}.header-left{display:flex;align-items:center;gap:1rem}.breadcrumb a{color:#444;text-decoration:none;font-size:.95rem;opacity:.9}.page-title h2{margin:0;font-size:1.25rem;font-weight:600;color:#222}@media(max-width:720px){.header-generic-content{flex-direction:column;align-items:stretch;gap:.75rem}.navigation-buttons{flex-wrap:wrap;justify-content:flex-start}}