@charset "UTF-8";:root{--secondary:#ffad23;--white:#ffffff;--black:#ffffff;--semantic-text-dark-tertiary:#757575;--semantic-text-dark-default:#0A0D14E5;--semantic-text-dark-secondary:#444444;--semantic-border-light-secondary:#D9D9D9;--bg-attention-default:#FEE8B7;--text-attention-default:#9C4600;--semantic-border-attention-secondary:#FEE8B7;--semantic-elevation-base-secondary:#F5F5F5;--bg-danger-default:#FFEBEB;--semantic-border-danger-secondary:#FDDBD7;--bg-success-default:#E1F8DF;--semantic-border-success-secondary:#CBEDE2;--text-success:#075748;--text-danger:#8F0212;--semantic-link-default:#007BE5;--color-border-disabled:#F2F4F7;--color-background-neutral-disabled:#F2F4F7;--color-text-neutral-disabled:#98A2B3;--color-text-neutral-subtle:#344054;--color-background-info-subtle-default:#E4F9FF;--color-background-danger-subtle-default:#FFEBEB;--color-border-danger-light:#FDDBD7;--color-background-success-subtle-default:#DFF3ED;--color-border-success-light:#CBEDE2;--button-radius-lg:8px;--font-size-xl:1.25rem;--font-size-lg:1.125rem;--font-size-md:1.0rem;--font-size-sm:0.8rem;--font-size-xs:0.75rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700}@font-face{font-family:InstrumentSans;src:url("/quantum-v2.4.1-202409120001/assets/fonts/InstrumentSans/fonts/ttf/InstrumentSans-Bold.ttf") format("ttf");font-weight:700;font-style:normal;line-height:18px}@font-face{font-family:InstrumentSans;src:url("/quantum-v2.4.1-202409120001/assets/fonts/InstrumentSans/fonts/ttf/InstrumentSans-BoldItalic.ttf") format("ttf");font-weight:700;font-style:italic;line-height:18px}@font-face{font-family:InstrumentSans;src:url("/quantum-v2.4.1-202409120001/assets/fonts/InstrumentSans/fonts/ttf/InstrumentSans-SemiBold.ttf") format("ttf");font-weight:600;font-style:normal;line-height:18px}@font-face{font-family:InstrumentSans;src:url("/quantum-v2.4.1-202409120001/assets/fonts/InstrumentSans/fonts/ttf/InstrumentSans-SemiBoldItalic.ttf") format("ttf");font-weight:600;font-style:italic;line-height:18px}@font-face{font-family:InstrumentSans;src:url("/quantum-v2.4.1-202409120001/assets/fonts/InstrumentSans/fonts/ttf/InstrumentSans-Medium.ttf") format("ttf");font-weight:500;font-style:normal;line-height:18px}@font-face{font-family:InstrumentSans;src:url("/quantum-v2.4.1-202409120001/assets/fonts/InstrumentSans/fonts/ttf/InstrumentSans-MediumItalic.ttf") format("ttf");font-weight:500;font-style:italic;line-height:18px}@font-face{font-family:InstrumentSans;src:url("/quantum-v2.4.1-202409120001/assets/fonts/InstrumentSans/fonts/ttf/InstrumentSans-Regular.ttf") format("ttf");font-weight:400;font-style:normal;line-height:18px}@font-face{font-family:InstrumentSans;src:url("/quantum-v2.4.1-202409120001/assets/fonts/InstrumentSans/fonts/ttf/InstrumentSans-Italic.ttf") format("ttf");font-weight:400;font-style:italic;line-height:18px}.assign-card-detail .description-container .label,.assign-card-detail .duedate-container .label,.assign-card-detail .lampiran-container .label,.assign-card-detail .question-team-container .label,.assign-main .submission-info-text,.assign-summary-container .summary-answer-container .answer-header .answer-date,.expandable-description-container .expandable-label,.jawaban-anda-header .btn-history,.jawaban-anda-header .user-info,.jawaban-attachment-container .attachment-item .attachment-info .attachment-size,.navbar-form-subtitle,.text-xs,.tugas-content-list-post .due-date,.tugas-content-list-post .due-date-danger{font-family:InstrumentSans,sans-serif;font-size:12px;font-style:normal;line-height:1.5;font-weight:400;color:var(--semantic-text-dark-default)}.assign-card-detail .duedate-container .missed .text,.assign-card-detail .duedate-container .submitted .text,.assign-card-detail .duedate-container .timer .text,.text-xs-m{font-family:InstrumentSans,sans-serif;font-size:12px;font-style:normal;line-height:1.5;font-weight:500;color:var(--semantic-text-dark-default)}.text-xs-sb{font-family:InstrumentSans,sans-serif;font-size:12px;font-style:normal;line-height:1.5;font-weight:600;color:var(--semantic-text-dark-default)}.text-xs-b{font-family:InstrumentSans,sans-serif;font-size:12px;font-style:normal;line-height:1.5;font-weight:700;color:var(--semantic-text-dark-default)}.assign-card-detail .description-container .description,.assign-card-detail .duedate-container .date,.assign-card-detail .question-team-container .description,.assign-card-team-member-container .card-team-member-header .member-count,.assign-summary-container .summary-answer-container .answer-text-container .answer-text,.assign-summary-container .summary-feedback-container .feedback-text-container .feedback-text,.expandable-description-container .expandable-wrapper .expandable-content,.jawaban-attachment-container .attachment-item .attachment-info .attachment-name,.quill-wrapper .quill-character-counter,.text-sm,.tugas-content-list-post .desc,.tugas-modal-text-container .tugas-modal-confirmation-subtext{font-family:InstrumentSans,sans-serif;font-size:14px;font-style:normal;line-height:1.5;font-weight:400;color:var(--semantic-text-dark-default)}.text-sm-italic{font-family:InstrumentSans,sans-serif;font-size:14px;font-style:italic;line-height:1.5;font-weight:400;color:var(--semantic-text-dark-default)}.assign-card-detail .assign-card-header .badge .text,.assign-card-detail .assign-card-header .title,.assign-card-team-member-container .card-team-member-header .title,.assign-card-team-member-container .team-member-list-container .member-item .text,.jawaban-under-review-container .under-review-text,.lq-answered-container .text,.text-sm-m,.tugas-content-list-post .closed,.tugas-modal-empty-answer-confirmation-button-container .btn-add-answer,.tugas-modal-empty-answer-confirmation-button-container .btn-still-empty{font-family:InstrumentSans,sans-serif;font-size:14px;font-style:normal;line-height:1.5;font-weight:500;color:var(--semantic-text-dark-default)}.assign-summary-container .summary-answer-container .answer-header .title-container .answer-title,.assign-summary-container .summary-feedback-container .feedback-header .feedback-title,.feedback-container .feedback-btn,.feedback-container .feedback-text,.jawaban-btn-kirim-ulang .text,.jawaban-btn-tambah .text,.navbar-form-title,.text-sm-sb,.tugas-tutup-container .text{font-family:InstrumentSans,sans-serif;font-size:14px;font-style:normal;line-height:1.5;font-weight:600;color:var(--semantic-text-dark-default)}.text-sm-b{font-family:InstrumentSans,sans-serif;font-size:14px;font-style:normal;line-height:1.5;font-weight:700;color:var(--semantic-text-dark-default)}.assign-summary-container .summary-bottom-container .lbl-grade,.text-md{font-family:InstrumentSans,sans-serif;font-size:16px;font-style:normal;line-height:1.5;font-weight:400;color:var(--semantic-text-dark-default)}.text-md-italic{font-family:InstrumentSans,sans-serif;font-size:16px;font-style:italic;line-height:1.5;font-weight:400;color:var(--semantic-text-dark-default)}.assign-card-detail .material-title,.assign-summary-container .summary-group-name,.text-md-m,.tugas-content-list-post .kelompok-due-date .title,.tugas-content-list-post .title{font-family:InstrumentSans,sans-serif;font-size:16px;font-style:normal;line-height:1.5;font-weight:500;color:var(--semantic-text-dark-default)}.text-md-sb,.tugas-modal-text-container .tugas-modal-confirmation-text{font-family:InstrumentSans,sans-serif;font-size:16px;font-style:normal;line-height:1.5;font-weight:600;color:var(--semantic-text-dark-default)}.text-md-b{font-family:InstrumentSans,sans-serif;font-size:16px;font-style:normal;line-height:1.5;font-weight:700;color:var(--semantic-text-dark-default)}.text-lg{font-family:InstrumentSans,sans-serif;font-size:18px;font-style:normal;line-height:1.5;font-weight:400;color:var(--semantic-text-dark-default)}.text-lg-m{font-family:InstrumentSans,sans-serif;font-size:18px;font-style:normal;line-height:1.5;font-weight:500;color:var(--semantic-text-dark-default)}.assign-summary-container .summary-bottom-container .grade,.text-lg-sb{font-family:InstrumentSans,sans-serif;font-size:18px;font-style:normal;line-height:1.5;font-weight:600;color:var(--semantic-text-dark-default)}.text-lg-b{font-family:InstrumentSans,sans-serif;font-size:18px;font-style:normal;line-height:1.5;font-weight:700;color:var(--semantic-text-dark-default)}.text-xl{font-family:InstrumentSans,sans-serif;font-size:20px;font-style:normal;line-height:1.5;font-weight:400;color:var(--semantic-text-dark-default)}.text-xl-m{font-family:InstrumentSans,sans-serif;font-size:20px;font-style:normal;line-height:1.5;font-weight:500;color:var(--semantic-text-dark-default)}.text-xl-sb{font-family:InstrumentSans,sans-serif;font-size:20px;font-style:normal;line-height:1.5;font-weight:600;color:var(--semantic-text-dark-default)}.text-xl-b{font-family:InstrumentSans,sans-serif;font-size:20px;font-style:normal;line-height:1.5;font-weight:700;color:var(--semantic-text-dark-default)}.text-truncated{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:root{--mobile-max:767px;--tablet-min:768px;--tablet-max:1279px;--desktop-min:1280px}.layout-desktop{display:flex;height:100vh;overflow:hidden}.layout-desktop .desktop-sidebar{width:260px;background:#2c3e50;color:#fff;transition:width .3s ease;box-shadow:2px 0 5px rgba(0,0,0,.1)}.layout-desktop .desktop-sidebar .sidebar-content{display:flex;flex-direction:column;height:100%;padding:1rem}.layout-desktop .desktop-sidebar .sidebar-brand{display:flex;align-items:center;gap:.75rem;padding:1rem 0;margin-bottom:1rem}.layout-desktop .desktop-sidebar .sidebar-brand .brand-logo{width:40px;height:40px}.layout-desktop .desktop-sidebar .sidebar-brand .brand-name{font-size:1.25rem;font-weight:700}.layout-desktop .desktop-sidebar .sidebar-toggle{align-self:flex-end;background:0 0;border:none;color:#fff;padding:.5rem;cursor:pointer;margin-bottom:1rem}.layout-desktop .desktop-sidebar .sidebar-toggle:hover{background:rgba(255,255,255,.1);border-radius:4px}.layout-desktop .desktop-sidebar .sidebar-nav{flex:1;overflow-y:auto}.layout-desktop .desktop-sidebar .sidebar-nav .nav-list{list-style:none;padding:0;margin:0}.layout-desktop .desktop-sidebar .sidebar-nav .nav-item{margin-bottom:.5rem}.layout-desktop .desktop-sidebar .sidebar-nav .nav-item.active .nav-link{background:rgba(255,255,255,.2);border-left:3px solid #3498db}.layout-desktop .desktop-sidebar .sidebar-nav .nav-link{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;color:#fff;text-decoration:none;border-radius:4px;transition:background .2s}.layout-desktop .desktop-sidebar .sidebar-nav .nav-link:hover{background:rgba(255,255,255,.1)}.layout-desktop .desktop-sidebar .sidebar-nav .nav-link i{font-size:1.25rem;width:20px;text-align:center}.layout-desktop .desktop-sidebar .sidebar-nav .nav-link .nav-label{flex:1}.layout-desktop .desktop-sidebar .sidebar-user{display:flex;align-items:center;gap:.75rem;padding:1rem;border-top:1px solid rgba(255,255,255,.1);margin-top:auto}.layout-desktop .desktop-sidebar .sidebar-user .user-avatar{width:40px;height:40px;border-radius:50%}.layout-desktop .desktop-sidebar .sidebar-user .user-info{display:flex;flex-direction:column}.layout-desktop .desktop-sidebar .sidebar-user .user-info .user-name{font-weight:600;font-size:.875rem}.layout-desktop .desktop-sidebar .sidebar-user .user-info .user-role{font-size:.75rem;opacity:.8}.layout-desktop.sidebar-collapsed .desktop-sidebar{width:80px}.layout-desktop.sidebar-collapsed .desktop-sidebar .brand-name,.layout-desktop.sidebar-collapsed .desktop-sidebar .nav-label,.layout-desktop.sidebar-collapsed .desktop-sidebar .user-info{display:none}.layout-desktop.sidebar-collapsed .desktop-sidebar .sidebar-brand{justify-content:center}.layout-desktop.sidebar-collapsed .desktop-sidebar .nav-link{justify-content:center}.layout-desktop .desktop-main{flex:1;display:flex;flex-direction:column;overflow:hidden;background:#f5f6fa}.layout-desktop .desktop-main .desktop-header{height:72px;background:url("/assets/images/bg_navbar_dekstop.svg") center/cover no-repeat;border-bottom:1px solid #e0e0e0;box-shadow:0 2px 4px rgba(0,0,0,.05)}.layout-desktop .desktop-main .desktop-header .header-content{display:flex;justify-content:space-between;align-items:center;height:100%;padding:0 4rem}.layout-desktop .desktop-main .desktop-header .header-content .header-left{display:flex;align-items:center;gap:1rem}.layout-desktop .desktop-main .desktop-header .header-content .header-left .logo{width:auto;height:auto;margin-right:1rem}.layout-desktop .desktop-main .desktop-header .header-content .header-left .page-title{margin:0;color:#fff}.layout-desktop .desktop-main .desktop-header .header-content .header-middle{display:flex;align-items:center;gap:1.5rem}.layout-desktop .desktop-main .desktop-header .header-content .header-middle .menu{display:flex;gap:8px;align-items:center;color:#c6e8c5;cursor:pointer}.layout-desktop .desktop-main .desktop-header .header-content .header-middle .menu .label{color:#fff}.layout-desktop .desktop-main .desktop-header .header-content .header-middle .college-menu{position:relative;padding:8px 10px;border-radius:6px;transition:background 150ms ease,color 150ms ease}.layout-desktop .desktop-main .desktop-header .header-content .header-middle .college-menu .caret{color:#fff;font-size:.75rem}.layout-desktop .desktop-main .desktop-header .header-content .header-middle .college-menu:hover{background:rgba(255,255,255,.12)}.layout-desktop .desktop-main .desktop-header .header-content .header-middle .college-menu .college-submenu{position:absolute;top:calc(100% + 8px);right:0;left:auto;width:320px;background:#fff;color:#1f2937;box-shadow:0 12px 32px rgba(0,0,0,.18);border-radius:8px;padding:8px 0;z-index:10}.layout-desktop .desktop-main .desktop-header .header-content .header-middle .college-menu .college-submenu .submenu-item{display:flex;align-items:center;gap:8px;padding:10px 16px;font-size:.875rem;line-height:1.4;transition:background 120ms ease,color 120ms ease}.layout-desktop .desktop-main .desktop-header .header-content .header-middle .college-menu .college-submenu .submenu-item:hover{background:#f1f5f9}.layout-desktop .desktop-main .desktop-header .header-content .header-middle .college-menu .college-submenu .submenu-item.is-active{background:#e5f2ff;color:#0b5ed7}.layout-desktop .desktop-main .desktop-header .header-content .header-middle .college-menu .college-submenu .submenu-item .badge-new{background:#0a7f2e;color:#fff;font-size:.5rem;padding:2px 8px;border-radius:999px}.layout-desktop .desktop-main .desktop-header .header-content .header-middle .college-menu .college-submenu .submenu-separator{height:1px;background:#e5e7eb;margin:4px 0}.layout-desktop .desktop-main .desktop-header .header-content .header-right{display:flex;align-items:center;gap:1rem}.layout-desktop .desktop-main .desktop-header .header-content .header-right .header-btn{position:relative;background:0 0;border:none;font-size:1.25rem;color:#c6e8c5;cursor:pointer;padding:.5rem}.layout-desktop .desktop-main .desktop-header .header-content .header-right .header-btn .badge{position:absolute;top:0;right:0;background:#e74c3c;color:#fff;font-size:.625rem;padding:.125rem .375rem;border-radius:10px}.layout-desktop .desktop-main .desktop-header .header-content .header-right .user-menu{display:flex;align-items:center;gap:.75rem}.layout-desktop .desktop-main .desktop-header .header-content .header-right .user-menu .user-avatar-sm{width:36px;height:36px;border-radius:50%}.layout-desktop .desktop-main .desktop-header .header-content .header-right .user-menu .user-info{display:flex;flex-direction:column}.layout-desktop .desktop-main .desktop-header .header-content .header-right .user-menu .user-info .user-name{color:#fff}.layout-desktop .desktop-main .desktop-header .header-content .header-right .user-menu .btn-logout{background:0 0;border:none;color:#e74c3c;cursor:pointer;padding:.5rem;font-size:1.125rem}.layout-desktop .desktop-main .desktop-header .header-content .header-right .user-menu .btn-logout:hover{color:#c0392b}.layout-desktop .desktop-main .desktop-content{flex:1;overflow-y:auto;padding:2rem}.layout-desktop .desktop-main .desktop-content .content-full{max-width:1600px;margin:0 auto;height:100%}.layout-desktop .desktop-main .desktop-footer{height:48px;background:#fff;border-top:1px solid #e0e0e0;display:flex;align-items:center;justify-content:center;color:#7f8c8d;font-size:.875rem}.layout-tablet{display:flex;flex-direction:column;height:100vh;overflow:hidden}.layout-tablet .tablet-header{height:60px;background:#fff;border-bottom:1px solid #e0e0e0;box-shadow:0 2px 4px rgba(0,0,0,.05);position:sticky;top:0;z-index:100}.layout-tablet .tablet-header .header-content{display:flex;justify-content:space-between;align-items:center;height:100%;padding:0 1rem}.layout-tablet .tablet-header .header-content .header-middle{flex:1;display:flex;align-items:center;justify-content:center;gap:1.25rem;margin:0 1rem}.layout-tablet .tablet-header .header-content .header-middle .menu{display:flex;align-items:center;gap:.5rem;color:#6b7280;font-weight:600;text-decoration:none}.layout-tablet .tablet-header .header-content .header-middle .menu .label{color:#111827}.layout-tablet .tablet-header .header-content .header-middle .college-menu{position:relative;display:flex;align-items:center;gap:.5rem;padding:6px 10px;border-radius:6px;cursor:pointer;color:#111827;transition:background 150ms ease}.layout-tablet .tablet-header .header-content .header-middle .college-menu .caret{font-size:.75rem;color:#111827}.layout-tablet .tablet-header .header-content .header-middle .college-menu:hover{background:#f3f4f6}.layout-tablet .tablet-header .header-content .header-middle .college-menu .college-submenu{position:absolute;top:calc(100% + 6px);right:0;width:320px;background:#fff;color:#1f2937;box-shadow:0 12px 32px rgba(0,0,0,.14);border-radius:8px;padding:8px 0;z-index:20}.layout-tablet .tablet-header .header-content .header-middle .college-menu .college-submenu .submenu-item{display:flex;align-items:center;gap:8px;padding:10px 16px;font-size:.9rem;line-height:1.4;transition:background 120ms ease}.layout-tablet .tablet-header .header-content .header-middle .college-menu .college-submenu .submenu-item:hover{background:#f3f4f6}.layout-tablet .tablet-header .header-content .header-middle .college-menu .college-submenu .submenu-item.is-active{background:#e5f2ff;color:#0b5ed7}.layout-tablet .tablet-header .header-content .header-middle .college-menu .college-submenu .submenu-item .badge-new{background:#0a7f2e;color:#fff;font-size:.6rem;padding:2px 8px;border-radius:999px}.layout-tablet .tablet-header .header-content .header-middle .college-menu .college-submenu .submenu-separator{height:1px;background:#e5e7eb;margin:4px 0}.layout-tablet .tablet-header .header-content .header-left{display:flex;align-items:center;gap:1rem}.layout-tablet .tablet-header .header-content .header-left .menu-toggle{background:0 0;border:none;font-size:1.5rem;color:#2c3e50;cursor:pointer;padding:.5rem}.layout-tablet .tablet-header .header-content .header-left .menu-toggle:hover{color:#3498db}.layout-tablet .tablet-header .header-content .header-left .page-title{margin:0;font-size:1.25rem;color:#2c3e50}.layout-tablet .tablet-header .header-content .header-right{display:flex;align-items:center;gap:1rem}.layout-tablet .tablet-header .header-content .header-right .header-btn{position:relative;background:0 0;border:none;font-size:1.125rem;color:#7f8c8d;cursor:pointer;padding:.5rem}.layout-tablet .tablet-header .header-content .header-right .header-btn .badge{position:absolute;top:0;right:0;background:#e74c3c;color:#fff;font-size:.625rem;padding:.125rem .375rem;border-radius:10px}.layout-tablet .tablet-header .header-content .header-right .user-avatar-sm{width:32px;height:32px;border-radius:50%}.layout-tablet .tablet-container{display:flex;flex:1;overflow:hidden;position:relative}.layout-tablet .tablet-container .tablet-sidebar{width:280px;background:#2c3e50;color:#fff;position:fixed;top:60px;left:0;bottom:60px;z-index:99;box-shadow:2px 0 5px rgba(0,0,0,.2);animation:slideInLeft .3s ease}.layout-tablet .tablet-container .tablet-sidebar .tablet-sidebar-content{display:flex;flex-direction:column;height:100%;padding:1rem}.layout-tablet .tablet-container .tablet-sidebar .tablet-sidebar-content .sidebar-close{align-self:flex-end;background:0 0;border:none;color:#fff;font-size:1.5rem;cursor:pointer;padding:.5rem;margin-bottom:1rem}.layout-tablet .tablet-container .tablet-sidebar .tablet-sidebar-content .sidebar-close:hover{color:#e74c3c}.layout-tablet .tablet-container .tablet-sidebar .tablet-sidebar-content .sidebar-brand{display:flex;align-items:center;gap:.75rem;padding:1rem 0;margin-bottom:1rem}.layout-tablet .tablet-container .tablet-sidebar .tablet-sidebar-content .sidebar-brand .brand-logo{width:36px;height:36px}.layout-tablet .tablet-container .tablet-sidebar .tablet-sidebar-content .sidebar-brand .brand-name{font-size:1.125rem;font-weight:700}.layout-tablet .tablet-container .tablet-sidebar .tablet-sidebar-content .sidebar-nav{flex:1;overflow-y:auto}.layout-tablet .tablet-container .tablet-sidebar .tablet-sidebar-content .sidebar-nav .nav-list{list-style:none;padding:0;margin:0}.layout-tablet .tablet-container .tablet-sidebar .tablet-sidebar-content .sidebar-nav .nav-item{margin-bottom:.5rem}.layout-tablet .tablet-container .tablet-sidebar .tablet-sidebar-content .sidebar-nav .nav-item.active .nav-link{background:rgba(255,255,255,.2);border-left:3px solid #3498db}.layout-tablet .tablet-container .tablet-sidebar .tablet-sidebar-content .sidebar-nav .nav-link{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;color:#fff;text-decoration:none;border-radius:4px}.layout-tablet .tablet-container .tablet-sidebar .tablet-sidebar-content .sidebar-nav .nav-link:hover{background:rgba(255,255,255,.1)}.layout-tablet .tablet-container .tablet-sidebar .tablet-sidebar-content .sidebar-nav .nav-link i{font-size:1.125rem}.layout-tablet .tablet-container .tablet-sidebar .tablet-sidebar-content .sidebar-nav .nav-accordion{margin-top:.5rem;border-top:1px solid rgba(255,255,255,.08);padding-top:.5rem}.layout-tablet .tablet-container .tablet-sidebar .tablet-sidebar-content .sidebar-nav .nav-accordion .nav-accordion__trigger{width:100%;display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.75rem 1rem;background:0 0;color:#fff;border:none;border-radius:4px;cursor:pointer}.layout-tablet .tablet-container .tablet-sidebar .tablet-sidebar-content .sidebar-nav .nav-accordion .nav-accordion__trigger:hover{background:rgba(255,255,255,.1)}.layout-tablet .tablet-container .tablet-sidebar .tablet-sidebar-content .sidebar-nav .nav-accordion .nav-accordion__trigger .trigger-left{display:flex;align-items:center;gap:1rem}.layout-tablet .tablet-container .tablet-sidebar .tablet-sidebar-content .sidebar-nav .nav-accordion .nav-accordion__trigger .trigger-left i{font-size:1.125rem}.layout-tablet .tablet-container .tablet-sidebar .tablet-sidebar-content .sidebar-nav .nav-accordion .nav-accordion__trigger .caret{transition:transform 160ms ease}.layout-tablet .tablet-container .tablet-sidebar .tablet-sidebar-content .sidebar-nav .nav-accordion .nav-accordion__trigger .caret.is-open{transform:rotate(180deg)}.layout-tablet .tablet-container .tablet-sidebar .tablet-sidebar-content .sidebar-nav .nav-accordion .nav-accordion__submenu{list-style:none;padding:.25rem 0 .5rem;margin:0}.layout-tablet .tablet-container .tablet-sidebar .tablet-sidebar-content .sidebar-nav .nav-accordion .nav-accordion__submenu .submenu-item{display:flex;align-items:center;gap:.5rem;padding:.6rem 1rem .6rem 2.5rem;color:#f3f4f6;font-size:.9rem}.layout-tablet .tablet-container .tablet-sidebar .tablet-sidebar-content .sidebar-nav .nav-accordion .nav-accordion__submenu .submenu-item .submenu-link{color:inherit;text-decoration:none;width:100%}.layout-tablet .tablet-container .tablet-sidebar .tablet-sidebar-content .sidebar-nav .nav-accordion .nav-accordion__submenu .submenu-item .submenu-link.is-active{color:#bfe2ff}.layout-tablet .tablet-container .tablet-sidebar .tablet-sidebar-content .sidebar-nav .nav-accordion .nav-accordion__submenu .submenu-item .badge-new{background:#0a7f2e;color:#fff;font-size:.625rem;padding:2px 8px;border-radius:999px}.layout-tablet .tablet-container .tablet-sidebar .tablet-sidebar-content .sidebar-nav .nav-accordion .nav-accordion__submenu .submenu-separator{height:1px;background:rgba(255,255,255,.08);margin:4px 0}.layout-tablet .tablet-container .tablet-sidebar .tablet-sidebar-content .sidebar-user{display:flex;align-items:center;gap:.75rem;padding:1rem;border-top:1px solid rgba(255,255,255,.1);margin-top:auto}.layout-tablet .tablet-container .tablet-sidebar .tablet-sidebar-content .sidebar-user .user-avatar{width:36px;height:36px;border-radius:50%}.layout-tablet .tablet-container .tablet-sidebar .tablet-sidebar-content .sidebar-user .user-info .user-name{display:block;font-weight:600;font-size:.875rem}.layout-tablet .tablet-container .tablet-sidebar .tablet-sidebar-content .sidebar-user .user-info .user-role{display:block;font-size:.75rem;opacity:.8}.layout-tablet .tablet-container .tablet-main{flex:1;overflow-y:auto;background:#f5f6fa;padding:1.5rem;padding-bottom:80px}.layout-tablet .tablet-container .tablet-main .page-container{max-width:100%}.layout-tablet .tablet-bottom-nav{height:60px;background:#fff;border-top:1px solid #e0e0e0;position:fixed;bottom:0;left:0;right:0;z-index:100}.layout-tablet .tablet-bottom-nav .bottom-nav-content{display:flex;justify-content:space-around;align-items:center;height:100%}.layout-tablet .tablet-bottom-nav .bottom-nav-content .nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;padding:.5rem;color:#7f8c8d;text-decoration:none;transition:color .2s}.layout-tablet .tablet-bottom-nav .bottom-nav-content .nav-item:hover{color:#3498db}.layout-tablet .tablet-bottom-nav .bottom-nav-content .nav-item.active{color:#3498db;font-weight:600}.layout-tablet .tablet-bottom-nav .bottom-nav-content .nav-item i{font-size:1.25rem;margin-bottom:.25rem}.layout-tablet .tablet-bottom-nav .bottom-nav-content .nav-item .nav-label{font-size:.75rem}@keyframes slideInLeft{from{transform:translateX(-100%)}to{transform:translateX(0)}}.layout-mobile{display:flex;flex-direction:column;height:100vh;overflow:hidden}.layout-mobile .mobile-header{height:56px;background:#fff;border-bottom:1px solid #e0e0e0;position:sticky;top:0;z-index:100;box-shadow:0 2px 4px rgba(0,0,0,.05)}.layout-mobile .mobile-header .header-content{display:flex;justify-content:space-between;align-items:center;height:100%;padding:0 1rem;position:relative}.layout-mobile .mobile-header .header-content .page-title{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;text-align:center;margin:0;font-size:1.125rem;font-weight:600;color:#2c3e50;pointer-events:none}.layout-mobile .mobile-header .header-content .menu-toggle{background:0 0;border:none;font-size:1.5rem;color:#2c3e50;cursor:pointer;padding:.5rem}.layout-mobile .mobile-header .header-content .menu-toggle:active{color:#3498db}.layout-mobile .mobile-header .header-content .header-btn{position:relative;background:0 0;border:none;font-size:1.25rem;color:#7f8c8d;cursor:pointer;padding:.5rem}.layout-mobile .mobile-header .header-content .header-btn .badge{position:absolute;top:0;right:0;background:#e74c3c;color:#fff;font-size:.625rem;padding:.125rem .375rem;border-radius:10px}.layout-mobile .mobile-header .header-content .user-avatar-sm{width:32px;height:32px;border-radius:50%;object-fit:cover}.layout-mobile .mobile-menu-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:200;animation:fadeIn .3s ease}.layout-mobile .mobile-menu-overlay .mobile-menu{width:280px;height:100%;background:#2c3e50;color:#fff;animation:slideIn .3s ease;overflow-y:auto}.layout-mobile .mobile-menu-overlay .mobile-menu .mobile-sidebar-content{display:flex;flex-direction:column;min-height:100%}.layout-mobile .mobile-menu-overlay .mobile-menu .mobile-sidebar-content .sidebar-header{padding:2rem 1rem 1.5rem;text-align:center;background:rgba(0,0,0,.2)}.layout-mobile .mobile-menu-overlay .mobile-menu .mobile-sidebar-content .sidebar-header .user-avatar-large{width:80px;height:80px;border-radius:50%;margin-bottom:1rem}.layout-mobile .mobile-menu-overlay .mobile-menu .mobile-sidebar-content .sidebar-header .user-info .user-name{margin:0 0 .25rem 0;font-size:1.125rem;font-weight:600;color:#fff}.layout-mobile .mobile-menu-overlay .mobile-menu .mobile-sidebar-content .sidebar-header .user-info .user-role{margin:0;font-size:.875rem;opacity:.8;color:#fff}.layout-mobile .mobile-menu-overlay .mobile-menu .mobile-sidebar-content .sidebar-nav{flex:1;padding:1rem}.layout-mobile .mobile-menu-overlay .mobile-menu .mobile-sidebar-content .sidebar-nav .nav-list{list-style:none;padding:0;margin:0}.layout-mobile .mobile-menu-overlay .mobile-menu .mobile-sidebar-content .sidebar-nav .nav-item{margin-bottom:.5rem}.layout-mobile .mobile-menu-overlay .mobile-menu .mobile-sidebar-content .sidebar-nav .nav-item.active .nav-link{background:rgba(255,255,255,.2);border-left:3px solid #3498db}.layout-mobile .mobile-menu-overlay .mobile-menu .mobile-sidebar-content .sidebar-nav .nav-link{display:flex;align-items:center;gap:1rem;padding:1rem;color:#fff;text-decoration:none;border-radius:4px;font-size:.9375rem}.layout-mobile .mobile-menu-overlay .mobile-menu .mobile-sidebar-content .sidebar-nav .nav-link:active{background:rgba(255,255,255,.1)}.layout-mobile .mobile-menu-overlay .mobile-menu .mobile-sidebar-content .sidebar-nav .nav-link i{font-size:1.25rem;width:24px;text-align:center}.layout-mobile .mobile-menu-overlay .mobile-menu .mobile-sidebar-content .sidebar-nav .nav-link .nav-label{flex:1}.layout-mobile .mobile-menu-overlay .mobile-menu .mobile-sidebar-content .sidebar-footer{padding:1rem;border-top:1px solid rgba(255,255,255,.1)}.layout-mobile .mobile-menu-overlay .mobile-menu .mobile-sidebar-content .sidebar-footer .btn-logout{width:100%;display:flex;align-items:center;justify-content:center;gap:.75rem;padding:.875rem;background:#e74c3c;color:#fff;border:none;border-radius:4px;font-size:.9375rem;font-weight:500;cursor:pointer}.layout-mobile .mobile-menu-overlay .mobile-menu .mobile-sidebar-content .sidebar-footer .btn-logout:active{background:#c0392b}.layout-mobile .mobile-menu-overlay .mobile-menu .mobile-sidebar-content .sidebar-footer .btn-logout i{font-size:1.125rem}.layout-mobile .mobile-main{flex:1;overflow-y:auto;background:#f5f6fa;padding:1rem;padding-bottom:80px}.layout-mobile .mobile-main .page-container{max-width:100%}.layout-mobile .mobile-bottom-nav{height:60px;background:#fff;border-top:1px solid #e0e0e0;position:fixed;bottom:0;left:0;right:0;z-index:100}.layout-mobile .mobile-bottom-nav .bottom-nav-content{display:flex;justify-content:space-around;align-items:center;height:100%}.layout-mobile .mobile-bottom-nav .bottom-nav-content .nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;padding:.5rem;color:#7f8c8d;text-decoration:none}.layout-mobile .mobile-bottom-nav .bottom-nav-content .nav-item:active{background:rgba(52,152,219,.1)}.layout-mobile .mobile-bottom-nav .bottom-nav-content .nav-item.active{color:#3498db;font-weight:600}.layout-mobile .mobile-bottom-nav .bottom-nav-content .nav-item i{font-size:1.25rem;margin-bottom:.25rem}.layout-mobile .mobile-bottom-nav .bottom-nav-content .nav-item .nav-label{font-size:.6875rem}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes slideIn{from{transform:translateX(-100%)}to{transform:translateX(0)}}.home-content h1{margin:0 0 1rem 0;color:#2c3e50;font-size:2rem}.home-content p{color:#7f8c8d;margin-bottom:2rem}.home-content .cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-top:2rem}.home-content .cards-grid .card{background:linear-gradient(135deg,#667eea 0,#764ba2 100%);color:#fff;padding:2rem;border-radius:12px;box-shadow:0 4px 6px rgba(0,0,0,.1);transition:transform .2s}.home-content .cards-grid .card:hover{transform:translateY(-4px)}.home-content .cards-grid .card h3{margin:0 0 1rem 0;font-size:1rem;opacity:.9}.home-content .cards-grid .card .card-value{margin:0;font-size:2.5rem;font-weight:700}.favorite-list{list-style:none;padding:0;margin:0}.favorite-list li{margin-bottom:.5rem}.favorite-list .favorite-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;color:#2c3e50;text-decoration:none;border-radius:6px;transition:all .2s}.favorite-list .favorite-item:hover{background:#f5f6fa;color:#3498db}.favorite-list .favorite-item i{color:#f39c12;font-size:1rem}.favorite-list .favorite-item span{font-size:.875rem}.schedule-widget .schedule-item{display:flex;align-items:center;gap:1rem;padding:.75rem;background:#f5f6fa;border-radius:6px;margin-bottom:.5rem}.schedule-widget .schedule-item .schedule-time{font-weight:600;color:#3498db;font-size:.875rem}.schedule-widget .schedule-item .schedule-title{font-size:.875rem;color:#2c3e50}.deadline-list .deadline-item{padding:.75rem;background:#f5f6fa;border-radius:6px;margin-bottom:.5rem;border-left:3px solid #3498db}.deadline-list .deadline-item.urgent{border-left-color:#e74c3c;background:#ffe6e6}.deadline-list .deadline-item .deadline-date{display:block;font-size:.75rem;color:#7f8c8d;margin-bottom:.25rem}.deadline-list .deadline-item .deadline-title{margin:0;font-size:.875rem;color:#2c3e50;font-weight:500}.sectioning{display:grid;grid-template-columns:80% 20%;gap:20px}@media (max-width:1024px){.sectioning{grid-template-columns:1fr;gap:20px}}@media (max-width:768px){.sectioning{grid-template-columns:1fr;gap:15px}}@media (max-width:480px){.sectioning{gap:10px}}.side-section{display:flex;flex-direction:column;gap:20px}.activities-section{background-color:#fff;border:1px solid #e2e7ff;padding:24px!important;border-radius:8px}.activities-section .section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;flex-wrap:wrap;gap:1rem}@media (max-width:768px){.activities-section .section-header{flex-direction:column;align-items:flex-start}}@media (max-width:480px){.activities-section .section-header{gap:.75rem}}.activities-section .section-header h5{margin:0;font-size:18px;color:#2c3e50}.activities-section .section-header .date-picker-wrapper{position:relative;display:inline-block}.activities-section .section-header .date-picker-wrapper .date-display{cursor:pointer;display:flex;align-items:center;gap:.5rem;color:#000;font-size:.875rem;transition:color .2s;background-color:transparent;border:none;box-shadow:none}.activities-section .section-header .date-picker-wrapper .date-display:hover{color:#3498db}.activities-section .section-header .date-picker-wrapper .date-display .date-picker-icon{font-size:.75rem;color:inherit}.activities-section .section-header .date-picker-wrapper .date-picker-input{position:absolute;opacity:0;width:100px;height:40px;pointer-events:auto;border:none;padding:0;margin:0;background:0 0}.activities-section .section-header a{font-size:.875rem;color:#3498db;text-decoration:none}.activities-section .section-header a:hover{text-decoration:underline}.activities-section .search-bar{font-size:12px}.activities-section .search-bar small{font-size:10px}.activities-section .search-bar input{width:100%;padding:.5rem 1rem;border:1px solid #dcdfe6;border-radius:4px;transition:border-color .2s}.activities-section .search-bar input::placeholder{color:rgba(54,54,54,.3)}.activities-section .search-bar input:focus{border-color:#3498db;outline:0}.activities-section .activities-table{width:100%;table-layout:fixed}.activities-section .activities-table tbody tr td.no-data{text-align:center;padding:2rem}.activities-section .activities-table .no-data{margin:0 auto}.activities-section .activities-table .no-data img{width:150px;display:block;margin:0 auto 1rem}.activities-section .activities-table .no-data h5{margin:.5rem 0;color:#2c3e50}.activities-section .activities-table .no-data p{margin:.5rem 0 0;color:#7f8c8d;font-size:.875rem}.storage-section{background-color:#fff;border:1px solid #e2e7ff;padding:24px!important;border-radius:8px}.storage-section h5{margin:0 0 1rem;font-size:18px;color:#2c3e50}.storage-section>div{margin-bottom:5px;font-size:.75rem;color:#2c3e50;display:flex;justify-content:space-between;flex-direction:row;align-items:center}.storage-section>div span{display:block;font-size:.75rem;color:#7f8c8d;margin-top:.25rem}.storage-section .storage-bar{width:100%;height:12px;background:#e2e7ff;border-radius:4px;overflow:hidden}.storage-section .storage-bar .used-storage{height:100%;background:linear-gradient(90deg,#10b981 0,#059669 100%);transition:width .3s ease}.announcement-section{background-color:#fff;border:1px solid #e2e7ff;padding:24px!important;border-radius:8px;max-height:280px;min-height:260px;display:flex;flex-direction:column}.announcement-section .cta{width:100%;padding:.5rem;font-size:14px;font-weight:600;text-align:center;height:30px;display:flex;justify-content:center;align-items:center;gap:5px;cursor:pointer;margin-top:auto}.announcement-section h5{margin:0 0 10px;text-align:left}.announcement-section .item{display:flex;align-items:center;justify-content:space-between;width:100%}.announcement-section .item div{display:flex;flex-direction:column;align-items:flex-start}.announcement-section .item div small{font-size:12px;color:#7f8c8d}.announcement-section .item div p{font-size:16px;margin:0;color:#000;margin-bottom:3px;display:flex}.announcement-section .item div p span{background:#ffedb7;margin-left:4px;margin-bottom:2px;padding:4px 8px;border-radius:4px;font-size:10px;font-weight:600}.apps-container{width:100vw;height:100vh;margin-top:70px;box-sizing:border-box;background-color:#fff}.apps-container_with-navbar{position:relative;min-height:calc(100vh - 4px);padding-top:60px;margin-top:0;background-color:#fff}.center-container{display:flex;justify-content:center;align-items:center;gap:10px}.apps-bottom-container{position:fixed;width:100%;height:fit-content;bottom:0;left:0;color:#fff}.bg-white{background-color:#fff}.full-width{width:100%}.fit-content-width{width:fit-content}.auto-width{width:auto}.apps-loader{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;background-color:rgba(255,255,255,.8);z-index:100000}.float{position:fixed;width:60px;height:60px;bottom:40px;right:40px;background-color:var(--secondary);color:#fff;border-radius:50px;text-align:center;box-shadow:2px 2px 3px #999}.my-float{margin-top:22px}.float-bottom-right{position:fixed;width:fit-content;height:fit-content;bottom:40px;right:40px;color:#fff;border-radius:50px;text-align:center;box-shadow:2px 2px 3px #999}.ellipsis{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;white-space:pre-wrap}.pd-16{padding:16px}.pd-24{padding:24px}.pd-32{padding:32px}.pd-vertical-16{padding-top:16px;padding-bottom:16px}.pd-vertical-14{padding-top:14px;padding-bottom:14px}.pd-vertical-12{padding-top:12px;padding-bottom:12px}.pd-vertical-10{padding-top:10px;padding-bottom:10px}.pd-vertical-8{padding-top:8px;padding-bottom:8px}.pd-vertical-4{padding-top:4px;padding-bottom:4px}.pd-horizontal-16{padding-left:16px;padding-right:16px}.pd-horizontal-24{padding-left:24px;padding-right:24px}.pd-top-16{padding-top:16px}.pd-bottom-100{padding-bottom:100px}.mr-top-4{margin-top:4px}.mr-top-8{margin-top:8px}.mr-top-16{margin-top:16px}.mr-top-100{margin-top:100px}.mr-vertical-12{margin-top:12px;margin-bottom:12px}.mr-vertical-8{margin-top:8px;margin-bottom:8px}.mr-horizontal-10{margin-left:10px;margin-right:10px}.mr-horizontal-16{margin-left:16px;margin-right:16px}.mr-left-16{margin-left:16px}.mr-right-16{margin-right:16px}.mr-bottom-16{margin-bottom:16px}.mr-bottom-12{margin-bottom:12px}.mr-bottom-8{margin-bottom:8px}.mr-bottom-24{margin-bottom:24px}.mr-bottom-34{margin-bottom:34px}.mr-bottom-100{margin-bottom:100px}.mr-left-auto{margin-left:auto}.mr-right-auto{margin-left:auto}.mr-horizontal-auto{margin-left:auto;margin-right:auto}.mr-auto{margin:auto}.text-align-center{text-align:center}.text-align-right{text-align:right}.center-text{display:flex;align-items:center;justify-content:center}.icon-text{display:flex;gap:8px;align-items:center}.pin-input{display:flex;gap:8px;justify-content:center;margin-top:20px}.pin-box{width:40px;height:40px;text-align:center;font-size:18px;border:2px solid #ccc;border-radius:4px;outline:0;transition:border-color .3s ease}.pin-box:focus{border-color:#007bff;box-shadow:0 0 5px rgba(0,123,255,.5)}.avatar{margin-right:.5rem}.avatar img{border-radius:50%;width:40px;height:40px;min-width:40px;min-height:40px}.icon-button-32{width:32px;height:32px}.icon-button-24{width:24px;height:24px}.icon-button-16{width:16px;height:16px}.form-group-vertical{display:flex;flex-direction:column;row-gap:6px}.form-group-horizontal{display:flex;column-gap:6px}.flex-header-between{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.tint-red{color:#dc1818}.not-found-page{display:flex;justify-content:center;align-items:center;height:100vh;background-color:#f8fafc;text-align:center;padding:20px}.not-found-content{max-width:400px;background:#fff;padding:2rem;border-radius:1rem;box-shadow:0 4px 12px rgba(0,0,0,.1)}.not-found-content h1{font-size:4rem;margin-bottom:1rem;color:#ef4444}.not-found-content p{font-size:1.2rem;color:#374151;margin-bottom:2rem}.not-found-content button{padding:.75rem 1.5rem;background-color:#3b82f6;color:#fff;font-size:1rem;border:none;border-radius:.5rem;cursor:pointer;transition:background .3s ease}.not-found-content button:hover{background-color:#2563eb}.dropdown-button{display:flex;width:100%;height:35px;padding-left:16px;padding-right:16px;justify-content:space-between;border-radius:6px;border-width:1px;border-style:solid;border-color:#e3e8ef}.dropdown-button .text{height:fit-content;margin-top:auto;margin-bottom:auto;color:var(--qn-neutral-500)}.dropdown-button .text-selected{height:fit-content;margin-top:auto;margin-bottom:auto}.dropdown-button .icon{width:16px;height:16px;margin-top:auto;margin-bottom:auto;margin-left:16px}.color-edlink-400{color:var(--qn-edlink-400)}.view-textfield{border-radius:6px;border-width:1px;border-style:solid;border-color:#e3e8ef;padding:8px}.view-textfield p{margin:0;line-height:1.4;white-space:normal;word-break:break-word;color:#4b5565}.view-textfield ol,.view-textfield ul{margin:0;padding-left:20px}.view-textfield li{margin:0;padding:0}.color-text-error{color:var(--qn-danger-400)}.expandable-description-container{width:100%}.expandable-description-container .expandable-label{color:var(--semantic-text-dark-tertiary);margin-bottom:8px}.expandable-description-container .expandable-wrapper{position:relative}.expandable-description-container .expandable-wrapper .expandable-content{color:var(--semantic-text-dark-default);overflow:hidden;transition:max-height .3s ease;word-break:break-word}.expandable-description-container .expandable-wrapper .expandable-content.collapsed{max-height:100px;position:relative}.expandable-description-container .expandable-wrapper .expandable-content.collapsed::after{content:"";position:absolute;bottom:0;left:0;right:0;height:40px;background:linear-gradient(to bottom,transparent,#fff)}.expandable-description-container .expandable-wrapper .expandable-content.expanded{max-height:none}.expandable-description-container .expandable-wrapper .expandable-toggle-btn{display:inline-block;margin-top:8px;padding:0;background:0 0;border:none;color:var(--semantic-link-default);font-size:14px;font-weight:500;text-decoration:underline;cursor:pointer;transition:all .2s ease}.edl-m-0{margin:0!important}.edl-mt-0{margin-top:0!important}.edl-mr-0{margin-right:0!important}.edl-mb-0{margin-bottom:0!important}.edl-ml-0{margin-left:0!important}.edl-mx-0{margin-left:0!important;margin-right:0!important}.edl-my-0{margin-top:0!important;margin-bottom:0!important}.edl-p-0{padding:0!important}.edl-pt-0{padding-top:0!important}.edl-pr-0{padding-right:0!important}.edl-pb-0{padding-bottom:0!important}.edl-pl-0{padding-left:0!important}.edl-px-0{padding-left:0!important;padding-right:0!important}.edl-py-0{padding-top:0!important;padding-bottom:0!important}.edl-m-1{margin:.25rem!important}.edl-mt-1{margin-top:.25rem!important}.edl-mr-1{margin-right:.25rem!important}.edl-mb-1{margin-bottom:.25rem!important}.edl-ml-1{margin-left:.25rem!important}.edl-mx-1{margin-left:.25rem!important;margin-right:.25rem!important}.edl-my-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.edl-p-1{padding:.25rem!important}.edl-pt-1{padding-top:.25rem!important}.edl-pr-1{padding-right:.25rem!important}.edl-pb-1{padding-bottom:.25rem!important}.edl-pl-1{padding-left:.25rem!important}.edl-px-1{padding-left:.25rem!important;padding-right:.25rem!important}.edl-py-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.edl-m-2{margin:.5rem!important}.edl-mt-2{margin-top:.5rem!important}.edl-mr-2{margin-right:.5rem!important}.edl-mb-2{margin-bottom:.5rem!important}.edl-ml-2{margin-left:.5rem!important}.edl-mx-2{margin-left:.5rem!important;margin-right:.5rem!important}.edl-my-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.edl-p-2{padding:.5rem!important}.edl-pt-2{padding-top:.5rem!important}.edl-pr-2{padding-right:.5rem!important}.edl-pb-2{padding-bottom:.5rem!important}.edl-pl-2{padding-left:.5rem!important}.edl-px-2{padding-left:.5rem!important;padding-right:.5rem!important}.edl-py-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.edl-m-3{margin:1rem!important}.edl-mt-3{margin-top:1rem!important}.edl-mr-3{margin-right:1rem!important}.edl-mb-3{margin-bottom:1rem!important}.edl-ml-3{margin-left:1rem!important}.edl-mx-3{margin-left:1rem!important;margin-right:1rem!important}.edl-my-3{margin-top:1rem!important;margin-bottom:1rem!important}.edl-p-3{padding:1rem!important}.edl-pt-3{padding-top:1rem!important}.edl-pr-3{padding-right:1rem!important}.edl-pb-3{padding-bottom:1rem!important}.edl-pl-3{padding-left:1rem!important}.edl-px-3{padding-left:1rem!important;padding-right:1rem!important}.edl-py-3{padding-top:1rem!important;padding-bottom:1rem!important}.edl-m-4{margin:1.5rem!important}.edl-mt-4{margin-top:1.5rem!important}.edl-mr-4{margin-right:1.5rem!important}.edl-mb-4{margin-bottom:1.5rem!important}.edl-ml-4{margin-left:1.5rem!important}.edl-mx-4{margin-left:1.5rem!important;margin-right:1.5rem!important}.edl-my-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.edl-p-4{padding:1.5rem!important}.edl-pt-4{padding-top:1.5rem!important}.edl-pr-4{padding-right:1.5rem!important}.edl-pb-4{padding-bottom:1.5rem!important}.edl-pl-4{padding-left:1.5rem!important}.edl-px-4{padding-left:1.5rem!important;padding-right:1.5rem!important}.edl-py-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.edl-m-5{margin:3rem!important}.edl-mt-5{margin-top:3rem!important}.edl-mr-5{margin-right:3rem!important}.edl-mb-5{margin-bottom:3rem!important}.edl-ml-5{margin-left:3rem!important}.edl-mx-5{margin-left:3rem!important;margin-right:3rem!important}.edl-my-5{margin-top:3rem!important;margin-bottom:3rem!important}.edl-p-5{padding:3rem!important}.edl-pt-5{padding-top:3rem!important}.edl-pr-5{padding-right:3rem!important}.edl-pb-5{padding-bottom:3rem!important}.edl-pl-5{padding-left:3rem!important}.edl-px-5{padding-left:3rem!important;padding-right:3rem!important}.edl-py-5{padding-top:3rem!important;padding-bottom:3rem!important}.edl-d-none{display:none!important}.edl-d-inline{display:inline!important}.edl-d-inline-block{display:inline-block!important}.edl-d-block{display:block!important}.edl-d-flex{display:flex!important}.edl-d-grid{display:grid!important}.edl-fw-light{font-weight:300!important}.edl-fw-regular{font-weight:400!important}.edl-fw-medium{font-weight:500!important}.edl-fw-semi-bold{font-weight:600!important}.edl-fw-bold{font-weight:700!important}.edl-fw-extra-bold{font-weight:800!important}.landing_page{background-color:var(--qn-edlink-400);bottom:0;width:100%;height:100%;max-height:100vh;position:absolute}.slideshow-container{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;width:100%;max-width:800px;margin:auto;position:relative;padding-top:24px}.caption{font-weight:700;font-size:1.2em;padding:10px 10px 10px 20px;background-color:transparent;color:#fff;text-align:center;width:100%;box-sizing:border-box}.image{width:100%;box-sizing:border-box}.slideshow-image{width:100%;height:auto;display:block}.next-button,.prev-button{position:absolute;top:50%;transform:translateY(-50%);padding:10px;background-color:rgba(0,0,0,.5);color:#fff;border:none;cursor:pointer;z-index:1}.prev-button{left:10px}.next-button{right:10px}.indicators{text-align:center;margin-top:15px;width:100%}.indicators span{cursor:pointer;padding:8px;font-size:32px;color:#fff}.indicators .active{color:var(--secondary)}@media (max-width:768px){.slideshow-container{flex-direction:row;justify-content:space-between;align-items:center}.caption{width:50%;padding:10px 10px 10px 20px;font-size:1.4em;text-align:left}.image{width:50%}.slideshow-image{max-height:60vh;object-fit:cover}.next-button,.prev-button{padding:8px;font-size:.8em}}@media (max-width:480px){.caption{font-size:1.2em;padding:10px 10px 10px 20px}.slideshow-image{max-height:40vh;object-fit:cover}.next-button,.prev-button{font-size:.7em}.indicators span{font-size:32px}}.landing_page .buttons_container{position:absolute;bottom:0;background-color:#fff;padding:24px 16px 24px 16px;border-radius:16px 16px 0 0;width:100%}.login-container{padding:16px 16px 0 16px}.reg-container{padding:16px 16px 100% 16px}.apps-modal{z-index:1000}.apps-modal-message{text-align:center;overflow-wrap:break-word;word-break:break-word;white-space:normal;max-width:100%}.apps-modal-title{text-align:center;overflow-wrap:break-word;word-break:break-word;white-space:normal;max-width:100%}.fullscreen-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:1000;display:flex;justify-content:center;align-items:center}.fullscreen-modal-overlay .modal-container{background:#fff;width:100%;height:100%;display:flex;flex-direction:column;overflow:hidden;position:relative}.fullscreen-modal-overlay .close-button{position:absolute;top:10px;right:10px;background:0 0;border:none;font-size:1.5rem;cursor:pointer}.fullscreen-modal-overlay .modal-header{padding:16px;border-bottom:1px solid #ddd;background:#f5f5f5}.fullscreen-modal-overlay .modal-content{padding:16px;overflow-y:auto;flex:1}.fullscreen-modal-overlay .modal-content-fullwidth{max-width:100%;overflow-x:hidden;overflow-y:auto}.nav-tab{display:flex;background-color:#fff}.nav-tab__wrapper{display:flex;justify-content:center;gap:.5rem}.nav-tab__item{width:40vw!important;text-align:center;display:flex;justify-content:center;align-items:center;font-size:.75rem!important;cursor:pointer}.nav-tab__item.active{color:var(--qn-edlink-300)!important;border-bottom:2px solid var(--qn-edlink-300)!important}.footer-tab{position:fixed;bottom:0;width:100%;background-color:#fff;box-shadow:0 -1px 5px rgba(0,0,0,.1);z-index:10}.footer-tab .nav-tab-custom .nav-tab_wrapper-custom{display:flex;justify-content:space-between;margin:0;padding:0;list-style:none}.footer-tab .nav-tab-custom .nav-tab_wrapper-custom .nav-tab_item-custom{flex:1;text-align:center;padding:10px 0}.footer-tab .nav-tab-custom .nav-tab_wrapper-custom .nav-tab_item-custom .centered-item .icon-container{display:flex;justify-content:center}.footer-tab .nav-tab-custom .nav-tab_wrapper-custom .nav-tab_item-custom .centered-item .text-container{font-size:12px}.footer-tab .nav-tab-custom .nav-tab_wrapper-custom .nav-tab_item-custom.active{border-top:2px solid var(--qn-edlink-300)!important;border-bottom:0!important}.dropdown-container{display:flex;width:140px;justify-content:flex-start;padding-top:16px;margin:auto auto auto 16px}.simple-navbar{display:flex;justify-content:space-between;align-items:center;padding:1rem;width:100%;background-color:#fff!important;box-shadow:0 2px 4px rgba(0,0,0,.1);margin-bottom:1px;border-radius:0}.navbar-left{font-size:1rem;font-weight:700;padding-left:1rem}.navbar-right{display:flex;align-items:center;column-gap:16px}.icon-container{font-size:1rem;cursor:pointer}.icon-container i{font-size:1rem}.apps-navbar{position:fixed;top:0;left:0;right:0;height:60px;display:flex;justify-content:space-between;align-items:center;padding:10px 16px 10px 16px;background-color:#fff;box-shadow:0 2px 4px rgba(0,0,0,.1);z-index:100}.apps-navbar-left{width:auto}.apps-navbar-right{width:5%}.apps-navbar-title{width:80%;font-weight:700}.apps-navbar-title p{color:#000}.apps-back-button,.apps-menu-button{background:0 0;border:none;font-size:18px;cursor:pointer}.apps-menu-button{font-size:24px}.blank-page{display:flex;flex-direction:column;min-height:100vh;max-height:100vh;overflow:hidden;background-color:var(--qn-neutral-50,#f9fafb)}.blank-page-header{flex-shrink:0;position:sticky;top:0;z-index:100;background-color:var(--qn-white,#fff)}.blank-page-header .apps-navbar{position:relative;top:auto;left:auto;right:auto}.blank-page-main{flex:1;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;min-height:0;position:relative;z-index:1}.blank-page-content{flex:1;width:100%;max-width:100%}.blank-page-footer{flex-shrink:0;position:sticky;bottom:0;z-index:100;background-color:var(--qn-white,#fff);box-shadow:0 -1px 3px 0 rgba(0,0,0,.1)}.card-akademik{background-color:#fff;border-radius:0;margin-bottom:0}.card-akademik__title{padding-bottom:0}.card-akademik__subtitle{margin-bottom:.5rem}.card-akademik__siakad{margin-bottom:.5rem}.card-akademik__siakad-type{background-color:#e0e0e0;padding:.25rem .5rem;border-radius:0;display:flex;align-items:center}.card-akademik__icon{margin-right:.25rem;width:15px;height:15px}.card-akademik__not-available{color:#9aa4b2}.card-akademik__attend,.card-akademik__instructors,.card-akademik__schedules{color:#697586;margin-bottom:.25rem;margin-top:.25rem}.card-akademik__attend-names,.card-akademik__instructor-names,.card-akademik__schedule-dates{color:#697586}.card-akademik__more-schedule{background-color:#f5f7ff;padding:8px 8px 8px 22px;margin-bottom:1px}.card-akademik__attend-total{color:var(--qn-edlink-400)}.card-akademik__last-update{color:#697586}.card-akademik__divider{margin:0}.card-pbl{width:fit-content;background-color:#fff7e9;border-radius:15px;padding:0 8px 0 8px;color:#d18300}.card-iku7{width:fit-content;background-color:#f1f6fe;border-radius:15px;padding:0 8px 0 8px;color:#0f6af5}.card-kognitif{width:fit-content;background-color:#eef2f6;border-radius:15px;padding:0 8px 0 8px;color:#4b5565}.card-case-method{width:fit-content;background-color:#f0fdf9;border-radius:15px;padding:0 8px 0 8px;color:#0e9384}.card-diskusi{display:flex;align-items:center;padding:10px;border-radius:5px}.card-diskusi .avatar-custom{margin-right:10px}.card-diskusi .avatar-custom img{object-fit:contain;width:50px;height:50px;border-radius:50%;border:1px solid var(--qn-neutral-300);padding:1px}.card-diskusi .details{flex:1}.card-diskusi .details .title{font-size:16px;font-weight:700;margin:0;color:var(--qn-neutral-800)}.card-diskusi .details .subtitle{font-size:14px;margin:0;color:var(--qn-neutral-700)}.card-diskusi .details .timestamp{font-size:12px;color:var(--qn-neutral-600)}.card-diskusi .more-option{display:flex;justify-content:flex-end;width:24px;height:40px}.more-option-menu{height:fit-content;background-color:#fff;border:1px solid #ccc;border-radius:4px;box-shadow:0 2px 5px rgba(0,0,0,.2);z-index:1000;padding:8px}.more-option-menu ul{list-style:none;margin:0;padding:0}.more-option-menu ul li{padding:2px}.more-option-menu ul li a{text-decoration:none;color:#333;font-size:.8rem}.more-option-menu ul li a:hover{background-color:#f1f1f1}.quiz-content{padding:10px;border:1px solid #ddd;border-radius:5px;margin-bottom:15px}.quiz-title{font-size:15px;font-weight:700;margin:0}.quiz-btn,.quiz-deadline,.quiz-footer,.quiz-questions{font-size:14px!important}.quiz-questions{display:flex;justify-content:space-between;align-items:center;background-color:var(--qn-primary-100);padding:10px;margin:10px 0;border-radius:5px}.questions-count{font-weight:700}.quiz-btn{display:block;width:100%;padding:10px;background-color:var(--qn-warning-400)!important;color:#fff;border:none;border-radius:5px;cursor:pointer}.quiz-footer{text-align:center;margin:10px 0 0;font-size:8px}.diskusi-footer{display:flex;justify-content:space-around;padding:10px 0}.diskusi-footer_with-border{border-top:1px solid var(--qn-neutral-400)}.diskusi-footer-item{display:flex;align-items:center;color:#7985cb}.diskusi-footer-icon{width:24px;height:24px}.diskusi-footer-text{font-size:12px;margin-left:5px}.materi-content{padding:10px;border-radius:5px;margin-bottom:15px}.materi-title{font-size:15px;font-weight:700;margin:0}.materi-description{font-size:14px;color:var(--qn-neutral-700);margin:10px 0}.materi-toggle{font-size:14px;color:var(--qn-warning-400);cursor:pointer}.survei-content{background-color:#fff;padding:16px;border-radius:5px}.survei-content .survei-title{font-size:15px;font-weight:700;margin:0}.survei-content .survei-description{font-size:14px;color:var(--qn-neutral-700);margin:10px 0}.survei-content .survei-options{margin-top:10px}.survei-content .survei-form-control{border-radius:8px;border:1px solid #ddd;display:flex;column-gap:4px;align-items:center;justify-content:space-between;padding:12px;margin-bottom:12px}.survei-content .survei-form-control .checkbox{display:flex;align-items:center}.survei-content .survei-form-control-radio{margin-right:10px}.survei-content .survei-form-control-label-radio{font-size:14px;color:var(--qn-neutral-700)}.survei-content .survei-footer{text-align:left;margin-top:10px;font-size:12px;color:var(--qn-neutral-700)}.navbar{display:flex;justify-content:space-between;align-items:center;padding:7px;background-color:#fff;border:1px solid #ddd;height:60px}.navbar-search{flex:1;display:flex;align-items:center;justify-content:center}.navbar-search .navbar-form-control{display:flex;align-items:center;background-color:#fff;border:1px solid #ccc;border-radius:8px;padding:5px 10px;width:95%;height:30px}.navbar-search .navbar-form-control-group{display:flex;align-items:center;width:100%}.navbar-search .navbar-form-control-group .navbar-form-control-input{flex:1;padding-left:10px;font-size:14px;background-color:transparent;border:none}.navbar-search .navbar-form-control-group .navbar-form-control-input:focus{border:none;transition:none;box-shadow:none}.navbar-search .navbar-form-control-group .fa-magnifying-glass{font-size:14px;color:#999}.navbar-filter .navbar-btn{min-height:0;height:30px;font-size:12px;border:1px solid #ccc;font-weight:lighter}.dropdown-menu{background-color:#fff;border:1px solid #ccc;border-radius:4px;padding:.5rem 0;box-shadow:0 4px 6px rgba(0,0,0,.1);z-index:1000;right:0;width:fit-content}.dropdown-menu .dropdown-item{display:block;padding:.5rem 1rem;color:#333;text-decoration:none;font-size:1rem;white-space:nowrap}.dropdown-menu .dropdown-item:hover{background-color:#f1f1f1}.conf-card-discuss{padding:10px;border:1px solid var(--qn-neutral-300);border-radius:5px;margin:0 9px 15px 9px}.conf-flag-zoom-waiting-discuss{width:100%;background-color:#f5f7ff;text-align:center;padding:8px 0;border-radius:6px;border:1px solid #e2e7ff}.conf-type-discuss{margin-top:10px;text-align:center;color:var(--qn-neutral-600)}.tugas-content{padding:10px;border:1px solid #ddd;border-radius:5px;margin-bottom:15px}.tugas-title{font-size:15px;font-weight:700;margin:0}.tugas-btn,.tugas-deadline,.tugas-footer,.tugas-questions{font-size:14px!important}.tugas-questions{display:flex;justify-content:space-between;align-items:center;background-color:var(--qn-primary-100);padding:10px;margin:10px 0;border-radius:5px}.questions-count{font-weight:700}.tugas-btn{display:block;width:100%;padding:10px;background-color:var(--qn-edlink-400)!important;color:#fff;border:none;border-radius:5px;cursor:pointer}.tugas-footer{text-align:center;margin:10px 0 0;font-size:8px}.info-content{padding:10px;border-radius:5px;margin-bottom:15px}.info-title{font-size:15px;font-weight:700;margin:0}.info-description{font-size:14px;color:var(--qn-neutral-700);margin:10px 0}.info-toggle{font-size:14px;color:var(--qn-warning-400);cursor:pointer}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:10000;background:rgba(0,0,0,.5);display:flex;align-items:flex-end;justify-content:center}.modal-overlay .modal-content{background:#fff;padding:20px;border-radius:8px 8px 0 0;max-width:400px;width:100%;box-shadow:0 4px 8px rgba(0,0,0,.1)}.modal-overlay .modal-content .modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.modal-overlay .modal-content .modal-header .modal-header-left{display:flex;align-items:center;font-size:14px}.modal-overlay .modal-content .modal-header .modal-header-left .filter-title{font-size:15px;font-weight:700;margin-left:10px}.modal-overlay .modal-content .modal-header .close-btn{background:0 0;border:none;font-size:24px;cursor:pointer}.modal-overlay .modal-content .modal-header .reset-filter{color:var(--qn-edlink-400);font-size:12px;text-decoration:none;cursor:pointer}.modal-overlay .modal-content .modal-body{display:flex;flex-direction:column}.modal-overlay .modal-content .modal-body .modal-form-control{margin-bottom:10px}.modal-overlay .modal-content .modal-body .modal-form-control .modal-checkbox{display:flex;align-items:center}.modal-overlay .modal-content .modal-body .modal-form-control .modal-checkbox .modal-form-control-checkbox{margin-right:10px}.modal-overlay .modal-content .modal-body .modal-form-control .modal-checkbox .modal-form-control-label-checkbox{font-size:14px;color:var(--qn-neutral-700)}.modal-overlay .modal-content .modal-footer{display:flex;justify-content:center;margin-top:20px}.modal-overlay .modal-content .modal-footer .apply-btn{background:var(--qn-edlink-400);color:#fff;padding:10px 20px;border:none;border-radius:4px;cursor:pointer;width:100%}.event-content{padding:10px;border-radius:5px;margin-bottom:5px;font-size:14px}.title{font-size:15px;font-weight:700;margin-bottom:10px}.cleanDescription{font-size:14px;margin-bottom:10px}.event-details-container{margin:0 16px 24px 20px}.event-details{display:flex;flex-direction:column;gap:10px}.event-location,.event-time{display:flex;align-items:center;font-size:14px}.event-location i,.event-time i{margin-right:10px;font-size:18px}.event-location div,.event-time div{display:flex;flex-direction:column}.event-label{font-weight:700;margin-bottom:2px}.event-date,.event-place{font-size:14px}.video-card-content{padding:10px;border:1px solid #ddd;border-radius:8px;margin-bottom:16px}.video-card-title{font-size:15px;font-weight:700;margin:0;margin-bottom:4px}.video-card-questions{font-size:14px!important;margin-bottom:12px}.video-container{position:relative}.play-button{width:40px;height:40px;position:absolute;display:flex;align-items:center;justify-content:center;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--qn-edlink-400);border-radius:50%}.video-duration{position:absolute;bottom:8px;right:8px;background:rgba(0,0,0,.6);color:#fff;padding:4px 8px;border-radius:4px;font-size:.9em}.diskusi-cbt-content{margin:10px;padding:10px;border-radius:5px;border-width:1px;border-style:solid;border-color:var(--qn-neutral-300)}.diskusi-cbt-content-device{display:flex;column-gap:10px;background-color:var(--secondary);border-radius:4px;padding:4px 0 4px 0}.navbar-comment-container{display:flex;align-items:center;justify-content:space-between;padding:1rem;width:100%;background-color:#fff;box-shadow:0 2px 4px rgba(0,0,0,.1);border-radius:0}.navbar-comment-left{display:flex;align-items:center;font-size:1rem;font-weight:700;padding-left:.5rem;cursor:pointer}.navbar-comment-left i{font-size:1rem;margin-right:2rem}.navbar-comment-title{font-size:1rem}.navbar-comment-right{display:flex;align-items:center;justify-content:flex-end;padding-right:1rem}.text-editor-save-button{background:0 0;border:none;cursor:pointer;font-size:16px;color:green}.comment-input-container{display:flex;align-items:center;background-color:#fff;border-radius:.5rem;box-shadow:0 1px 3px rgba(0,0,0,.5);position:fixed;bottom:0;left:0;right:0;z-index:1000;padding:10px 20px}.comment-input-container .comment-avatar{margin-right:1rem}.comment-input-container .comment-avatar img{border-radius:50%;width:40px;height:40px}.comment-input-container .comment-input-grid{flex-grow:1}.comment-input-container .comment-input-grid .col-md-12 .form-control-sm-custom{height:40px}.comment-input-container .comment-input-grid .col-md-12 .form-control-group-custom{border:1px solid var(--qn-neutral-400);border-radius:20px;height:35px;margin-top:10px}.comment-input-container .comment-input-grid .col-md-12 .clear-input-icon{padding-left:4px}.comment-input-container .comment-send-icon{margin-left:.8rem;margin-right:.5rem;font-size:1.1rem;cursor:pointer}.comment-bubble{display:flex;align-items:flex-start;margin-top:1rem;padding:5px 20px;max-width:500px}.comment-bubble .comment-avatar{margin-right:.5rem}.comment-bubble .comment-avatar img{border-radius:50%;width:40px;height:40px;min-width:40px;min-height:40px}.comment-bubble .comment-content-container{display:flex;flex-grow:1;align-items:center;background-color:var(--qn-neutral-200);border-radius:.5rem;padding:.5rem;box-shadow:0 1px 3px rgba(0,0,0,.1)}.comment-bubble .comment-content-container .comment-content{flex-grow:1}.comment-bubble .comment-content-container .comment-content .comment-text{margin-top:.25rem}.comment-bubble .comment-content-container .comment-options{display:flex;flex-direction:column;align-items:flex-end;margin-left:auto;min-width:90px}.comment-bubble .comment-content-container .comment-options i{font-size:1rem;color:var(--qn-neutral-600);margin-bottom:.5rem}.comment-bubble .comment-content-container .comment-time{font-size:.75rem;color:var(--qn-neutral-500);text-align:end}.comment-control{padding:8px 0 4px 70px;display:flex;column-gap:16px}.comment-control .comment-btn-edit{color:var(--qn-primary-400)}.comment-control .comment-btn-delete{color:var(--qn-danger-400)}.card-session__parent{width:100%;position:relative;display:block}.card-session__parent .option-container{position:absolute;top:0;right:0;z-index:10;width:fit-content;padding:16px;display:flex;justify-content:flex-end;align-items:flex-start;flex-direction:column}.card-session{display:flex;justify-content:space-between;align-items:stretch;border:1px solid #ddd;border-radius:0;padding:16px;gap:16px}.card-session .card-session__left{flex:1;min-width:0}.card-session .card-session__left .card-session__link{display:block;flex:1;min-width:0}.card-session .card-session__left .card-session__header{display:none}.card-session .card-session__left .card-session__header:has(.badge){width:100%;display:flex;flex-wrap:wrap;gap:.5em;justify-content:start;align-items:center}.card-session .card-session__left .card-session__header .badge{--qn-badge-padding-size:0.5rem!important;--qn-badge-height-size:1.5rem!important;--qn-badge-font-size:0.75rem!important;--qn-badge-line-height-size:1.25rem!important;border-radius:.325rem!important}.card-session .card-session__left .card-session__header .badge_solid{--qn-badge-background:var(--qn-edlink-400)!important;--qn-badge-border-color:var(--qn-edlink-400)!important;--qn-badge-color:var(--qn-edlink-100)!important;--qn-badge-dot-color:var(--qn-edlink-100)!important}.card-session .card-session__left .card-session__header .badge_outline{--qn-badge-background:var(--qn-edlink-100)!important;--qn-badge-border-color:var(--qn-edlink-100)!important;--qn-badge-color:var(--qn-edlink-400)!important;--qn-badge-dot-color:var(--qn-edlink-400)!important}.card-session .card-session__left .card-session__header .badge_your_session{--qn-badge-background:var(--qn-primary-100)!important;--qn-badge-border-color:var(--qn-primary-100)!important;--qn-badge-color:var(--qn-primary-400)!important;--qn-badge-dot-color:var(--qn-primary-400)!important}.card-session .card-session__left .card-session__body{margin-top:8px}.card-session .card-session__left .card-session__body .card-session__title{font-size:1em;font-weight:700;margin-bottom:4px;word-break:break-word;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.card-session .card-session__left .card-session__body .card-session__date{color:#7985cb;font-size:.75em}.card-session .card-session__left .card-session__body .card-session__materials,.card-session .card-session__left .card-session__body .card-session__room{margin-top:8px;font-size:.85em}.card-session .card-session__left .card-session__body .card-session__room{margin-top:16px}.card-session .card-session__left .card-session__body .card-session__materials i{margin-right:4px}.card-session .card-session__right{flex-shrink:0;width:fit-content;display:flex;align-items:center}.card-session .card-session__right .btn-start-section{width:40px;height:40px;padding:8px;border-width:1px;border-style:solid;border-radius:8px;border-color:var(--qn-edlink-400);background-color:var(--qn-edlink-400)}.card-session .card-session__right .btn-end-section{width:40px;height:40px;padding:8px;border-width:1px;border-style:solid;border-radius:8px;border-color:var(--qn-edlink-400);background-color:var(--qn-white)}.section-form{background-color:#fff;padding:16px;padding-bottom:80px;display:grid;gap:10px}.section-form .form-group .char-counter{text-align:right;font-size:12px;color:#6b7280;margin-top:4px}.section-form .time-range{display:flex;align-items:center;gap:10px}.section-form .time-field{position:relative}.section-form .time-input{width:160px;padding:10px 14px;border-radius:8px;border:1px solid #e5e7eb;background:#fff}.section-form .time-input:focus{outline:0;border-color:#c7d2fe;box-shadow:0 0 0 3px rgba(99,102,241,.15)}.section-form .time-sep{color:#1e3a8a;font-weight:700}.section-form .placeholder{position:absolute;left:14px;top:50%;transform:translateY(-50%);pointer-events:none;color:#9ca3af;font-size:14px}.section-form .type-group{display:grid;gap:10px}.section-form .type-card{display:flex;align-items:center;gap:10px;padding:14px 16px;border:1px solid #e3e8ef;border-radius:12px;background:#fff;cursor:pointer;user-select:none;transition:border-color .2s,box-shadow .2s,background .2s}.section-form .type-card:hover{border-color:#93c5fd;box-shadow:0 2px 10px rgba(37,99,235,.08)}.section-form .type-radio{appearance:none;width:18px;height:18px;border-radius:9999px;border:1px solid #e3e8ef;display:inline-grid;place-content:center;background:#fff}.section-form .type-radio:checked{border:1px solid #3b82f6}.section-form .type-radio:checked::before{content:"";width:10px;height:10px;border-radius:9999px;background:#3b82f6}.section-form .type-card:has(.type-radio:checked){border-color:#60a5fa;box-shadow:0 0 0 3px rgba(59,130,246,.15);font-weight:500}.section-form .type-label{font-size:.75rem;color:#111827}.btn-end-section{height:40px;background-color:var(--white);border-radius:6px;border-color:var(--qn-edlink-400);border-width:1px;border-style:solid;color:var(--qn-edlink-400)}.btn-start-section{height:40px;background-color:var(--qn-edlink-400);border-radius:6px;color:var(--white)}.banner-section{padding:20px;background-color:#fff;border:1px solid #ddd}.banner-section .session-label{display:flex;align-items:center;background-color:var(--qn-warning-200);color:var(--qn-warning-400);border:1px solid var(--qn-warning-400);padding:2px 8px;border-radius:4px;font-size:12px;font-weight:600;width:fit-content}.banner-section h2{font-size:15px;font-weight:500;margin:10px 0 20px 0}.banner-section .datetime p,.banner-section .objective p{font-size:14px;margin:2px 0}.banner-section .datetime p.label,.banner-section .objective p.label{font-weight:500;margin:5px 0 2px 0}.banner-section .datetime p.section-spacing,.banner-section .objective p.section-spacing{margin:10px 0 2px 0}p.html-preview ol{padding-left:1.5rem;margin:.5rem 0;list-style-type:decimal}p.html-preview ul{padding-left:1.5rem;margin:.5rem 0;list-style-type:disc}p.html-preview li{margin-bottom:.25rem}p.html-preview table{border-collapse:collapse;width:100%;margin:.75rem 0}p.html-preview td,p.html-preview th{border:1px solid #ccc;padding:.5rem;text-align:left}p.html-preview th{background-color:#f5f5f5}p.html-preview a{color:#007bff;text-decoration:underline}.learning-material-card{border:1px solid #ddd;border-radius:8px;padding:15px;background:#fff;width:100%;border-radius:0}.learning-material-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:10px}.learning-material-type{padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500;margin-bottom:8px}.materi{border:1px solid var(--qn-violet-400);background-color:var(--qn-violet-100);color:var(--qn-violet-400);width:fit-content}.conference{border:1px solid var(--qn-primary-400);background-color:var(--qn-primary-100);color:var(--qn-primary-400);width:fit-content}.tugas{border:1px solid var(--qn-helper-400);background-color:var(--qn-helper-100);color:var(--qn-helper-400);width:fit-content}.quiz{border:1px solid var(--qn-edlink-400);background-color:var(--qn-edlink-100);color:var(--qn-edlink-400);width:fit-content}.video-interaktif{border:1px solid #d444f1;background-color:#fdf4ff;color:#d444f1;width:fit-content}.learning-material-title{font-size:14px;font-weight:500;padding-top:8px}.learning-material-date{font-size:13px;font-weight:300;color:#888}.learning-material-button{background:0 0;border:none;font-size:16px;color:#888}.button-tambah-materi{background-color:var(--qn-warning-400);border:none;border-radius:50%;width:56px;height:56px;box-shadow:0 4px 15px rgba(0,0,0,.25);display:flex;align-items:center;justify-content:center;position:fixed;bottom:16px;right:20px;z-index:1000}.modal-section-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:flex-end;z-index:1000}.modal-section-content{background:#fff;width:100%;max-width:400px;padding:16px;box-shadow:0 -4px 15px rgba(0,0,0,.25);max-height:60%;overflow-y:auto}.modal-section-header{display:flex;justify-content:space-between;align-items:center;font-size:16px;font-weight:600;margin-left:10px}.modal-section-close-button{background:0 0;border:none;font-size:24px;color:#7985cb}.modal-section-body{padding:16px 0}.modal-section-item{display:flex;align-items:center;padding:8px 0}.modal-section-item img{margin-right:8px;width:40px;height:40px}.modal-section-text{margin-left:20px;font-size:14px}.tab-presensi{display:flex;align-items:center;justify-content:space-between;padding:20px;font-size:16px;background-color:#fff!important;color:#000;border-bottom:1px solid #ccc;max-height:60px}.tab-presensi-text{font-weight:700}.tab-presensi-icon{color:#ccc;font-size:20px}.banner-student-wrapper{padding:20px;background-color:#fff;border-radius:8px;margin-bottom:8px}.banner-student-title{margin:0 0 8px 0;font-size:16px;font-weight:700;color:#000}.banner-student-info{display:flex;align-items:center;margin-bottom:4px}.banner-student-icon{margin-right:4px;font-size:14px;color:#666}.banner-student-date,.banner-student-session{font-size:12px;color:#666}.banner-student-content{padding:20px;background-color:#fff;border-radius:8px}.banner-student-topic-title{margin:0 0 8px 0;font-size:16px;font-weight:700;color:#000}.banner-student-topic{margin:0;font-size:14px;line-height:20px;color:var(--qn-black);word-wrap:break-word}.section-category-wrapper{margin-bottom:8px}.section-category-wrapper--conference{margin-top:8px}.section-category-header{padding:20px;background-color:#fff;border-radius:0;border-bottom:1px solid #e0e0e0}.section-category-title{margin:0;font-size:16px;font-weight:700;color:#000;text-align:left}.section-category-content{padding:20px;background-color:#fff;border-radius:0;min-height:90px;display:flex;align-items:center;justify-content:center}.section-category-text{margin:0;font-size:12px;color:var(--qn-neutral-500);text-align:center}.learning-materials-container{background-color:#fff}.learning-materials-item{min-height:65px;display:flex;align-items:center;padding:20px;border-bottom:1px solid #e0e0e0}.learning-materials-icon{margin-right:16px}.learning-materials-text{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:start;gap:4px}.learning-materials-title{font-size:14px;font-weight:500;color:var(--qn-black);word-break:break-word;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.learning-materials-subtitle{font-size:12px;color:var(--qn-neutral-600)}.navbar-form-container{position:sticky;top:0;z-index:100;display:flex;justify-content:space-between;align-items:center;padding:16px;width:100%;background-color:#fff;box-shadow:0 2px 4px rgba(0,0,0,.1);border-radius:0}.navbar-form-left{display:flex;align-items:center;font-size:16px;font-weight:700;cursor:pointer;flex:1;min-width:0;overflow:hidden}.navbar-form-left i{font-size:16px;margin-right:1.5rem;flex-shrink:0}.navbar-form-left>div{flex:1;min-width:0;overflow:hidden}.navbar-form-title{margin-left:.5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.navbar-form-subtitle{margin-left:.5rem;color:#667085}.navbar-form-right i{font-size:16px;cursor:pointer}.capitalize{text-transform:capitalize}.breadcrumb-container{background-color:#fff;width:100%;padding:8px}.breadcrumb-materi{font-family:Arial,sans-serif;white-space:nowrap;margin-left:8px;margin-top:8px;display:flex;align-items:center}.breadcrumb-step{text-decoration:none;display:inline-flex;align-items:center;color:var(--qn-edlink-400)}.breadcrumb-number{display:inline-flex;justify-content:center;align-items:center;width:22px;height:22px;text-align:center;border:2px solid;border-radius:50%;font-size:14px;font-weight:700;margin-right:6px;padding:2px}.breadcrumb-label{font-size:14px;vertical-align:middle}.breadcrumb-divider{margin:0 8px;font-size:16px;color:var(--qn-edlink-400);margin-bottom:12px}.breadcrumb-active .breadcrumb-label,.breadcrumb-active .breadcrumb-number{color:var(--qn-edlink-400);border-color:var(--qn-edlink-400)}.breadcrumb-inactive .breadcrumb-label,.breadcrumb-inactive .breadcrumb-number{opacity:.4;border-color:var(--qn-edlink-400)}.banner-tambah{display:flex;justify-content:space-between;align-items:flex-start;font-family:Arial,sans-serif;background-color:#fff;padding:20px;width:100%}.banner-tambah .dibagikan-info{display:flex;flex-direction:column;width:70%}.banner-tambah .dibagikan-info .dibagikan-header{font-size:14px;font-weight:700;margin-bottom:4px}.banner-tambah .dibagikan-info .dibagikan-content{display:flex;flex-direction:column;gap:4px}.banner-tambah .dibagikan-info .dibagikan-content .dibagikan-item{display:flex;align-items:center;font-size:14px;color:#333}.banner-tambah .dibagikan-info .dibagikan-content .dibagikan-item Icon::ruangkelasicon,.banner-tambah .dibagikan-info .dibagikan-content .dibagikan-item i{margin-right:8px}.banner-tambah .dibagikan-info .dibagikan-content .dibagikan-text{margin-left:8px}.banner-tambah .dibagikan-button{align-self:center}.banner-tambah .dibagikan-button .banner-tambah-button{display:inline-flex;align-items:center;justify-content:center;padding:6px 12px;font-size:14px;border-radius:4px;border:1px solid var(--qn-edlink-400)!important;color:var(--qn-edlink-400)!important;background-color:transparent;cursor:pointer;margin-top:8px!important}.banner-tambah .dibagikan-button .banner-tambah-button i{margin-right:4px}.form-tambah-materi{padding:20px 20px 90px 20px;width:100%;margin:0 auto;background-color:#fff}.form-tambah-materi-group{margin-bottom:15px;display:block!important}.form-tambah-materi-group .form-tambah-materi-label{padding-bottom:4px;color:#364152;font-size:.75rem;line-height:1.25rem;font-weight:500}.form-tambah-materi-input{width:100%;padding:10px;border:1px solid #ccc;border-radius:5px;font-size:14px}.form-tambah-materi-input:focus{border-color:var(--qn-primary-400);outline:0}.form-tambah-materi-char-count{text-align:right;font-size:.875rem;color:#888;margin-top:5px}.form-tambah-materi-file-upload{margin-top:15px;display:inline-block;cursor:pointer;color:#364152;font-size:.875rem;line-height:1.25rem;font-weight:500}.form-tambah-materi-icon{display:inline-block;transform:rotate(-45deg);margin-right:8px}.form-tambah-materi-footer{background-color:#fff;position:fixed;bottom:0;left:0;width:100%;padding:10px 0;box-shadow:0 -2px 10px rgba(0,0,0,.1)}.form-tambah-materi-footer .form-tambah-materi-button{background-color:var(--qn-edlink-400)!important;width:95%;margin:auto;display:block;color:#fff}.form-tambah-materi-footer .form-tambah-materi-button[disabled]{opacity:.4}.lampiran-box{border:1px solid var(--qn-neutral-200);border-radius:5px;padding:8px;margin-top:8px;margin-bottom:4px;display:flex;align-items:center}.lampiran-box .lampiran-icon{width:20px;margin-right:5px}.lampiran-box .lampiran-text{flex-grow:1;overflow:hidden}.lampiran-box .lampiran-text .lampiran-file-name{font-size:12px;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lampiran-box .lampiran-text .lampiran-file-size{font-size:12px;color:#888;margin:0}.lampiran-box .lampiran-delete-btn{margin-left:15px;padding:5px;border-radius:4px;display:flex;justify-content:center;align-items:center;width:24px;height:24px;cursor:pointer}.lampiran-box .lampiran-delete-btn i{font-size:16px;color:#888}.bagikan-container{display:flex;flex-direction:column;align-items:flex-start;padding:20px;background-color:#fff;border-radius:4px}.bagikan-container .bagikan-header{display:flex;align-items:center;justify-content:space-between;width:100%}.bagikan-container .bagikan-header .bagikan-header-left{display:flex;align-items:center}.bagikan-container .bagikan-header .bagikan-header-left .bagikan-icon{font-size:20px;color:#364152!important;margin-right:10px}.bagikan-container .bagikan-header .bagikan-header-left .bagikan-text{color:#364152;font-size:.875rem;line-height:1.25rem;font-weight:500}.bagikan-container .bagikan-header .bagikan-switch{margin-left:auto}.bagikan-container .bagikan-header .bagikan-switch .bagikan-switch-transform{transform:scale(.8)}.bagikan-container .bagikan-header .bagikan-switch .bagikan-switch-label{cursor:pointer}.bagikan-container .bagikan-datetime-container{margin-top:10px;display:flex;align-items:center;width:100%}.bagikan-container .bagikan-datetime-container .bagikan-datetime-input{width:200px;padding:10px;box-sizing:border-box;border:none;background:0 0;color:#000;font-size:14px;border-radius:4px;cursor:pointer}.bagikan-container .bagikan-datetime-container .bagikan-datetime-icon{font-size:14px;margin-left:5px;margin-top:2px;cursor:pointer}.bagikan-nanti-container{display:flex;flex-direction:column;align-items:flex-start;background-color:#fff;border-radius:4px;margin-top:8px}.bagikan-nanti-container .bagikan-header{display:flex;align-items:center;justify-content:space-between;width:100%}.bagikan-nanti-container .bagikan-header .bagikan-header-left{display:flex;align-items:center}.bagikan-nanti-container .bagikan-header .bagikan-header-left .bagikan-icon{margin-right:8px}.bagikan-nanti-container .bagikan-header .bagikan-header-left .bagikan-text{color:#364152;font-size:.875rem;line-height:1.25rem;font-weight:500}.bagikan-nanti-container .bagikan-header .bagikan-switch{margin-left:auto}.bagikan-nanti-container .bagikan-header .bagikan-switch .bagikan-switch-transform{transform:scale(.8)}.bagikan-nanti-container .bagikan-header .bagikan-switch .bagikan-switch-label{cursor:pointer}.bagikan-nanti-container .bagikan-datetime-container{margin-top:10px;position:relative;display:inline-block}.bagikan-nanti-container .bagikan-datetime-container .bagikan-datetime-input{position:absolute!important;margin-top:20px;left:0;z-index:1000;background-color:#fff;padding:0;font-size:.01rem}.bagikan-nanti-container .bagikan-datetime-container .bagikan-datetime-input:focus{outline:0;border:0 solid #4caf50;background-color:#fff}.bagikan-nanti-container .bagikan-datetime-container .bagikan-datetime-icon{font-size:14px;margin-left:5px;margin-top:2px;cursor:pointer}.form-button-submit{background-color:var(--qn-edlink-400)!important;color:#fff;border:none;padding:10px 20px;border-radius:4px;cursor:pointer;width:100%;box-sizing:border-box;font-size:16px!important}.form-button-submit[disabled]{opacity:.4}.media-list{display:flex;flex-wrap:wrap;justify-content:center;gap:20px}.media-list .media-item{width:45%;box-sizing:border-box;padding:12px;border:1px solid #ddd;border-radius:8px;display:flex;flex-direction:column;align-items:center;margin:20px 0 0 0}.media-list .media-item .media-checkbox-label{position:relative;width:100%;cursor:pointer}.media-list .media-item .media-content{width:100%;position:relative}.media-list .media-item .media-image{width:100%;height:auto;max-height:200px;object-fit:cover;margin-bottom:10px;transition:filter .3s ease}.media-list .media-item .checkmark-overlay{display:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.media-list .media-item .checkmark{width:40px;height:40px}.media-list .media-item .media-checkbox:checked+.media-checkbox-label .media-content .media-image{filter:brightness(.4)}.media-list .media-item .media-checkbox:checked+.media-checkbox-label .media-content .checkmark-overlay{display:block}.media-list .media-item .media-details{display:flex;justify-content:center;align-items:center;gap:10px;width:100%}.media-list .media-item .media-details .media-icon{width:30px;height:30px}.media-list .media-item .media-details .media-name{font-size:12px;word-wrap:break-word;text-align:left;flex:1}.attachment-button{display:flex!important;align-items:center!important;justify-content:space-between!important;padding:8px 20px!important;background-color:#4a90e2!important;border:none!important;border-radius:8px!important;color:#fff!important;font-size:16px!important;cursor:pointer!important;box-shadow:0 2px 4px rgba(0,0,0,.1)!important;width:180px!important;height:40px!important;position:fixed!important;bottom:20px!important;left:10px!important;margin-left:0!important}.attachment-button .attachment-text{margin-right:10px!important;letter-spacing:.5px!important}.attachment-button .attachment-icon{width:22px!important;height:22px!important;filter:grayscale(100%)!important}.attachment-button:hover{background-color:#357abd!important}.attachment-button:focus{outline:0!important}.bagikan-tugas-date-display{display:flex;align-items:center;font-size:14px;color:#333;cursor:pointer;border-bottom:1px dashed #888;position:relative}.bagikan-tugas-date-icon{margin-left:8px;cursor:pointer;color:#888}.bagikan-tugas-date-picker{position:fixed;top:-9999px;left:-9999px;width:1px;height:1px;opacity:0;z-index:-1;pointer-events:none;background-color:transparent;border:none}.bagikan-tugas-date-picker:focus{top:0;left:0;width:100%;height:auto;opacity:1;z-index:2;pointer-events:auto;color:transparent}.bagikan-tugas-date-picker::-webkit-datetime-edit{visibility:hidden}.bagikan-tugas-date-picker::-webkit-calendar-picker-indicator,.bagikan-tugas-date-picker::-webkit-inner-spin-button{display:none}.bagikan-tugas-date-display:hover .bagikan-tugas-date-icon{color:#555}.form-tambah-tugas{padding:20px;max-width:400px;margin:0 auto;background-color:#fff}.form-tambah-tugas-group{margin-bottom:15px;display:block!important}.form-tambah-tugas-group .form-tambah-tugas-label{font-size:14px!important;padding-bottom:0!important;font-weight:700}.form-tambah-tugas-input{width:100%;padding:10px;border:1px solid #ccc;border-radius:5px;font-size:14px}.form-tambah-tugas-input:focus{border-color:var(--qn-primary-400);outline:0}.form-tambah-tugas-char-count{text-align:right;font-size:12px;color:#888;margin-top:5px}.form-tambah-tugas-file-upload{display:inline-block;cursor:pointer;color:#364152;font-size:.875rem;line-height:1.25rem;font-weight:500}.form-tambah-tugas-file-upload-icon{display:inline-block;transform:rotate(-45deg);margin-right:5px}.form-tambah-tugas-footer{background-color:#fff;position:fixed;bottom:0;left:0;width:100%;padding:10px 0;box-shadow:0 -2px 10px rgba(0,0,0,.1)}.form-tambah-tugas-footer .form-tambah-tugas-button{background-color:var(--qn-edlink-400)!important;color:#fff;border:none;padding:10px 20px;border-radius:4px;cursor:pointer;width:95%;margin:auto;display:block}.form-tambah-tugas-footer .form-tambah-tugas-button[disabled]{opacity:.4}.tambah-kuis-tab{display:flex;align-items:center;padding:12px;width:100%;background-color:#fff;position:relative;margin-top:2px;font-weight:700;font-size:12px}.tambah-kuis-form{padding:20px;background-color:#fff}.tambah-kuis-form label,.tambah-kuis-form span{font-size:16px;color:#000;display:block}.tambah-kuis-form .judul-quiz{margin-bottom:20px}.tambah-kuis-form .judul-quiz .judul-quiz-group{display:block!important}.tambah-kuis-form .judul-quiz .judul-quiz-input{font-size:14px!important;border:1px solid var(--qn-neutral-400)!important;border-radius:4px!important;width:100%!important;padding:10px!important}.tambah-kuis-form .judul-quiz .judul-quiz-input:focus,.tambah-kuis-form .judul-quiz .judul-quiz-input:hover{border:1px solid var(--qn-edlink-400)!important;box-shadow:none}.tambah-kuis-form .judul-quiz .judul-quiz-helper{display:flex;justify-content:space-between;align-items:center}.tambah-kuis-form .judul-quiz .judul-quiz-counter{font-size:12px!important;color:#606060!important;text-align:right;margin-left:auto}.tambah-kuis-form .indikator-penilaian{margin-bottom:20px}.tambah-kuis-form .indikator-penilaian .penilaian-option{display:flex;align-items:center;margin-bottom:10px}.tambah-kuis-form .indikator-penilaian .penilaian-option .penilaian-option__item{display:flex;align-items:center}.tambah-kuis-form .indikator-penilaian .penilaian-option .penilaian-option-radio{margin-right:10px}.tambah-kuis-form .indikator-penilaian .penilaian-option .penilaian-option-radio+label::before{content:"";display:inline-block;width:16px;height:16px;border-radius:50%;border:.125rem solid #000;background-color:#fff;margin-right:5px;vertical-align:middle}.tambah-kuis-form .indikator-penilaian .penilaian-option .penilaian-option-radio:checked+label::before{border:.3125rem solid var(--qn-edlink-400)}.tambah-kuis-form .indikator-penilaian .penilaian-option .penilaian-option-radio:not(:checked)+label::before{border:.125rem solid #000}.tambah-kuis-form .indikator-penilaian .penilaian-option .penilaian-option-label{font-size:14px!important;color:#000!important}.tambah-kuis-form .indikator-penilaian .penilaian-option .penjelasan{font-weight:400;font-size:14px!important;color:#000!important}.tambah-kuis-form .durasi-pengerjaan .durasi-input{display:flex;width:fit-content;border:1px solid var(--qn-neutral-400)!important;border-radius:4px!important;overflow:hidden}.tambah-kuis-form .durasi-pengerjaan .durasi-input .input-durasi{font-size:14px!important;padding:10px!important;border:1px solid var(--qn-neutral-200)!important;border-right:none!important;border-radius:4px 0 0 4px!important;width:80px!important;outline:0!important}.tambah-kuis-form .durasi-pengerjaan .durasi-input .input-durasi:focus,.tambah-kuis-form .durasi-pengerjaan .durasi-input .input-durasi:hover{border:1px solid var(--qn-edlink-400)!important}.tambah-kuis-form .durasi-pengerjaan .durasi-input .label-menit{font-size:14px!important;padding:10px!important;background-color:var(--qn-neutral-200)!important;border:1px solid var(--qn-neutral-200)!important;border-left:1px solid var(--qn-neutral-400)!important;border-radius:0 4px 4px 0!important;margin:0!important;color:var(--qn-neutral-600)!important;height:40px!important}.tambah-kuis-wrapper{padding:20px;background-color:#fff}.tambah-kuis-wrapper .tambah-kuis-advanced-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;font-size:14px;font-weight:700;color:#333;cursor:pointer}.tambah-kuis-wrapper .tambah-kuis-advanced-header .tambah-kuis-title{margin-right:8px}.tambah-kuis-wrapper .tambah-kuis-advanced-header .tambah-kuis-line{flex-grow:1;border:none;border-top:1px solid #ddd;margin:0}.tambah-kuis-wrapper .tambah-kuis-advanced-header .tambah-kuis-arrow{margin-left:8px;font-size:14px;color:#333}.tambah-kuis-wrapper .tambah-kuis-bottom-line{border:none;border-top:1px solid #ddd;margin:0 0 16px 0}.tambah-kuis-wrapper .form-control-tambah-kuis{display:flex;justify-content:space-between;align-items:center;background-color:#fff}.tambah-kuis-wrapper .form-control-tambah-kuis .form-control-group-tambah-kuis{display:flex;align-items:center}.tambah-kuis-wrapper .form-control-tambah-kuis .form-control-group-tambah-kuis .form-control-input-tambah-kuis{padding:8px;padding-left:1.5rem;border:1px solid #ddd;border-radius:24px;transition:border-color .3s;margin-bottom:15px}.tambah-kuis-wrapper .form-control-tambah-kuis .form-control-group-tambah-kuis .form-control-input-tambah-kuis:focus,.tambah-kuis-wrapper .form-control-tambah-kuis .form-control-group-tambah-kuis .form-control-input-tambah-kuis:hover{border-color:var(--qn-edlink-400);outline:0}.tambah-kuis-wrapper .form-control-tambah-kuis .form-control-group-tambah-kuis .form-control-input-custom{width:100px;border-radius:8px;border:1px solid #ccc;margin-bottom:15px}.tambah-kuis-wrapper .form-control-tambah-kuis .switch-tambah-kuis{float:right}.tambah-kuis-wrapper .form-control-tambah-kuis .switch-tambah-kuis input{opacity:0;width:0;height:0}.tambah-kuis-wrapper .form-control-tambah-kuis .switch-tambah-kuis .switch-tambah-kuis-label::before{content:"";position:absolute;top:0;left:0;background-color:#ccc;border-radius:34px;transition:.4s}.tambah-kuis-wrapper .form-control-tambah-kuis .switch-tambah-kuis input:checked+.switch-tambah-kuis-label::before{background-color:var(--qn-edlink-400)!important}.tambah-kuis-wrapper .form-control-tambah-kuis .switch-tambah-kuis .switch-tambah-kuis-label::after{content:"";position:absolute;top:2px;left:2px;background-color:#fff;border-radius:50%;transition:.4s}.tambah-kuis-wrapper .form-control-tambah-kuis .switch-tambah-kuis input:checked+.switch-tambah-kuis-label::after{transform:translateX(20px)}.tambah-kuis-wrapper .input-batas-nilai-tambah-kuis{width:260px}.tambah-kuis-wrapper .input-batas-nilai-tambah-kuis .form-control-group-tambah-kuis .form-control-input-tambah-kuis{padding:8px;padding-left:1.5rem;border:1px solid #ddd;border-radius:24px;transition:border-color .3s;margin-bottom:15px}.tambah-kuis-wrapper .input-batas-nilai-tambah-kuis .form-control-group-tambah-kuis .form-control-input-tambah-kuis:focus,.tambah-kuis-wrapper .input-batas-nilai-tambah-kuis .form-control-group-tambah-kuis .form-control-input-tambah-kuis:hover{border-color:var(--qn-edlink-400);outline:0}.tambah-kuis-wrapper .input-deadline-tambah-kuis{width:260px}.tambah-kuis-wrapper .input-deadline-tambah-kuis .form-control-group-tambah-kuis .form-control-input-tambah-kuis{padding:8px;padding-left:2.5rem;border:1px solid #ddd;border-radius:24px;transition:border-color .3s;margin-bottom:15px}.tambah-kuis-wrapper .input-deadline-tambah-kuis .form-control-group-tambah-kuis .form-control-input-tambah-kuis:focus,.tambah-kuis-wrapper .input-deadline-tambah-kuis .form-control-group-tambah-kuis .form-control-input-tambah-kuis:hover{border-color:var(--qn-edlink-400);outline:0}.tambah-kuis-wrapper .tambah-kuis-quiz-repeat-wrapper{display:flex;gap:20px;margin-bottom:15px}.tambah-kuis-wrapper .tambah-kuis-quiz-repeat-wrapper .tambah-kuis-form-control-quiz-interval,.tambah-kuis-wrapper .tambah-kuis-quiz-repeat-wrapper .tambah-kuis-form-control-quiz-repeat{width:150px;display:block}.tambah-kuis-wrapper .tambah-kuis-quiz-repeat-wrapper .tambah-kuis-form-control-quiz-interval .form-control-input-custom-quiz-interval,.tambah-kuis-wrapper .tambah-kuis-quiz-repeat-wrapper .tambah-kuis-form-control-quiz-interval .form-control-input-custom-quiz-repeat,.tambah-kuis-wrapper .tambah-kuis-quiz-repeat-wrapper .tambah-kuis-form-control-quiz-repeat .form-control-input-custom-quiz-interval,.tambah-kuis-wrapper .tambah-kuis-quiz-repeat-wrapper .tambah-kuis-form-control-quiz-repeat .form-control-input-custom-quiz-repeat{width:60px;border:.063rem solid #e3e8ef;border-radius:8px}.tambah-kuis-wrapper .tambah-kuis-quiz-repeat-wrapper .tambah-kuis-input-group-quiz-interval{display:flex;align-items:center}.tambah-kuis-wrapper .tambah-kuis-quiz-repeat-wrapper .tambah-kuis-input-group-quiz-interval .form-control-addon-tambah-kuis{background-color:#f1f1f1;padding:0 8px;border-radius:0 4px 4px 0;font-size:14px;color:#666;margin-left:-1px;border:.063rem solid #e3e8ef;border-left:0;height:40px;display:flex;align-items:center;justify-content:center}.tambah-kuis-wrapper .tambah-kuis-content{display:flex;flex-direction:column;max-width:calc(100% - 50px)}.tambah-kuis-wrapper .tambah-kuis-content .tambah-kuis-label{padding-bottom:0}.tambah-kuis-wrapper .tambah-kuis-content .tambah-kuis-description{font-size:12px;color:#666;padding-left:0;margin-bottom:0}.tambah-kuis-wrapper .tambah-kuis-content .tambah-kuis-badge{background-color:var(--qn-edlink-400);color:#fff;font-size:10px;padding:2px 6px;border-radius:4px;margin-left:8px}.tambah-kuis-button-wrapper{display:flex;flex-direction:column;align-items:center;width:100%;background-color:#fff;padding:0 20px 20px;box-sizing:border-box;position:relative}.tambah-kuis-button-separator{width:100vw;margin-left:calc(-50vw + 50%);border:none;border-top:1px solid #ddd;margin:0 0 16px 0;position:relative;left:50%;transform:translateX(-50%)}.tambah-kuis-button-group{display:flex;justify-content:center;align-items:center;width:100%}.tambah-kuis-button{width:45%;padding:10px 20px;font-size:14px;border-radius:8px;border:none;cursor:pointer;transition:background-color .3s ease}.tambah-kuis-button--primary{background-color:var(--qn-primary-100)!important;color:#7985cb!important}.tambah-kuis-button--secondary{background-color:var(--qn-edlink-400)!important;color:#fff!important}.tambah-kuis-button:hover{opacity:.8}.tambah-kuis-button:focus{outline:0;box-shadow:0 0 0 2px rgba(0,0,0,.2)}.tambah-kuis-button-divider{width:1px;background-color:#ddd;height:40px;margin:0 8px}.tambah-pertanyaan-banner{padding:20px;font-size:16px;background-color:#fff;margin-top:4px;border-radius:8px;border-bottom:1px solid #e0e0e0}.tambah-pertanyaan-banner .banner-header{margin-bottom:20px;display:flex;align-items:center;justify-content:space-between}.tambah-pertanyaan-banner .banner-header .question-icon{font-size:12px;margin-left:5px}.tambah-pertanyaan-banner .banner-controls{display:flex;align-items:center;margin-bottom:10px;gap:10px}.tambah-pertanyaan-banner .banner-controls .settings-button{background:0 0;border:none;cursor:pointer;font-size:18px;color:#000}.tambah-pertanyaan-banner .banner-controls .share-button{background-color:var(--qn-edlink-400)!important;color:#fff;border:none;padding:5px 15px;border-radius:5px;cursor:pointer;font-size:14px;margin-left:12px;max-height:30px!important;min-height:30px!important;font-weight:lighter!important;width:120px!important}.tambah-pertanyaan-banner hr{margin:0 -20px;border:none;border-top:1px solid #e0e0e0}.tambah-pertanyaan-banner .question-number{display:flex;gap:10px;margin-top:10px}.tambah-pertanyaan-banner .question-number .question-tab{background-color:#fff;color:#000;font-size:18px;width:30px;height:30px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer}.tambah-pertanyaan-banner .question-number .question-tab.active{background-color:var(--qn-maukuliah-400);color:#fff}.tambah-pertanyaan-tab button{width:100%;background:0 0;color:var(--qn-edlink-400);padding:10px;cursor:pointer;border-radius:0;font-size:16px}.card-pertanyaan-container{background-color:#fff;padding:20px 20px 0 20px;display:flex;flex-direction:column;position:relative}.card-pertanyaan-container .card-pertanyaan-icon{display:flex;justify-content:center;align-items:center;margin-bottom:-10px;margin-top:-10px}.card-pertanyaan-container .card-pertanyaan-header{display:flex;justify-content:space-between;color:var(--qn-neutral-500);font-size:12px}.card-pertanyaan-container .card-pertanyaan-header .card-pertanyaan-selesai{color:var(--qn-edlink-400)}.card-pertanyaan-container .card-pertanyaan-label{font-weight:700;padding:5px 0}.card-pertanyaan-container .card-pertanyaan-button{display:flex;justify-content:flex-start}.card-pertanyaan-container .card-pertanyaan-button button{background:0 0;border:1px solid #ccc;padding:10px;cursor:pointer;width:50px!important;height:50px!important;max-height:50px!important}.card-pertanyaan-container .card-pertanyaan-button button i{color:var(--qn-edlink-400);font-size:24px}.card-pertanyaan-container .card-pilihan-jawaban-box{background-color:#f8fafc;border:1px dashed var(--qn-neutral-500);border-radius:8px 8px 0 0;padding:10px;margin-top:10px}.card-pertanyaan-container .card-pilihan-jawaban-box .pilihan-item{display:flex;align-items:center;position:relative;margin-bottom:10px}.card-pertanyaan-container .card-pilihan-jawaban-box .pilihan-item .pilihan-radio{margin-right:10px}.card-pertanyaan-container .card-pilihan-jawaban-box .pilihan-item .pilihan-editor-wrapper{flex-grow:1}.card-pertanyaan-container .card-pilihan-jawaban-box .pilihan-item .pilihan-editor{width:100%;max-width:300px}.card-pertanyaan-container .card-pilihan-jawaban-box .pilihan-item .delete-button{position:absolute;top:0;right:0;background:0 0;border:none;font-size:16px;cursor:pointer;color:var(--qn-sevima-red-300)}.card-pertanyaan-container .card-pilihan-jawaban-box .pilihan-item .delete-button:hover{opacity:.8}.card-pertanyaan-container .card-pilihan-jawaban-box .pilihan-tambah{display:flex;justify-content:flex-start}.card-pertanyaan-container .card-pilihan-jawaban-box .pilihan-tambah .btn-tambah{background-color:#fff!important;padding:10px;cursor:pointer}.card-pertanyaan-container .custom-hr{border:none;border-top:1px solid var(--qn-neutral-500);margin:0 -20px}.card-pertanyaan-container .tambah-pertanyaan-tab{background-color:#fff;color:var(--qn-edlink-400);font-weight:700;padding:10px;text-align:left}.form-bagikan-kuis{font-size:14px;background-color:#fff;padding:20px}.form-bagikan-kuis-judul,.form-bagikan-kuis-kelas,.form-bagikan-kuis-sesi{margin-bottom:20px}.form-bagikan-kuis-judul label,.form-bagikan-kuis-kelas label,.form-bagikan-kuis-sesi label{display:block;font-weight:700;margin-bottom:5px}.form-bagikan-kuis-judul input,.form-bagikan-kuis-kelas input,.form-bagikan-kuis-sesi input{width:100%;padding:10px;border-radius:5px;border:1px solid #ccc;background-color:#fff}.form-bagikan-kuis-judul input:disabled,.form-bagikan-kuis-kelas input:disabled,.form-bagikan-kuis-sesi input:disabled{background-color:#e0e0e0;border-color:#ccc;color:#999}.form-bagikan-kuis-editor{margin-bottom:20px}.form-bagikan-kuis-editor label{display:block;font-weight:700;margin-bottom:5px}.form-bagikan-kuis-waktu{margin-top:20px}.form-bagikan-kuis-waktu label{font-weight:700;margin-bottom:10px;display:block}.form-bagikan-kuis-waktu-buttons{display:flex;gap:10px}.form-bagikan-kuis-waktu-buttons button{padding:10px 20px;border-radius:5px;border:1px solid var(--qn-edlink-400);font-size:14px;display:flex;align-items:center;justify-content:center;cursor:pointer;background-color:transparent;color:var(--qn-edlink-400);transition:background-color .3s,color .3s}.form-bagikan-kuis-waktu-buttons button i{margin-right:5px}.form-bagikan-kuis-waktu-buttons button.active{background-color:var(--qn-edlink-400);color:#fff}.form-bagikan-kuis-input-datetime{padding:10px;border-radius:50px;border:1px solid #ccc;width:100%;margin-top:10px;cursor:pointer}.form-bagikan-kuis-input-datetime:focus{outline:0;border:1px solid var(--qn-edlink-400)}.modal-detail-bahan-ajar-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:1000;display:flex;justify-content:flex-end;align-items:flex-end}.modal-detail-bahan-ajar-container{background:#fff;padding:20px;border-radius:8px 8px 0 0;width:100%;max-width:480px;box-shadow:0 -4px 6px rgba(0,0,0,.1)}.modal-detail-bahan-ajar-header h2{margin:0;font-size:12px;font-weight:700;text-align:left;color:#333;margin-left:18px;margin-bottom:20px}.modal-detail-bahan-ajar-body{margin-top:10px}.modal-detail-bahan-ajar-options{list-style:none;padding:0;margin:0}.modal-detail-bahan-ajar-option{margin-bottom:15px;display:flex;align-items:center}.modal-detail-bahan-ajar-button{width:100%;padding:10px 15px;font-size:12px;text-align:left;border:none;cursor:pointer;background:0 0;display:flex;align-items:center}.modal-detail-bahan-ajar-button.edit{font-weight:500}.modal-detail-bahan-ajar-button.delete{color:#dc2626;font-weight:500}.modal-detail-bahan-ajar-button i{margin-right:10px;font-size:14}.modal-detail-bahan-ajar-option+.modal-detail-bahan-ajar-option{border-top:1px solid #e5e7eb;padding-top:10px}.presence-alert-container{padding:16px}.presence-banner{background-color:#fff;padding:16px;font-family:Arial,sans-serif;line-height:1.5;font-size:12px}.presence-banner .title{font-size:1rem;margin-bottom:12px;font-weight:700;color:#000}.presence-banner .label{margin:4px 0;color:var(--qn-primary-400)}.presence-banner .value{color:#000;margin:0}.presence-banner .highlight{color:var(--qn-primary-500);font-weight:700}.presence-banner .time-and-toggle{display:flex;align-items:center;justify-content:space-between;margin-top:8px}.presence-banner .time-and-toggle .label,.presence-banner .time-and-toggle .value{margin-right:10px}.presence-banner .toggle-info{font-size:12px;color:var(--qn-edlink-400);cursor:pointer;text-decoration:none}.list-peserta-card-container{display:flex;justify-content:space-between;align-items:center;padding:16px;padding-bottom:4px;border-bottom:1px solid var(--qn-neutral-200)}.list-peserta-card-content{display:flex;flex-direction:column;width:100%}.list-peserta-card-text-left{text-align:left}.list-peserta-card-name{font-size:14px;color:#333}.list-peserta-card-nim{font-size:14px;color:#230;font-weight:700;display:block;margin-top:4px;margin-bottom:8px}.list-peserta-card-buttons{display:flex;justify-content:space-between;margin:8px 10%}.list-peserta-card-circle{display:flex;justify-content:center;align-items:center;width:36px;height:36px;border:1px solid #d1d5db;border-radius:50%;font-size:14px;font-weight:700;color:#230;cursor:pointer;background-color:transparent;transition:background-color .3s,color .3s}.list-peserta-card-circle-active{background-color:var(--qn-edlink-400)!important;color:#fff!important}.list-peserta-card-circle-inactive{background-color:transparent!important;color:#230!important}.list-peserta-card-circle-disabled{pointer-events:none;opacity:.5;cursor:not-allowed}.list-peserta-container{background-color:#fff;margin-top:12px}.list-peserta-header{border-bottom:1px solid #e5e5e5}.list-peserta-flex{display:flex;justify-content:space-between;align-items:center;padding:16px}.list-peserta-align-center{display:flex;align-items:center;gap:8px}.list-peserta-icon{font-size:14px;color:#606770;margin-left:8px}.list-peserta-checkbox{margin-right:4px;width:14px;height:14px}.list-peserta-label{font-size:14px;color:#606770}.list-peserta-checkbox:disabled+.list-peserta-label{opacity:.5;cursor:not-allowed}.files-container{padding:16px}.files-container .file-card{display:flex;gap:8px;margin-bottom:8px}.files-container .file-card .file-icon{width:48px}.files-container .file-card .file-title{width:100%}#overlay.modal-lainnya-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:flex-end}.modal-lainnya-container{background-color:#fff;width:100%;max-width:400px;border-top-left-radius:12px;border-top-right-radius:12px}.modal-lainnya-content{padding:0 16px 8px 16px}.modal-lainnya-item{font-size:14px;font-weight:700;height:50px;display:flex;align-items:center;border-bottom:1px solid #e5e5e5}.modal-lainnya-item.green{color:var(--qn-edlink-400)}.modal-lainnya-item.gray{color:#4a4a4a}.modal-lainnya-item:last-child{border-bottom:none}.lainnya-search-container{padding:16px}.lainnya-search-container .lainnya-title{font-size:16px;font-weight:500;color:#333}.lainnya-search-container .lainnya-input-wrapper{margin-top:12px;position:relative;width:100%;max-width:400px}.lainnya-search-container .lainnya-search-input{width:100%;padding:8px 16px 8px 36px;font-size:14px;border:1px solid #e5e5e5;border-radius:8px;box-shadow:none;outline:0}.lainnya-search-container .lainnya-search-icon{position:absolute;top:50%;left:12px;transform:translateY(-50%);color:#b0b0b0}.draf-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:40vh;text-align:center;color:#4a4a4a;padding:16px}.draf-message-bold{font-size:14px;font-weight:700;margin-bottom:4px}.draf-message-subtle{font-size:14px;color:#9b9b9b}.draf-container{display:flex;flex-direction:column}.draf-card{border-bottom:1px solid #e0e0e0;padding:16px}.draf-card-header{display:flex;justify-content:space-between;align-items:center}.draf-badge{font-size:12px;padding:2px 8px;border-radius:6px;border:1px solid;display:inline-block}.draf-badge-survey{background-color:#fff8dc;color:#d97706;border-color:#facc15}.draf-badge-event{background-color:#ffe4e1;color:#dc2626;border-color:#f87171}.draf-badge-info{background-color:#e0f2fe;color:#2563eb;border-color:#60a5fa}.draf-badge-post-owner{background-color:#e3f1fa;color:#333;border-color:#494949}.card-title{font-size:14px;font-weight:600;margin-top:8px}.card-date{font-size:12px;color:#6b7280;margin-top:4px}.menu-button{background:0 0;border:none;font-size:24px;font-weight:700;cursor:pointer;color:#6b7280;width:32px;text-align:right}.banner-detail-bahan-ajar{border-top:1px solid #ddd;padding:16px;width:100%;box-sizing:border-box;font-family:Arial,sans-serif;background-color:#fff}.banner-detail-bahan-ajar .banner-shared{background-color:var(--qn-edlink-400);color:#fff;padding:3px 6px;display:inline-block;border-radius:4px;font-size:11px}.banner-detail-bahan-ajar .banner-sharedlater{background-color:var(--qn-warning-400);color:#fff;padding:3px 6px;display:inline-block;border-radius:4px;font-size:11px}.banner-detail-bahan-ajar .banner-title{font-size:22px;margin:14px 0 6px}.banner-detail-bahan-ajar .banner-info{display:flex;align-items:center;font-size:12px;color:#666}.banner-detail-bahan-ajar .banner-info .banner-session,.banner-detail-bahan-ajar .banner-info .banner-topic{display:flex;align-items:center}.banner-detail-bahan-ajar .banner-info .banner-session .icon-container,.banner-detail-bahan-ajar .banner-info .banner-topic .icon-container{width:24px;height:24px;border-radius:50%;background-color:#eee;display:flex;align-items:center;justify-content:center;margin-right:6px}.banner-detail-bahan-ajar .banner-info .banner-session .icon-container i,.banner-detail-bahan-ajar .banner-info .banner-topic .icon-container i{font-size:12px}.banner-detail-bahan-ajar .banner-info .separator{margin:0 6px}.banner-detail-bahan-ajar .banner-divider{width:calc(100vw + 40px);margin-left:-20px;margin-right:-20px;color:#ddd;margin-top:16px}.banner-likes-comments{display:flex;justify-content:space-between;font-size:11px;background-color:#fff;padding-bottom:8px}.banner-likes-comments .likes-count{margin-left:20px}.banner-likes-comments .comments-count{margin-right:20px}.page-container{background-color:var(--semantic-elevation-base-secondary);display:flex;flex-direction:column;max-height:100vh}.page-container .modal-detail-bahan-ajar-container{max-height:calc(100vh - 20px)}.news-description-container p{margin-bottom:16px;line-height:1.5}@keyframes shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}.assign-main{display:flex;flex-direction:column;min-height:0}.assign-main .top-container{flex:1;overflow-y:auto;padding:12px 0;min-height:0;overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.assign-main .submission-info-text{text-align:center;color:var(--color-text-neutral-subtle)}.assign-main .submission-info-first-submitter{border-radius:8px 8px 0 0;margin:0 12px -12px 12px;padding:12px 12px 20px 12px;border:1px solid var(--color-border-success-light);background-color:var(--color-background-success-subtle-default)}.assign-main .submission-info-unsubmitted{border-radius:8px 8px 0 0;margin:0 12px -12px 12px;padding:12px 12px 20px 12px;border:1px solid var(--color-border-danger-light);background-color:var(--color-background-danger-subtle-default)}.assign-main .submission-info-unsubmitted-missed{border-radius:8px 8px 0 0;margin:0 12px -12px 12px;padding:12px 12px 20px 12px;border:1px solid var(--color-border-danger-light);background-color:var(--color-background-danger-subtle-default)}.assign-main .submission-info-submitted{border-radius:8px 8px 0 0;margin:0 12px -12px 12px;padding:12px 12px 20px 12px;border:1px solid var(--color-border-success-light);background-color:var(--color-background-success-subtle-default)}.assign-main .submission-info-last-submitter{border-radius:8px 8px 0 0;margin:0 12px -12px 12px;padding:12px 12px 20px 12px;border:1px solid var(--color-border-danger-light);background-color:var(--color-background-danger-subtle-default)}.assign-main .bottom-container{flex-shrink:0;max-height:45vh;overflow-y:auto;border:1px solid var(--semantic-border-light-secondary);background-color:var(--white);border-radius:8px;margin:0 12px 16px 12px}.assign-card-detail{border:1px solid var(--semantic-border-light-secondary);margin:16px 12px 0 12px;padding:12px 0 12px 0;background-color:var(--white);border-radius:12px}.assign-card-detail .assign-card-header{display:flex;justify-content:space-between;align-items:center}.assign-card-detail .assign-card-header .title{margin-top:6px;margin-left:12px;color:var(--semantic-text-dark-default)}.assign-card-detail .assign-card-header .badge{display:flex;align-items:center;gap:4px;margin-right:12px;border:1px solid var(--semantic-border-light-secondary);padding:2px 8px 2px 8px;border-radius:7px}.assign-card-detail .assign-card-header .badge .text{color:var(--semantic-text-dark-default)}.assign-card-detail .line{margin-top:6px;margin-bottom:6px;height:1px;background-color:var(--semantic-border-light-secondary)}.assign-card-detail .material-title{color:var(--semantic-text-dark-default);margin-left:12px;margin-right:12px;line-height:1.1;word-wrap:break-word;overflow-wrap:break-word;word-break:break-word}.assign-card-detail .duedate-container{display:flex;align-items:center;gap:4px;margin-top:16px;margin-left:12px;margin-right:12px;justify-content:space-between}.assign-card-detail .duedate-container .label{color:var(--semantic-text-dark-tertiary)}.assign-card-detail .duedate-container .date{color:var(--semantic-text-dark-default)}.assign-card-detail .duedate-container .timer{display:flex;align-items:center;gap:4px;right:0;background-color:var(--bg-attention-default);border:1px solid var(--semantic-border-attention-secondary);padding:0 8px 0 8px;border-radius:7px}.assign-card-detail .duedate-container .timer .icon{width:auto;height:auto}.assign-card-detail .duedate-container .timer .text{color:var(--text-attention-default)}.assign-card-detail .duedate-container .missed{background-color:var(--bg-danger-default);padding:0 6px 0 6px;border:1px solid var(--semantic-border-danger-secondary);border-radius:7px}.assign-card-detail .duedate-container .missed .text{color:var(--text-danger)}.assign-card-detail .duedate-container .submitted{background-color:var(--bg-success-default);padding:0 6px 0 6px;border:1px solid var(--semantic-border-success-secondary);border-radius:7px}.assign-card-detail .duedate-container .submitted .text{color:var(--text-success)}.assign-card-detail .description-container{margin-top:16px;margin-left:12px;margin-right:12px}.assign-card-detail .description-container .label{color:var(--semantic-text-dark-tertiary)}.assign-card-detail .description-container .description{color:var(--semantic-text-dark-default);word-wrap:break-word;overflow-wrap:break-word;word-break:break-word}.assign-card-detail .question-team-container{margin-top:16px;margin-left:12px;margin-right:12px}.assign-card-detail .question-team-container .label{color:var(--semantic-text-dark-tertiary)}.assign-card-detail .question-team-container .description{color:var(--semantic-text-dark-default)}.assign-card-detail .lampiran-container{margin-top:16px;margin-left:12px;margin-right:12px}.assign-card-detail .lampiran-container .label{color:var(--semantic-text-dark-tertiary)}.assign-card-detail .lampiran-container .list-container{display:flex;flex-direction:column;gap:6px;margin-top:4px}.assign-card-team-member-container{border:1px solid var(--semantic-border-light-secondary);border-radius:12px;margin-top:16px;margin-left:12px;margin-right:12px;background-color:var(--white)}.assign-card-team-member-container .card-team-member-header{display:flex;justify-content:space-between;align-items:center;padding:12px}.assign-card-team-member-container .card-team-member-header .title{margin:0;color:var(--semantic-text-dark-default)}.assign-card-team-member-container .card-team-member-header .member-count{margin:0;color:var(--semantic-text-dark-tertiary)}.assign-card-team-member-container .line{height:1px;background-color:var(--semantic-border-light-secondary)}.assign-card-team-member-container .team-member-list-container{margin-top:16px;margin-left:12px;margin-right:12px;margin-bottom:12px}.assign-card-team-member-container .team-member-list-container .team-member-list{display:flex;flex-direction:column;gap:6px}.assign-card-team-member-container .team-member-list-container .member-item{display:flex;align-items:center;gap:8px;width:100%}.assign-card-team-member-container .team-member-list-container .member-item .avatar{width:34px;height:34px;min-width:34px;min-height:34px;border-radius:50%;object-fit:cover;flex-shrink:0}.assign-card-team-member-container .team-member-list-container .member-item .text{color:var(--semantic-text-dark-default)}.assign-card-team-member-container .sceleton-loader{margin:12px;border-radius:8px;height:32px;background:linear-gradient(90deg,var(--semantic-elevation-base-secondary) 25%,var(--semantic-border-light-secondary) 50%,var(--semantic-elevation-base-secondary) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}.assign-summary-container{display:flex;flex-direction:column}.assign-summary-container .summary-group-name{margin:16px;position:sticky;top:0;color:var(--semantic-text-dark-default)}.assign-summary-container .summary-answer-container{display:flex;flex-direction:column;padding:0 16px 0 16px;gap:8px}.assign-summary-container .summary-answer-container .answer-header{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#000}.assign-summary-container .summary-answer-container .answer-header .title-container{display:flex;align-items:center;gap:8px}.assign-summary-container .summary-answer-container .answer-header .title-container .answer-title{color:var(--semantic-text-dark-default)}.assign-summary-container .summary-answer-container .answer-header .answer-date{color:var(--semantic-text-dark-tertiary);margin-left:8px}.assign-summary-container .summary-answer-container .answer-text-container{display:flex;align-items:center;border:1px solid var(--semantic-border-light-secondary);border-radius:8px;padding:16px;gap:8px}.assign-summary-container .summary-answer-container .answer-text-container .answer-text{color:var(--semantic-text-dark-default);display:block;flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.assign-summary-container .summary-answer-container .answer-text-container .answer-text a,.assign-summary-container .summary-answer-container .answer-text-container .answer-text b,.assign-summary-container .summary-answer-container .answer-text-container .answer-text div,.assign-summary-container .summary-answer-container .answer-text-container .answer-text em,.assign-summary-container .summary-answer-container .answer-text-container .answer-text i,.assign-summary-container .summary-answer-container .answer-text-container .answer-text p,.assign-summary-container .summary-answer-container .answer-text-container .answer-text span,.assign-summary-container .summary-answer-container .answer-text-container .answer-text strong,.assign-summary-container .summary-answer-container .answer-text-container .answer-text u{display:inline;white-space:inherit;margin:0;padding:0}.assign-summary-container .summary-answer-container .answer-text-container .answer-text br{display:none}.assign-summary-container .summary-feedback-container{display:flex;flex-direction:column;margin-top:16px;padding:0 16px 0 16px;gap:8px}.assign-summary-container .summary-feedback-container .feedback-header{display:flex;align-items:center;margin-bottom:0;gap:8px}.assign-summary-container .summary-feedback-container .feedback-header .feedback-title{color:var(--semantic-text-dark-default)}.assign-summary-container .summary-feedback-container .feedback-text-container{display:flex;align-items:center;border:1px solid var(--semantic-border-light-secondary);border-radius:8px;padding:16px;gap:8px}.assign-summary-container .summary-feedback-container .feedback-text-container .feedback-text{color:var(--semantic-text-dark-default)}.assign-summary-container .summary-bottom-container{display:flex;justify-content:space-between;align-items:center;position:sticky;bottom:0;background-color:var(--qn-edlink-400);z-index:10;margin-top:auto;padding:12px}.assign-summary-container .summary-bottom-container .lbl-grade{color:var(--white);text-align:center}.assign-summary-container .summary-bottom-container .grade{color:var(--white);text-align:center}.assign-summary-container .sceleton-loader{border-radius:8px;height:32px;background:linear-gradient(90deg,var(--semantic-elevation-base-secondary) 25%,var(--semantic-border-light-secondary) 50%,var(--semantic-elevation-base-secondary) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}.assign-summary-container .sceleton-loader-text{border-radius:8px;height:16px;width:80%;background:linear-gradient(90deg,var(--semantic-elevation-base-secondary) 25%,var(--semantic-border-light-secondary) 50%,var(--semantic-elevation-base-secondary) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}.lq-answered-container{padding:8px}.lq-answered-container .text{color:var(--qn-edlink-400)}.lq-graded-container{display:flex;color:var(--qn-white);padding:8px 20px 8px 20px;background-color:var(--qn-edlink-400);justify-content:space-between}.lq-detail-report-card{display:flex;column-gap:8px;padding:8px 20px 8px 20px;background-color:#f5f7ff;border-radius:6px}.tugas-content-list-post{border:1px solid #ddd;border-radius:5px;margin-bottom:15px;display:flex;flex-direction:column;gap:8px}.tugas-content-list-post .title{line-height:1;margin:12px 12px 0 12px;word-wrap:break-word;overflow-wrap:break-word;word-break:break-word}.tugas-content-list-post .kelompok-due-date{display:flex;align-items:center;column-gap:4px;margin-top:12px;margin-left:16px}.tugas-content-list-post .kelompok-due-date .container-info{display:flex;flex-direction:column;gap:4px}.tugas-content-list-post .kelompok-due-date .title{line-height:1;margin:0 12px 0 12px;word-wrap:break-word;overflow-wrap:break-word;word-break:break-word}.tugas-content-list-post .due-date{line-height:1;margin:0 12px 0 12px;word-wrap:break-word;overflow-wrap:break-word;word-break:break-word}.tugas-content-list-post .due-date-danger{color:var(--text-danger);line-height:1;margin:0 12px 0 12px;word-wrap:break-word;overflow-wrap:break-word;word-break:break-word}.tugas-content-list-post .desc{margin:0 12px 0 12px;color:var(--semantic-text-dark-secondary);word-wrap:break-word;overflow-wrap:break-word;word-break:break-word}.tugas-content-list-post .closed{height:40px;margin:16px;border-radius:6px;background-color:var(--color-background-neutral-disabled);color:var(--color-text-neutral-disabled);text-align:center;display:flex;align-items:center;justify-content:center}.detail-tugas-space-bottom{padding-bottom:50vh}@media (min-width:375px) and (max-width:389px){.detail-tugas-space-bottom{padding-bottom:50vh}}@media (min-width:390px) and (max-width:767px){.detail-tugas-space-bottom{padding-bottom:50vh}}@media (min-width:768px){.detail-tugas-space-bottom{padding-bottom:50vh}}.detail-tugas-container{font-family:Arial,sans-serif;color:#333;padding:0 16px 16px 16px;background-color:#fff}.detail-tugas-container .detail-tugas-section .detail-tugas-title{font-size:14px!important}.detail-tugas-container .detail-tugas-section .detail-tugas-text{margin:4px 0 0 0;font-size:14px}.detail-tugas-container .detail-tugas-count{background-color:var(--qn-sevima-blue-100);color:#fff;border-radius:50%;width:20px;height:20px;display:inline-flex;justify-content:center;align-items:center;font-size:14px;margin-left:8px}.detail-tugas-container .detail-tugas-list{margin-top:8px;margin-bottom:8px}.detail-tugas-container .detail-tugas-list .detail-tugas-answer-item{display:flex;align-items:center;margin-top:8px;font-size:14px}.detail-tugas-container .detail-tugas-list .detail-tugas-answer-item .detail-tugas-index{font-size:14px;margin-right:8px;font-weight:700}.detail-tugas-container .detail-tugas-list .detail-tugas-answer-item .detail-tugas-avatar img{width:35px;height:35px;border-radius:50%;margin-right:12px;margin-left:8px}.detail-tugas-container .detail-tugas-list .detail-tugas-answer-item .detail-tugas-answer-details{display:flex;justify-content:space-between;align-items:center;width:100%}.detail-tugas-container .detail-tugas-list .detail-tugas-answer-item .detail-tugas-answer-details .detail-tugas-status-button{min-height:10px!important;max-height:30px!important;background-color:#fff!important;padding:2px 6px;border-radius:4px;font-size:14px;color:#666}.detail-tugas-container .detail-tugas-list .detail-tugas-answer-item .detail-tugas-answer-details .detail-tugas-user-name{font-weight:700;font-size:14px;margin-left:4px}.detail-tugas-container .detail-tugas-list .detail-tugas-answer-item .detail-tugas-answer-details .detail-tugas-grade{display:flex;align-items:center;background-color:var(--qn-neutral-200);padding:6px;border-radius:4px}.detail-tugas-container .detail-tugas-list .detail-tugas-answer-item .detail-tugas-answer-details .detail-tugas-grade .grade-icon{color:#f5a623;font-size:18px;line-height:1}.detail-tugas-container .detail-tugas-list .detail-tugas-answer-item .detail-tugas-answer-details .detail-tugas-grade .grade-value{margin-left:4px;font-size:16px;font-weight:700;line-height:18px}.detail-tugas-container .detail-tugas-status-button{background-color:#fff!important;padding:2px 6px;border-radius:4px;font-size:14px;color:#666}.alert-tugas-alert{margin-top:8px;margin-bottom:8px;--qn-alert-background:var(--qn-primary-100)!important}.alert-tugas-alert .alert-content-custom .alert-tugas-alert-content{font-size:14px;color:var(--qn-sevima-blue-400)}.jawaban-closed-container{width:100%;display:flex;flex-direction:column;gap:6px;overflow-y:auto;padding:0 16px 0 16px}.tugas-tutup-container{height:auto;position:sticky;top:0;z-index:10;background-color:var(--white);margin:0 12px 16px 12px}.tugas-tutup-container .text{background-color:var(--color-background-neutral-disabled);color:var(--color-text-neutral-disabled);border-radius:8px;padding:12px;text-align:center}.jawaban-anda-container{width:100%;height:100%;background-color:#fff;display:flex;flex-direction:column;overflow-y:auto;position:relative;min-height:0}.jawaban-anda-header{position:sticky;top:0;z-index:10;display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;color:#000;width:100%;padding:16px 16px 0 16px;cursor:pointer;background-color:#fff;flex-shrink:0}.jawaban-anda-header .user-info{color:var(--semantic-text-dark-tertiary)}.jawaban-anda-header .btn-history{width:200px;text-align:right;color:var(--qn-edlink-400)}.jawaban-anda-header .line{width:calc(100% + 32px);margin-left:-16px;margin-right:-16px;border:none;border-top:1px solid #e0e0e0;margin-top:16px}.submitted-container{width:100%;overflow-y:auto;padding:16px 16px 0 16px}.submitted-container .button-container{width:100%;position:sticky;bottom:0;z-index:10;background-color:var(--white);display:flex;flex-direction:column;gap:6px;padding:16px 0 16px 0}.jawaban-anda-content-wrapper{display:flex;align-items:center;justify-content:flex-start;width:100%}.jawaban-anda-content-icon{font-size:14px;color:var(--qn-sevima-blue-400)!important;margin-right:8px}.jawaban-anda-content-text{font-size:12px;color:var(--qn-sevima-blue-400)!important;flex-grow:1;text-align:left;font-weight:700}.jawaban-btn-hapus{background:0 0;border:none;color:#7985cb;font-size:12px;cursor:pointer;font-weight:500}.jawaban-btn-tambah{border:1px solid var(--qn-edlink-400);color:var(--qn-edlink-400);margin-left:auto;margin-right:auto;padding:10px 15px;background:#fff;border-radius:5px;cursor:pointer;width:100%;max-width:400px;box-sizing:border-box}.jawaban-btn-tambah .text{color:var(--qn-edlink-600)}.jawaban-btn-kirim-ulang{border:none;border-radius:4px;margin-left:auto;margin-right:auto;padding:10px 15px;background:var(--qn-edlink-400);color:#fff;font-size:14px;width:100%;max-width:400px;margin-top:4px}.jawaban-btn-kirim-ulang .text{color:var(--qn-edlink-600)}.jawaban-anda-grade-container .jawaban-anda-date{font-size:12px;color:#7985cb;margin-bottom:16px;text-align:left}.jawaban-anda-grade-container .jawaban-anda-feedback-wrapper{display:flex;flex-direction:column;padding:0 16px 0 16px;gap:8px;margin-top:12px;margin-bottom:12px;text-align:left}.jawaban-anda-grade-container .jawaban-anda-feedback-item{display:flex;align-items:center;font-size:12px;color:#000}.jawaban-anda-grade-container .jawaban-anda-feedback-item i{width:20px;text-align:center;margin-right:12px}.jawaban-anda-grade-container .jawaban-anda-feedback-item span{margin-left:0}.jawaban-anda-grade-container .jawaban-anda-grade{background-color:var(--qn-edlink-400);color:#fff;padding:10px 40px;display:flex;justify-content:space-between;align-items:center;width:calc(100vw + 40px);text-align:left;position:relative;left:50%;margin-bottom:-20px;transform:translateX(-50%);height:50px}.jawaban-anda-grade-container .jawaban-anda-status{display:flex;align-items:center;font-size:14px;font-weight:700}.jawaban-anda-grade-container .jawaban-anda-status i{margin-right:8px}.jawaban-anda-grade-container .jawaban-anda-score{font-size:20px;font-weight:700}.jawaban-detail-feedback-section{margin-top:16px}.jawaban-detail-feedback-title{font-size:14px;font-weight:700;color:var(--qn-sevima-blue-300);margin-bottom:8px}.jawaban-detail-feedback-item{display:flex;align-items:center;font-size:12px;font-weight:700;color:#000;padding:10px;background-color:var(--qn-neutral-200);border-radius:8px;border:1px solid #e0e0e0}.jawaban-detail-feedback-item i{width:20px;margin-right:12px;color:#000}.jawaban-detail-feedback-item span{flex-grow:1;text-align:left}.jawaban-detail-btn-lihat{background-color:transparent;color:var(--qn-edlink-400);border:none;font-size:12px;font-weight:700;cursor:pointer}.jawaban-detail-divider{width:calc(100% + 40px);margin-left:-20px;margin-right:-20px;border:none;border-top:1px solid #e0e0e0}.jawaban-grade-container{position:sticky;bottom:0;z-index:10;padding:16px;display:flex;justify-content:space-between;align-items:center;background-color:#009b24;color:#fff}.jawaban-grade-container p{margin:0;color:#fff;font-size:16px;display:flex;align-items:center}.jawaban-grade-container p .fa-check-circle{margin-right:8px;color:#fff}.jawaban-total-flag{background-color:#ffad23;margin-left:4px;padding:2px 7px 2px 7px;border-radius:15px}.jawaban-start-container{width:100%;display:flex;flex-direction:column;gap:6px;overflow-y:auto;padding:16px 16px 0 16px}.jawaban-start-container .answer-btn-container{width:100%;margin-top:16px;position:sticky;bottom:0;z-index:10;background-color:var(--white);display:flex;flex-direction:column;gap:6px;padding:16px 0 16px 0}.jawaban-attachment-container{display:flex;flex-direction:column;gap:8px;margin-top:8px}.jawaban-attachment-container .attachment-item{display:flex;align-items:center;justify-content:space-between;gap:8px}.jawaban-attachment-container .attachment-item .attachment-icon{width:16px;height:16px;flex-shrink:0}.jawaban-attachment-container .attachment-item .attachment-info{display:flex;flex-direction:column;flex:1;min-width:0}.jawaban-attachment-container .attachment-item .attachment-info .attachment-name{color:var(--semantic-text-dark-default);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.jawaban-attachment-container .attachment-item .attachment-info .attachment-size{color:var(--semantic-text-dark-tertiary)}.jawaban-under-review-container{background-color:var(--color-background-neutral-disabled);border:1px solid var(--color-border-disabled);border-radius:var(--button-radius-lg);min-height:0;padding:12px;margin:16px 12px;text-align:center}.jawaban-under-review-container .under-review-text{color:var(--color-text-neutral-disabled)}.feedback-container{display:flex;justify-content:space-between;margin-bottom:8px}.feedback-container .feedback-text{color:var(--semantic-text-dark-default)}.feedback-container .feedback-btn{background-color:transparent;color:var(--qn-edlink-400);border:none;cursor:pointer}.modal-detail-tugas-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:1000;display:flex;justify-content:flex-end;align-items:flex-end}.modal-detail-tugas-wrapper{background:#fff;border-radius:8px 8px 0 0;margin-left:auto;margin-right:auto;width:100%;max-width:480px;box-shadow:0 -4px 6px rgba(0,0,0,.1);display:flex;flex-direction:column}.modal-detail-tugas-header{width:100%;height:4px;background-color:var(--qn-maukuliah-400);border-top-left-radius:8px;border-top-right-radius:8px}.modal-detail-tugas-content{padding:20px}.modal-detail-tugas-option{padding:10px 0;font-size:14px;border:none;cursor:pointer;text-align:left;background:0 0;display:flex;align-items:center;color:#000}.modal-detail-tugas-divider{width:100%;border:none;border-top:1px solid #e0e0e0;margin-top:10px;margin-bottom:10px}.modal-detail-tugas-icon{color:var(--qn-sevima-blue-400);margin-right:10px;font-size:14px}.text-editor-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#fff;z-index:2000;display:flex;flex-direction:column}.text-editor-header{display:flex;justify-content:space-between;align-items:center;padding:10px;background-color:#f5f5f5;border-bottom:1px solid #ddd}.text-editor-back-button{background:0 0;border:none;cursor:pointer;font-size:16px}.text-editor-title{font-size:16px;font-weight:700;text-align:center;flex-grow:1}.text-editor-save-button{background:0 0;border:none;cursor:pointer;font-size:16px;color:green}.text-editor-content{padding:15px;flex-grow:1;overflow-y:auto}.text-editor{width:100%;height:calc(100% - 60px);font-size:14px;line-height:1.5;padding:10px;border:1px solid #ddd;box-sizing:border-box;background-color:#fff}.tugas-modal-confirmation-overlay{position:fixed;bottom:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.75);display:flex;align-items:flex-end;justify-content:center;z-index:1000}.tugas-modal-confirmation-container{background:#fff;padding:20px;text-align:center;max-width:400px;width:100%;border-radius:10px 10px 0 0}.tugas-modal-confirmation-icon{display:flex;justify-content:center;margin-bottom:20px}.tugas-modal-text-container{display:flex;flex-direction:column;align-items:center;gap:10px;margin-bottom:20px}.tugas-modal-confirmation-buttons{display:flex;justify-content:center;gap:10px}.tugas-modal-confirmation-btn-cancel,.tugas-modal-confirmation-btn-ok{width:45%;padding:10px 20px;border-radius:5px;cursor:pointer;font-weight:700!important}.tugas-modal-confirmation-btn-cancel{border-color:var(--qn-edlink-400)!important;color:var(--qn-edlink-400)!important}.tugas-modal-confirmation-btn-ok{background-color:var(--qn-edlink-400)!important;color:#fff!important}.tugas-modal-empty-answer-confirmation-button-container{display:flex;justify-content:center;flex-direction:column;gap:10px}.tugas-modal-empty-answer-confirmation-button-container .btn-add-answer{background-color:var(--qn-primary-600)!important;color:#fff!important;width:100%;padding:10px 20px;border-radius:5px;cursor:pointer}.tugas-modal-empty-answer-confirmation-button-container .btn-still-empty{background-color:var(--qn-white)!important;color:var(--qn-primary-600)!important;width:100%;padding:10px 20px;border-color:var(--qn-primary-300);border-radius:5px;border-style:solid;border-width:1px;cursor:pointer}.congratulation-container{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;background-color:var(--qn-edlink-400);padding:20px;text-align:center;position:relative}.congratulation-content{margin-bottom:30px}.congratulation-title{font-size:24px;font-weight:700;color:#fff}.congratulation-message{font-size:16px;color:#fff}.congratulation-footer-wrapper{position:fixed;bottom:0;width:100%;padding:10px;background-color:var(--qn-edlink-400)}.congratulation-footer{max-width:600px;margin:0 auto;text-align:center}.congratulation-button-custom{width:95%;background-color:var(--qn-edlink-400)!important;border:2px solid #fff!important;color:#fff!important;border-radius:5px;padding:10px;font-size:16px;font-weight:700;cursor:pointer;margin:0 auto;display:block}.congratulation-button-custom:hover{background-color:rgba(255,255,255,.1)}.submitting-container{display:flex;justify-content:center;align-items:center;width:100%;height:100vh;background-color:#fff}.submitting-content{display:flex;flex-direction:column;justify-content:center;align-items:center;width:fit-content;height:fit-content}.submitting-content img{max-width:100%;height:auto;margin-bottom:38px}.submitting-content .title{font-size:20px;margin-bottom:30px}.submitting-content .subtitle{font-size:16px;padding-left:20px;padding-right:20px;text-align:center}.detail-kuis-detail-soal-container{padding:20px;background-color:#fff}.detail-kuis-detail-soal-container .detail-kuis-detail-soal-baris1{display:flex;flex-direction:column;margin-bottom:15px}.detail-kuis-detail-soal-container .detail-kuis-detail-soal-baris1 .title{font-weight:700;font-size:12px;color:var(--qn-sevima-blue-400);margin-bottom:-2px}.detail-kuis-detail-soal-container .detail-kuis-detail-soal-baris1 .content{font-weight:500;font-size:12px;color:var(--qn-sevima-blue-400);margin-top:0}.detail-kuis-detail-soal-container .detail-kuis-detail-soal-baris2{display:flex;flex-direction:column}.detail-kuis-detail-soal-container .detail-kuis-detail-soal-baris2 .title{font-weight:700;font-size:12px;color:var(--qn-sevima-blue-400);margin-bottom:-2px}.detail-kuis-detail-soal-container .detail-kuis-detail-soal-baris2 .detail-kuis-detail-soal-baris4{display:flex;justify-content:space-between;align-items:center;margin-top:0}.detail-kuis-detail-soal-container .detail-kuis-detail-soal-baris2 .detail-kuis-detail-soal-baris4 .left .content{font-size:12px;color:var(--qn-sevima-blue-400)}.detail-kuis-detail-soal-container .detail-kuis-detail-soal-baris2 .detail-kuis-detail-soal-baris4 .right .bold-link{font-size:12px;font-weight:700;color:var(--qn-edlink-400)}.detail-pengaturan-container{font-size:12px;padding:20px;background-color:#fff}.detail-pengaturan-container .detail-pengaturan-item{margin-bottom:16px}.detail-pengaturan-container .detail-pengaturan-item .label{font-weight:700;color:var(--qn-sevima-blue-400);margin-bottom:4px}.detail-pengaturan-container .detail-pengaturan-item .value{color:var(--qn-sevima-blue-400)}.detail-pengaturan-container .detail-pengaturan-item.detail-pengaturan-link{margin-bottom:0}.detail-pengaturan-container .detail-pengaturan-item.detail-pengaturan-link .value{color:var(--qn-edlink-400);cursor:pointer;text-align:right;font-weight:700;margin-right:0}.laporan-kuis-container{padding:20px;background-color:#fff}.laporan-kuis-container .laporan-kuis-title{color:var(--qn-sevima-blue-400);font-size:12px;font-weight:700;text-align:left;margin-bottom:20px}.laporan-kuis-container .laporan-kuis-icon{display:flex;justify-content:center;align-items:center;margin-bottom:20px}.laporan-kuis-container .laporan-kuis-message{color:#7985cb;font-size:12px;text-align:center}.button-wrapper{display:flex;justify-content:center;align-items:center;padding:20px;background-color:#fff}.button-detail-kuis{background-color:var(--qn-primary-100)!important;color:var(--qn-sevima-blue-400)!important;display:flex!important;justify-content:center!important;align-items:center!important;font-size:12px!important;font-weight:lighter!important;width:90%!important;max-height:0!important;gap:.3rem!important}.button-detail-kuis i.fa-trophy{font-size:12px!important}.sq-container{width:100vw;min-height:100vh;padding:16px;background-color:var(--qn-edlink-400)}.sq-content{background-color:var(--qn-white);border-radius:6px;padding:16px;margin-top:30px;margin-bottom:100px}.sq-description{padding:24px;background-color:#f5f7ff;border-radius:6px;border:1px solid;border-color:#e2e7ff;text-align:center}.leaderboard-grade-list{width:100%;background-color:#fff;border-radius:10px 10px 0 0}.leaderboard-grade-card{width:55px;height:fit-content;margin-left:auto;margin-top:auto;margin-bottom:auto;margin-right:16px;display:flex;gap:.2rem;padding:2px 6px 2px 6px;border-radius:6px;background-color:var(--qn-neutral-200);text-align:center;justify-content:center}.leaderboard-grade-card-you{width:55px;height:fit-content;margin-left:auto;margin-top:auto;margin-bottom:auto;margin-right:16px;display:flex;gap:.2rem;padding:2px 6px 2px 6px;border-radius:6px;background-color:var(--qn-edlink-400);text-align:center;justify-content:center}.leaderboard-grade-txt-you{color:#fff}.leaderboard-podium{position:fixed;margin-left:auto;margin-right:auto;top:32%;left:0;right:0}.leaderboard-top-3-container{width:240px;margin-left:auto;margin-right:auto;margin-top:30%;display:flex;justify-content:space-around}@keyframes moveUpDown{0%,100%{transform:translateY(0)}50%{transform:translateY(-20px)}}.leaderboard-top-1rd{width:75px;align-items:center;animation:moveUpDown 2s infinite ease-in-out;animation-delay:0s}.leaderboard-top-2rd{width:75px;align-items:center;margin-top:35px;animation:moveUpDown 2s infinite ease-in-out;animation-delay:.3s}.leaderboard-top-3rd{width:65px;align-items:center;margin-top:50px;animation:moveUpDown 2s infinite ease-in-out;animation-delay:.6s}.leaderboard-photo-top-3{width:50px;height:50px;border-radius:25px;border-style:solid;border-color:#fff;border-width:2px;margin-left:auto;margin-right:auto}.leaderboard-photo{width:30px;height:30px;border-radius:15px;margin-top:auto;margin-bottom:auto}.btn-rank-detail-kuis{padding:4px 10px 4px 10px;border-radius:6px;border-color:var(--qn-edlink-400);border-width:1px;border-style:solid;color:var(--qn-edlink-400);text-align:center}.btn-report-kuis{padding:4px 10px 4px 10px;border-radius:6px;color:var(--qn-edlink-400);text-align:center}.iframe-start-quiz-container{position:fixed;top:0;left:0;width:100vw;height:100%;margin-top:65px;z-index:1000;background-color:var(--qn-edlink-400)}.iframe-start-quiz-container iframe{width:100%;height:92%;border:none}@media (min-width:375px) and (max-width:389px){.iframe-start-quiz-container iframe{height:90%}}@media (min-width:390px) and (max-width:767px){.iframe-start-quiz-container iframe{height:92%}}@media (min-width:768px){.iframe-start-quiz-container iframe{height:96%}}.sq-dashed-line{border:none;border-top:1px dashed #d0cdcd;margin:10px 0}.leaderboard-highlight-bar{width:2px;height:100%;background-color:var(--qn-edlink-400)}.leaderboard-highlighted-number{height:fit-content;margin-top:auto;margin-bottom:auto}.leaderboard-default-number{padding-left:10px;height:fit-content;margin-top:auto;margin-bottom:auto}.leaderboard-bg-item-active{background-color:#fafafa}.leaderboard-bottom-container{position:fixed;overflow-y:auto;width:100%;height:52%;background-color:#fff;bottom:0;left:0;color:#fff}@media (max-height:668px){.leaderboard-top-3-container{margin-top:10%}}@media (min-height:669px) and (max-height:896px){.leaderboard-top-3-container{margin-top:20%}}@media (min-height:897px) and (max-height:1024px){.leaderboard-top-3-container{margin-top:20%}}@media (min-height:1025px) and (max-height:1181px){.leaderboard-top-3-container{margin-top:25%}}@media (min-height:1195px) and (max-height:1366px){.leaderboard-top-3-container{margin-top:25%}}@media (width:1024px) and (height:600px){.leaderboard-top-3-container{margin-top:3%}}@media (width:1280px) and (height:800px){.leaderboard-top-3-container{margin-top:6%}}.proc-prep-access-container{padding:10px 16px 10px 16px;border-radius:16px;border-style:solid;border-width:1px;border-color:var(--qn-neutral-400);display:flex;justify-content:space-between}.proc-prep-access-approved-container{padding:10px 16px 10px 16px;border-radius:16px;border-style:solid;border-width:1px;border-color:var(--qn-edlink-400);display:flex;justify-content:space-between}.proc-prep-access-approved-icon{width:30px;height:30px;margin-top:auto;margin-bottom:auto}.proc-prep-access-loader{width:30px;height:30px;margin-top:auto;margin-bottom:auto}.proc-prep-access-label{margin-top:auto;margin-bottom:auto}.proc-prep-access-container-left{display:flex;column-gap:8px}.proc-prep-btn-see-guide-access-permission{color:var(--qn-edlink-400)}.proc-start-kuis-video-frame{position:fixed;cursor:grab;width:140px;height:90px;padding:10px;top:0;right:0;transform:scaleX(-1);z-index:9999;border-radius:10px}.detail-kuis-container{min-height:100vw;width:100%;background-color:#fff;position:absolute;top:0;left:0;z-index:9999}.detail-bahan-ajar-materi{font-size:12px;color:#333;background-color:#fff;padding:20px 20px 0 20px}.conf-detail-container{padding:0 20px 0 20px;background-color:#fff}.conf-attendance-container{background-color:#fff;padding:0 0 16px 0;row-gap:.5rem}.conf-item-attendance-container{width:100%;height:fit-content;position:relative;padding-right:70px;display:flex;align-items:center;gap:10px}.conf-attend-btn-container{display:flex;column-gap:10px;position:absolute;top:50%;right:0;-ms-transform:translateY(-50%);transform:translateY(-50%)}.conf-detail-copy-zoom-username{display:flex;justify-content:space-between;padding:4px 16px 4px 16px;background-color:#f5f7ff;border:1px solid #e2e7ff;border-radius:6px}.conf-detail-btn-copy-zoom-username{color:#7985cb;margin-top:auto;margin-bottom:auto}.zoom-bottom-container-divider{border-top:1px solid #ccc;box-shadow:0 -2px 5px rgba(0,0,0,.1)}.zoomid-pass-card{background-color:#fafafa;border-radius:4px;padding:8px 16px 8px 16px}.conf-text-ended-for-owner{text-align:center;color:#279b24}.conf-attend-badge-present{color:var(--qn-edlink-300)}.conf-attend-badge-alpha{color:var(--qn-danger-300)}.video-interaktif-player-container{width:100vw;height:100vh;background:#000;margin:0;justify-content:center;align-items:center}.video-interaktif-player-container .back-button-container{position:absolute;width:100%;height:84px;top:0;left:0;z-index:100;background:#000}.video-interaktif-player-container .back-button-container .back-button{background:0 0;color:#fff;border:none;margin-left:8px;padding:16px;font-size:16px;cursor:pointer;border-radius:5px;text-transform:uppercase}.video-interaktif-player-container-video-container{position:relative;width:100%;height:100%;display:flex;justify-content:center;overflow:hidden;background-color:#000}.video-interaktif-player-container-overlay-content{position:absolute;bottom:0;left:0;width:100%;background:rgba(0,0,0,.7);padding:20px;display:flex;justify-content:space-between;box-sizing:border-box}.video-interaktif-player-container .content h2{color:#fff;font-size:20px;margin:0 0 8px}.video-interaktif-player-container .content p{font-size:14px;color:#fff;margin:0 0 8px}.video-interaktif-player-container .time{display:flex;align-items:center;gap:8px;font-size:14px;color:#fff}.video-interaktif-player-container .icons{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;width:32px;min-width:32px;margin-top:auto}.video-interaktif-player-container .icon-btn{background:0 0;border:none;cursor:pointer;padding:2px;color:#fff}.video-interaktif-player-container .icon-btn span{font-size:12px;color:#fff}.video-interaktif-question{margin-top:32px;margin-bottom:64px;width:100%;height:auto}.video-interaktif-question .question-header{font-size:14px;color:#6c757d;margin-bottom:16px}.video-interaktif-question .question-content{margin-bottom:24px;display:flex;flex-direction:column;gap:8px}.video-interaktif-question .question-content img{max-height:250px}.video-interaktif-question .question-title{font-size:20px;font-weight:700}.video-interaktif-question .option{display:flex;align-items:center;padding:12px;border:1px solid #ddd;border-radius:8px;margin-bottom:12px;cursor:pointer;transition:background-color .3s,border-color .3s}.video-interaktif-question .option.correct{background-color:#e9f7ef;border-color:#28a745}.video-interaktif-question .option.incorrect{background-color:#fbe5e5;border-color:#ba2022}.video-interaktif-question .option .option-label{font-weight:700;margin-right:12px;display:flex;justify-content:center;align-items:center;padding:8px;height:24px;border:1px solid #ddd;border-radius:20%;background-color:#fff}.video-interaktif-question .option.selected .option-label{background-color:#28a745;color:#fff;border-color:#28a745}.video-interaktif-question .option.selected.incorrect .option-label{background-color:#ba2022;border-color:#ba2022}.video-interaktif-question .option .option-content{width:100%}.video-interaktif-question .option .option-content img{max-height:200px;margin-bottom:8px}.video-interaktif-question .option .option-text{font-size:16px;flex:1}.video-interaktif-result{margin:0;font-family:Arial,sans-serif;background-color:var(--qn-edlink-400);color:#fff;display:flex;justify-content:center;align-items:center;height:100vh}.video-interaktif-result-container{text-align:center;width:90%;color:#fff;margin-top:-24px}.video-interaktif-result-header{margin-bottom:32px}.video-interaktif-result-header p{color:#fff;font-size:22px;font-weight:800}.video-interaktif-result-content{background-color:#fff;padding:16px;border-radius:10px;color:#000}.video-interaktif-result-content .medali{display:flex;width:100%;justify-content:center;height:54px;margin-bottom:8px}.video-interaktif-result-score{font-size:54px;font-weight:700;margin:10px 0}.video-interaktif-result-info{display:flex;justify-content:space-around;margin:20px 0}.video-interaktif-result-info-box{border:1px solid #ccc;text-align:center;padding:8px 8px;border-radius:10px;flex:1;margin:0 5px}.video-interaktif-result-info-box p{font-size:12px}.video-interaktif-result-info-box .score{margin-top:8px;font-size:14px;font-weight:700}.video-interaktif-result-info-box .image{display:flex;width:100%;justify-content:center;align-items:center}.video-interaktif-result button{margin-top:20px}.video-interaktif-result button{border:1px solid var(--qn-edlink-400);background-color:#fff;padding:10px 20px;font-size:16px;font-weight:700;border-radius:5px;color:var(--qn-edlink-400);cursor:pointer}.video-interaktif-result-footer{margin-top:8px}.video-interaktif-result-footer p{color:#fff;font-size:12px;font-weight:lighter}.feedback{max-width:400px;margin:0 auto;padding:20px;background-color:#fff}.feedback-header{display:flex;align-items:center;margin-bottom:20px}.feedback-header .feedback-avatar img{border-radius:50%;width:50px;height:50px}.feedback-header .feedback-user-name{font-weight:700;font-size:14px;margin-left:10px}.feedback-body{margin-bottom:20px}.feedback-body .feedback-answer-section{margin-bottom:20px}.feedback-body .feedback-answer-section .feedback-label{font-weight:700!important;font-size:14px!important;display:block;margin-bottom:8px}.feedback-body .feedback-answer-section .feedback-answer-content{font-size:14px;margin-bottom:8px}.feedback-body .feedback-form{margin-bottom:220px}.feedback-body .feedback-form .feedback-input-group{margin-bottom:20px}.feedback-body .feedback-form .feedback-input-group .feedback-input{width:100%;font-size:14px;border:1px solid #ccc;border-radius:4px;box-sizing:border-box}.feedback-footer{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;background-color:#fff;padding:10px 20px}.feedback-footer .feedback-submit-btn{flex-grow:1;margin:0 10px;padding:0 20px;background-color:var(--qn-edlink-400)!important;color:#fff;font-size:14px;font-weight:700;border:none;border-radius:4px;cursor:pointer;text-align:center;height:40px}.feedback-footer .feedback-nav-btn-left,.feedback-footer .feedback-nav-btn-right{display:flex;align-items:center;justify-content:center;width:50px;background-color:var(--qn-edlink-400)!important;color:#fff;font-size:14px;font-weight:700;border:none;border-radius:4px;cursor:pointer;text-align:center;height:40px}.feedback-footer .feedback-nav-btn-left i,.feedback-footer .feedback-nav-btn-right i{font-size:16px}.feedback-footer .feedback-nav-btn-disabled,.feedback-footer .feedback-submit-disabled{opacity:.5;pointer-events:none;cursor:not-allowed}.rich-editor-container .rich-editor-toolbar{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:10px}.rich-editor-container .rich-editor-toolbar .rich-editor-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border:1px solid #ccc;background-color:#fff;cursor:pointer;transition:border-color .2s}.rich-editor-container .rich-editor-toolbar .rich-editor-btn.active{border-color:#000}.rich-editor-container .rich-editor-toolbar .rich-editor-btn.inactive{border-color:#ccc}.rich-editor-container .rich-editor-toolbar .rich-editor-btn i{font-size:16px}.rich-editor-container .rich-editor-content{width:100%;height:200px;border:1px solid #ccc;padding:10px;font-size:16px;min-height:200px;white-space:pre-wrap;overflow-y:auto}.tab-detail-pertanyaan{font-size:16px;font-weight:700;padding:20px;background-color:#fff;border-bottom:1px solid #ccc;position:relative;margin-top:2px}.tab-detail-pertanyaan .help-icon-wrapper{position:relative}.tab-detail-pertanyaan .help-icon-wrapper i{margin-left:5px;cursor:pointer;position:relative}.tab-detail-pertanyaan .help-icon-wrapper .tooltip{display:block;position:absolute;background-color:#333;color:#fff;font-size:10px;padding:8px 10px;border-radius:4px;top:120%;left:50%;transform:translateX(-50%);z-index:100;white-space:nowrap;line-height:1.5;text-align:center;margin-top:8px}.tab-detail-pertanyaan .help-icon-wrapper .tooltip .tooltip-arrow{position:absolute;top:-5px;left:50%;transform:translateX(-50%);width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:5px solid #333}.tab-detail-pertanyaan-number{padding:20px;background-color:#fff;border-bottom:1px solid #ccc}.tab-detail-pertanyaan-number .item{font-size:16px;background-color:#fff;padding:5px 10px;border:1px solid #e0e0e0;margin-right:5px;display:inline-block;border-radius:4px}.tab-detail-pertanyaan-number .item.active{background-color:var(--qn-maukuliah-400);border-color:var(--qn-maukuliah-400);color:#fff}.detail-tampilan-pertanyaan-container{background-color:#fff;padding:20px;margin:20px 0;border-radius:8px}.detail-tampilan-pertanyaan-container-header{color:var(--qn-neutral-600);margin-bottom:10px;font-size:12px}.detail-tampilan-pertanyaan-container-pertanyaan{font-weight:700;margin-bottom:25px;font-size:14px}.detail-tampilan-pertanyaan-container-jawaban{list-style:none;padding:0;margin:0;font-size:14px}.detail-tampilan-pertanyaan-container-jawaban li{display:flex;align-items:center;margin-bottom:10px}.detail-tampilan-pertanyaan-container-jawaban li .form-control-custom{background-color:inherit;padding:inherit}.detail-tampilan-pertanyaan-container-jawaban li .form-control-custom .form-control-radio-custom{margin-right:10px;accent-color:var(--qn-edlink-400)}.detail-tampilan-pertanyaan-container-jawaban li .form-control-custom .form-control-radio-custom:checked+.form-control-label-radio-custom::before{border:.3125rem solid var(--qn-edlink-400)}.detail-tampilan-pertanyaan-container-jawaban li .form-control-custom .form-control-label-radio-custom{color:var(--qn-neutral-800)}.detail-tampilan-pertanyaan-container-jawaban li .radio-button-custom{display:inline-flex;align-items:center}.todo-container{padding:16px;background-color:var(--qn-white)}div.todo-menu-scroll{overflow:auto;white-space:nowrap;scrollbar-width:none}.todo-menu{font-family:InstrumentSans,sans-serif;font-size:14px;font-style:normal;line-height:1.5;font-weight:400;color:var(--semantic-text-dark-default);width:fit-content;max-width:150px;height:22px;padding:2px 10px 2px 10px;border-radius:11px;display:inline-block;text-align:center;overflow:hidden;text-overflow:ellipsis;text-transform:capitalize;white-space:nowrap}.todo-menu-active{font-family:InstrumentSans,sans-serif;font-size:14px;font-style:normal;line-height:1.5;font-weight:400;color:var(--semantic-text-dark-default);width:fit-content;max-width:150px;height:22px;padding:2px 10px 2px 10px;border-radius:11px;display:inline-block;text-align:center;overflow:hidden;text-overflow:ellipsis;text-transform:capitalize;white-space:nowrap;color:#fff;background-color:green}.todo-tab{width:fit-content;height:22px;color:#fff;background-color:green;border-radius:11px;padding:2px 10px 2px 10px}.todo-item-list{list-style-type:none;padding:0;margin:0}.todo-item{display:flex;align-items:center;justify-content:space-between;padding:10px;border-bottom:1px solid #ddd}.todo-left-content{display:flex;align-items:center}.todo-icon-left{width:24px;height:24px}.todo-text-content{flex:1;padding:0 10px}.todo-title{font-family:InstrumentSans,sans-serif;font-size:14px;font-style:normal;line-height:1.5;font-weight:600;color:var(--semantic-text-dark-default);display:block}.todo-subtitle{display:block;font-family:InstrumentSans,sans-serif;font-size:14px;font-style:normal;line-height:1.5;font-weight:500;color:var(--qn-neutral-600)}.todo-btn-load-more{width:fit-content;margin-top:10px;margin-left:auto;margin-right:auto;padding:2px 10px 2px 10px;background-color:#f4faf4;border-radius:10px}.todo-btn-load-more-text{color:var(--qn-edlink-400)}.todo-btn-load-more-icon{margin-left:5px}.account-section{margin:8px 4px 0 4px}.account-section .img-container{width:40px;height:40px;margin-right:12px}.account-section .img-container .img-profile{border-radius:16px;width:40px;height:40px}.account-section .name-container .name{font-family:InstrumentSans,sans-serif;font-size:14px;font-style:normal;line-height:1.5;font-weight:700;color:#fff}.account-section .name-container .role{font-family:InstrumentSans,sans-serif;font-size:14px;font-style:normal;line-height:1.5;font-weight:400;color:#fff}.account-section .btn-container{width:60px;margin:0 0 0 auto}.account-section .btn-container .btn-notif-wrapper{position:relative;display:inline-block}.account-section .btn-container .btn-notif-wrapper .btn-notif{background-color:transparent;border:none;color:#fff;width:20px;height:40px;float:right;margin-left:8px;position:relative}.account-section .btn-container .btn-notif-wrapper .notif-indicator{position:absolute;top:10px;right:2px;width:9px;height:9px;background-color:orange;border-radius:50%;box-shadow:0 0 3px rgba(0,0,0,.3)}.account-section .btn-container .btn-helpdesk{background-color:transparent;border:none;color:#fff;width:20px;height:40px;float:right;margin-left:12px}.schedule{background-color:#fff;margin:0;padding:16px;border-radius:16px}.schedule .item{margin-top:8px;padding-bottom:8px}.schedule .item .sch-item-progress-begins{display:inline-flex;align-items:center;background-color:#f06292;color:#fff;padding:5px 10px;border-radius:8px;font-size:12px;font-weight:500;margin-bottom:4px}.schedule .item .sch-item-progress-scheduled{display:inline-flex;align-items:center;background-color:#dbe4fa;color:#004680;padding:5px 10px;border-radius:8px;font-size:12px;font-weight:500;margin-bottom:4px}.schedule .item .sch-item-header{display:flex;justify-content:space-between;align-items:center}.schedule .item .sch-item-title{font-weight:500;color:#333}.schedule .item .sch-item-status{font-size:12px}.schedule .btn_schedule{display:flex;align-items:center;gap:.5rem;background-color:#f4faf4;color:var(--qn-edlink-400);font-weight:600;border:none;border-radius:12px;padding:.25rem .5rem;float:right;font-size:.825rem;line-height:1.125rem;text-wrap:nowrap}.schedule .btn_schedule .icon{font-size:1rem}.schedule .empty_message{margin:auto;padding:16px;vertical-align:middle;text-align:center}.schedule .btn_detail{background-color:var(--qn-edlink-400);color:#fff;border:none;border-radius:12px;padding:2px 8px 2px 8px;float:right;font-size:12px}.myacademic-section{background-color:#fff;margin:8px 0 0 0;padding:16px}.myacademic-section .menu{margin:0 auto auto auto}.myacademic-section img{margin:0 auto auto auto;border-radius:8px;border:none;width:48px;height:48px}.myacademic-section .menu-title{margin-top:2px;color:var(--qn-neutral-800);font-size:11px;text-align:center}.campusnews-section{background-color:#fff;margin:8px 0 0 0;padding:16px}.campusnews-section .btn-seeall{background-color:#f4faf4;color:var(--qn-edlink-400);font-weight:500;border:none;border-radius:12px;padding:2px 8px 2px 8px;float:right;font-size:12px}.campusnews-section .scrollmenu{overflow:auto;white-space:nowrap;height:110px}.campusnews-section .item{display:inline-block;color:#fff;width:200px;height:92%;border:1px solid var(--qn-neutral-500);border-radius:8px;margin-right:12px;padding:16px}.campusnews-section .item .title{color:var(--qn-edlink-400);font-size:14px;text-overflow:ellipsis;overflow:hidden}.campusnews-section .item .subtitle{color:var(--qn-neutral-700);font-size:12px;text-overflow:ellipsis;overflow:hidden}.cnp-carousel-container{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none}.cnp-carousel-container::-webkit-scrollbar{display:none}.cnp-carousel-item{flex:0 0 100%;scroll-snap-align:start;padding:1rem;box-sizing:border-box;height:300px}.cnp-title{font-size:1rem;font-weight:700;text-align:center;padding-bottom:4px}.cnp-date{color:#666;font-size:.9rem;margin-bottom:.5rem;text-align:center;padding-bottom:8px}.cnp-description{font-size:1rem}.cnp-indicator-container{display:flex;justify-content:center;margin-top:1rem;gap:.5rem}.cnp-indicator-dot{width:10px;height:10px;background-color:#ccc;border-radius:50%;transition:background-color .3s ease;cursor:pointer}.cnp-active-dot{background-color:var(--qn-edlink-400)}.edlinknews-section{background-color:#fff;margin:8px 0 20px 0;padding:16px}.edlinknews-section .btn-seeall{background-color:#f4faf4;color:var(--qn-edlink-400);border:none;border-radius:12px;padding:2px 8px 2px 8px;float:right;font-size:12px}.edlinknews-section .scrollmenu{overflow:auto;white-space:nowrap;scrollbar-width:none}.edlinknews-section .item{display:inline-block;color:#fff;width:200px;height:92%;border:1px solid var(--qn-neutral-500);border-radius:8px;margin-right:16px;padding:16px}.edlinknews-section .item .title{color:var(--qn-edlink-400);font-size:14px;text-overflow:ellipsis;overflow:hidden}.edlinknews-section .item .subtitle{color:var(--qn-neutral-700);font-size:12px;text-overflow:ellipsis;overflow:hidden}.card-edlink-news{margin-right:12px;display:inline-block;width:80%;height:200px;max-width:250px;max-height:300px;position:relative;overflow:hidden;border-radius:2px;align-items:flex-end;font-family:Arial,sans-serif}.card-edlink-news .layer-background{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;z-index:1}.card-edlink-news .layer-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.682);z-index:2}.card-edlink-news .layer-content{position:relative;left:0;width:100%;height:100%;z-index:3;color:#fff;padding:8px;text-align:left;font-size:12px}.card-edlink-news .layer-content .title{font-weight:700;margin-top:10%;margin-bottom:4px;word-wrap:break-word;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.card-edlink-news .layer-content .message{font-size:10px;opacity:.8}.edlink-news-title{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;white-space:pre-wrap;z-index:5;color:var(--qn-white)}.edlink-news-message{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;white-space:pre-wrap;z-index:5;color:var(--qn-white)}.connectaccount{background-color:#fff;margin:0 0 16px 0;padding:16px;border-radius:16px}.connectaccount .btn_later{background-color:transparent;color:var(--qn-edlink-400);border:none;border-radius:12px;padding:2px 8px 2px 8px;float:left;font-size:12px}.connectaccount .btn_connect{background-color:var(--qn-edlink-400);color:#fff;border:none;border-radius:12px;padding:2px 8px 2px 8px;float:right;font-size:12px}.ml-scroll-container{overflow-y:auto;scrollbar-width:none}.ml-btn-send{position:fixed;width:fit-content;height:fit-content;bottom:40px;left:40px;color:#fff;border-radius:50px;text-align:center;box-shadow:2px 2px 3px #999;z-index:10000}.ml-btn-send-my-float{margin-top:22px}.ml-empty{min-height:100vh;margin-top:20%}.ml-image{width:100%;height:100px;object-fit:cover;border-radius:8px;margin-top:8px;margin-right:16px}.ml-truncate-title{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;max-width:calc(100% - 40px);word-wrap:break-word;overflow-wrap:break-word}.ml-sticky-header{position:sticky;top:0;z-index:1;background-color:#fff;transition:all .3s ease-in-out}.ml-not-sticky{position:relative}.attach-card{display:flex;align-items:center;gap:8px;border-radius:6px;border-style:solid;border-width:1px;border-color:#ddd;padding:12px 16px 12px 16px}.attach-card .icon{max-width:40px;max-height:40px;flex-shrink:0}.attach-card .content{flex:1;min-width:0;overflow:hidden}.attach-card .action-btn{column-gap:0;height:fit-content;margin-left:auto;margin-top:auto;margin-bottom:auto;flex-shrink:0}.ml-gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;padding:0 0 10px 0}@media (min-width:768px){.ml-gallery{grid-template-columns:repeat(4,1fr)}}.gallery-item{border:1px solid #ddd;border-radius:8px;overflow:hidden;background-color:#fff;box-shadow:0 2px 4px rgba(0,0,0,.1);display:flex;flex-direction:column;align-items:stretch}.gallery-item img{width:100%;height:auto;display:block}.gallery-item-footer{display:flex;align-items:center;padding:8px 16px 8px 16px;column-gap:4px;background-color:#fff}.gallery-item-icon{width:16px;height:16px;margin-right:8px}.gallery-item-title{flex:1;text-align:left;font-size:14px;color:#333;margin:0}.ml-gallery-item-icon-right{width:16px;height:16px;margin-left:8px}.ml-upload-btn-containar{display:flex;column-gap:8px}.ml-upload-btn-subtitle{color:var(--qn-neutral-600)}.ml-upload-btn-youtube{height:fit-content;margin:auto 0 auto 0}.ml-upload-btn-icon{width:30px}.sticky-folder-header{position:sticky;top:0;z-index:10;background-color:#fff;padding-top:16px;margin-right:-2px;margin-left:-2px}.krs-mk-ganjil{background-color:var(--qn-neutral-200);row-gap:0;padding:10px 20px 10px 20px}.krs-mk-genap{background-color:var(--qn-white);row-gap:0;padding:10px 20px 10px 20px}.khs-mk-ganjil{background-color:var(--qn-neutral-200);padding:6px 0 6px 20px}.khs-mk-genap{background-color:var(--qn-white);padding:6px 0 6px 20px}.student-ecard{background-color:var(--qn-edlink-400);font-family:Arial,sans-serif;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;margin:0}.student-ecard .bg-bottom{background-color:#fff;height:40vh;margin:0}.student-ecard .qrcode{z-index:1000;background-color:#fff;border-radius:10px;width:25vh;height:25vh;margin:0;margin-top:32px;padding:8px}.student-ecard-ecard{z-index:1000;background-image:url("/assets/images/bg-student-ecard.webp");background-repeat:no-repeat;background-size:100% auto;border-radius:10px;width:40vh;height:30vh;min-width:340px;margin-top:40px}.ecard-content{display:flex;justify-content:space-between;padding:16px;width:100%}.ecard-left-section{flex:1}.ecard-right-section{width:100px;height:128px;background-color:transparent;border-radius:12px;display:flex;justify-content:center;align-items:center}.ecard-label{color:#888;font-size:.9em;margin-top:8px}.ecard-info{font-size:1em;color:#333;margin:2px 0}.ecard-picture img{width:100%;height:auto}.ecard-footer{font-size:.9em;text-align:center;color:#555;width:100%;margin-top:8px}.student-ecard p{color:#fff}.student-ecard .img-edlink-text{z-index:1000;background-image:url("/assets/images/img-edlink-ecard.svg");background-repeat:no-repeat;background-size:contain;width:124px;height:50px;margin-top:80px}.p-container{padding-left:20px;padding-right:20px}.p-card-profile-photo{width:100px;height:100px;margin-left:auto;margin-right:auto;border-radius:50px;background-color:#0ff}.p-header-profile{text-align:center}.account-item-container{padding:8px 20px 8px 20px}.account-item-title-container{display:flex;column-gap:8px}.account-item-name-and-flag{display:flex;justify-content:space-between}.account-is-default{padding:8px 16px 8px 16px;border-radius:6px;border-width:1px;border-color:var(--qn-edlink-400);border-style:solid}.account-not-default{padding:8px 16px 8px 16px;border-radius:6px;border-width:1px;border-color:var(--qn-neutral-300);border-style:solid}.account-logo-card{width:40px;height:40px;border-radius:8px;box-shadow:0 2px 4px 0 rgba(0,0,0,.2);align-content:center}.account-connect-container{padding:0 20px 20px 20px}.account-connect-card-univ-item{padding:6px 0 6px 0;display:flex;justify-content:space-between;column-gap:8px}.account-connect-btn-connect{padding:10px 20px 10px 20px}.account-connect-non-siakad-container{padding:20px}.select-account-card{padding:6px 12px 6px 12px;border-radius:6px;border-width:1px;border-style:solid;border-color:var(--qn-neutral-300)}.select-account-active-card{padding:6px 12px 6px 12px;border-radius:6px;border-width:1px;border-style:solid;border-color:var(--qn-edlink-400)}.notification-item{display:flex;align-items:flex-start;padding:10px;background-color:#fff;margin-bottom:10px}.notification-item.unread{background-color:#fff7e9}.notification-item-img{min-width:48px;min-height:48px;width:48px;height:48px;margin-right:10px;display:flex;position:relative}.notification-item-img .image{width:40px;height:40px;object-fit:cover;border-radius:50%;border:1px solid var(--qn-neutral-300);padding:1px}.notification-item-img .icon{width:24px;height:24px;position:absolute;right:0;bottom:0}.notification-item-content{font-size:14px}.notification-item-title{font-weight:700}.notification-item-time{font-size:12px;color:#888;margin-top:5px}.cd-btn-presence-update{color:var(--qn-edlink-400)}.cd-btn-sync{color:var(--qn-edlink-400)}.cd-btn-detail-presence{text-align:center;color:var(--qn-edlink-400)}.header-title-presence{color:var(--qn-neutral-600)}.cd-sticky-header{position:sticky;top:60px;z-index:1;background-color:#fff;transition:all .3s ease-in-out}.cd-sticky-search-post{position:sticky;top:98px;z-index:1;background-color:#fff;transition:all .3s ease-in-out}.cd-not-sticky{position:relative}.card-list-classdetail-group{background-color:#fff;border-width:1px;border-radius:8px;border-color:#e2e7ff;border-style:solid}.card-list-classdetail-group-title{display:flex;justify-content:space-between}.flag-list-classdetail-group{height:fit-content;border-radius:4px;background-color:#fff9dd;color:#ffa000;margin-top:16px;margin-left:16px;padding:4px 8px 4px 8px}.btn-option-list-classdetail-group{width:20px;height:20px;margin-top:16px;margin-right:16px}.title-list-classdetail-group{margin-top:16px;margin-left:16px}.card-list-classdetail-group-footer{display:flex;justify-content:space-between;margin-bottom:12px;padding-left:16px;padding-right:16px}.card-list-classdetail-group-footer-avatars{display:flex}.member-list-classdetail-group-footer{width:fit-content;height:fit-content;margin-top:auto;margin-bottom:auto}.avatar-list-classdetail-group-footer{width:30px;height:30px;border-radius:15px;border:1px solid #fff;background-color:#ffa000;margin-left:-5px;display:flex;align-items:center;justify-content:center}.group-team-detail-header{width:100%;height:fit-content;background-image:url("images/detail-team/img_header_detail_team_ilusstration.svg"),linear-gradient(to bottom,#52af50,#1f7c1d);background-size:cover;background-position:center;background-repeat:no-repeat;display:flex;flex-direction:column;justify-content:center;color:#fff;padding:0 20px}.group-team-detail-header .title{font-size:24px;font-weight:700;margin-top:16px;margin-bottom:16px}.group-team-detail-header .member{width:fit-content;background-color:#1a6718;border-radius:50px;padding:8px 12px;color:#fff;margin-bottom:20px;display:flex;align-items:center;gap:8px}.group-team-detail-header .member .icon-right{width:16px;height:16px;filter:brightness(0) saturate(100%) invert(100%)}.group-team-detail-header .flag{width:fit-content;margin-top:20px;padding:4px 8px 4px 8px;background-color:#fff9dd;color:#ffa000;border-radius:4px}.group-team-detail-member-list-card{padding:8px 16px 8px 16px;display:flex;align-items:center}.group-team-detail-member-list-avatar{width:40px;height:40px;border-radius:50%;margin-left:10px}.group-team-detail-member-list-sub-card{width:100%;margin-left:8px;display:flex;justify-content:space-between;align-items:center}.group-team-detail-member-list-leader-flag{width:fit-content;padding:4px 8px 4px 8px;border-style:solid;border-width:1px;border-radius:4px;border-color:green;color:green}.group-join-request-list-card{display:flex;gap:8px;padding:0 16px 0 16px}.group-join-request-list-card .buttons-card{display:flex;gap:16px}.btn-create-new-team{width:fit-content;height:fit-content;margin:0 auto 0 auto;padding:8px 16px 8px 16px;border-radius:20px;background-color:var(--secondary);color:var(--white);box-shadow:0 4px 10px rgba(0,0,0,.15)}.btn-change-method-create-team{width:fit-content;height:fit-content;padding:2px 6px 2px 6px;border-radius:4px;border-width:1px;border-color:var(--qn-edlink-400);border-style:solid;color:var(--qn-neutral-600)}.btn-choose-number-create-team{width:100%;height:fit-content;display:flex;justify-content:space-between;padding:8px 16px 8px 16px;border-radius:4px;border-width:1px;border-color:var(--qn-neutral-300);border-style:solid;color:var(--qn-neutral-300)}.btn-choose-number-create-team-on{width:100%;height:fit-content;display:flex;justify-content:space-between;padding:8px 16px 8px 16px;border-radius:4px;border-width:1px;border-color:var(--qn-primary-600);border-style:solid;color:var(--black)}.create-kelompok-preview-list{display:flex;flex-direction:column;gap:10px}.create-kelompok-preview-list .group-card{border:1px solid #e5e7eb;border-radius:12px;padding:16px;width:100%;font-family:sans-serif;position:relative;box-shadow:0 0 0 1px #f0f0f0}.create-kelompok-preview-list .group-header{display:flex;justify-content:space-between;align-items:center}.create-kelompok-preview-list .group-tag{background-color:#fff7d6;color:#d38c00;font-size:12px;font-weight:600;padding:4px 8px;border-radius:6px}.create-kelompok-preview-list .group-menu{background:0 0;border:none;font-size:18px;color:#888;cursor:pointer}.create-kelompok-preview-list .group-title{margin:8px 0 4px}.create-kelompok-preview-list .group-leader,.create-kelompok-preview-list .group-members{color:#555;margin:2px 0}.create-kelompok-preview-list .group-avatars{display:flex;height:fit-content;margin-top:auto;width:fit-content;margin-left:auto}.create-kelompok-preview-list .group-avatars .avatar-text,.create-kelompok-preview-list .group-avatars img{width:24px;height:24px;border-radius:50%;margin-left:-8px;border:2px solid #fff;box-shadow:0 0 0 1px #ccc;display:inline-block;object-fit:cover;text-align:center;font-size:12px;font-weight:700;line-height:24px;background-color:#ccc;color:#fff}.create-kelompok-preview-list .group-avatars img:first-child{margin-left:0}.create-kelompok-preview-list .group-footer{margin-top:12px}.create-kelompok-preview-list .view-members{display:block;margin:0 auto;width:fit-content;font-size:13px;color:#16a34a;font-weight:600;text-decoration:none}.kelompok-member-list .member-card{display:flex;justify-content:space-between}.kelompok-member-list .flag-kelompok-leader{height:fit-content;padding:4px 10px 4px 10px;margin-top:auto;margin-bottom:auto;border-radius:6px;border-width:1px;border-style:solid;color:var(--qn-edlink-400)}.choose-leader-kelompok{display:flex;flex-direction:column;gap:10px;background-color:var(--white)}.choose-leader-kelompok .group-tag{width:fit-content;background-color:#fff7d6;color:#d38c00;font-size:12px;font-weight:600;padding:4px 8px;border-radius:6px}.choose-leader-kelompok .rb-check{width:24px;height:24px;max-width:24px;max-height:24px;margin-top:auto;margin-bottom:auto}.edit-kelompok{display:flex;flex-direction:column;gap:10px;padding:16px;background-color:var(--white)}.edit-kelompok .group-tag{width:fit-content;background-color:#fff7d6;color:#d38c00;font-size:12px;font-weight:600;padding:4px 8px;border-radius:6px}.edit-kelompok .tf-group-name-counter{width:fit-content;margin-left:auto;color:var(--qn-neutral-500)}.edit-kelompok .member-list-header{display:flex;justify-content:space-between}.edit-kelompok .member-list-header .label{width:fit-content}.edit-kelompok .group-member-container{display:flex;flex-direction:column;align-items:center;padding:16px;margin-top:6px;border:1px solid #d1e7f8;border-radius:8px;background-color:#f9fbff}.edit-kelompok .group-member-container .empty{color:var(--qn-neutral-600);text-align:center;padding:16px}.edit-kelompok .group-member-container .member-list{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:16px}.edit-kelompok .group-member-container .member-item{display:flex;align-items:center;padding:6px 10px;background-color:#fff;border:1px solid #8cb6e5;border-radius:8px;font-size:14px;color:#1f3b5b}.edit-kelompok .group-member-container .member-item button{background:0 0;border:none;font-size:14px;color:#1f3b5b;margin-left:6px;cursor:pointer}.edit-kelompok .group-leader-container{display:flex;flex-direction:column;gap:6px}.edit-kelompok .group-leader-container .btn-choose-leader{display:flex;width:100%;height:35px;padding-left:16px;padding-right:16px;justify-content:space-between;border-radius:6px;border-width:1px;border-style:solid;border-color:#e3e8ef}.edit-kelompok .group-leader-container .btn-choose-leader .text{height:fit-content;margin-top:auto;margin-bottom:auto;color:var(--qn-neutral-500)}.edit-kelompok .group-leader-container .btn-choose-leader .text-selected{height:fit-content;margin-top:auto;margin-bottom:auto}.edit-kelompok .group-leader-container .btn-choose-leader .icon{width:16px;height:16px;margin-top:auto;margin-bottom:auto;margin-left:16px}.edit-kelompok .group-leader-container .max-height-300{position:absolute;top:100%;left:0;max-height:300px;overflow-y:auto}.add-member-kelompok{display:flex;flex-direction:column;gap:10px;padding:16px 16px 100px 16px;background-color:var(--white)}.add-member-kelompok .list-group-tag{color:var(--qn-neutral-500)}.create-kelompok-manual{display:flex;flex-direction:column;gap:10px;padding:16px 0 100px 0;background-color:var(--white)}.create-kelompok-manual .kelompok-tabs{width:100%;max-width:100%;padding:0 16px 0 16px;display:flex;column-gap:8px;overflow-x:auto;white-space:nowrap;padding-bottom:4px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.create-kelompok-manual .kelompok-tabs .tab{width:fit-content;height:fit-content;padding:4px 16px 4px 16px;border-radius:20px;border-style:solid;border-color:var(--qn-neutral-500);border-width:1px;background-color:var(--qn-white);color:var(--qn-neutral-600)}.create-kelompok-manual .kelompok-tabs .tab-active{width:fit-content;height:fit-content;padding:4px 16px 4px 16px;border-radius:20px;border-style:solid;border-color:var(--qn-edlink-400);border-width:1px;background-color:var(--qn-edlink-400);color:var(--qn-white)}.create-kelompok-manual .kelompok-tabs .add{width:fit-content;height:fit-content;padding:4px 24px 4px 24px;border-radius:20px;border-style:solid;border-color:var(--qn-edlink-400);border-width:1px;background-color:var(--qn-white);color:var(--qn-edlink-400)}.ses{background:rgba(255,255,255,0)}.ses-header{display:flex;gap:16px;margin:16px;padding:16px;background:#fff;border-radius:8px;border:1px solid var(--qn-neutral-300)}.ses-header .engagement-status{display:flex;flex-direction:column;align-items:center;min-width:86px}.ses-header .ses-status{font-size:12px;padding:4px 8px;border-radius:4px}.ses-header .score{font-size:24px;font-weight:700;color:#e08b3a;margin-top:6px}.ses-header .title{font-size:14px;font-weight:700;color:#000}.ses-header .description{font-size:13px;color:var(--qn-neutral-600)}.ses-session{background-color:#fff;padding:16px;position:relative;border-bottom:6px solid qnNeutral100}.session-header{display:flex;justify-content:space-between;align-items:center}.session-header .score{font-size:24px;font-weight:700;margin-top:4px}.session-header .score.status-sangat-aktif{color:#006f3f}.session-header .score.status-aktif{color:#d4ac20}.session-header .score.status-kurang-aktif{color:#f58500}.session-header .score.status-tidak-aktif{color:#b72c3a}.session-header-right{display:flex;flex-direction:column;align-items:flex-end}.ses-session .session-id{background-color:var(--qn-neutral-200);font-size:12px;padding:4px 8px;border-radius:4px;display:inline-flex;align-items:center;gap:6px;width:auto;white-space:nowrap}.ses-session .session-title{margin-top:12px;font-size:14px;font-weight:700}.ses-session .session-date{margin-bottom:12px;font-size:12px;color:#8c8c8c}.ses-session .ses-status{font-size:12px;border-radius:4px;padding:4px 8px}.ses-status.status-sangat-aktif{color:#01966a;background:#ebfff4}.ses-status.status-aktif{color:#d4ac20;background:#fffbeb}.ses-status.status-kurang-aktif{color:#ff991f;background:#fffbeb}.ses-status.status-tidak-aktif{color:#ef233c;background:#fff1f3}.metrics{display:flex;justify-content:space-between;margin-top:12px}.metrics div{text-align:center}.metric-label{font-size:12px;color:#595959}.class-member-list{padding:16px}.class-member-list h4{margin-top:8px}.class-member-list-item{display:flex;align-items:center;justify-content:space-between;padding:8px}.avatar.avatar__circle{border-radius:50%;overflow:hidden;flex-shrink:0}.member-info{flex:1;margin-left:8px}.member-info .name{font-weight:600;display:block}.member-info .id{font-size:12px;color:#666}.member-more-btn{background:0 0;border:none;font-size:20px;color:#888;cursor:pointer;padding:4px}.member-more-btn:hover{color:#333}.rps-content ol,.rps-content ul{list-style-position:outside;padding-left:1rem;margin-left:0}.rps-content li{margin-bottom:.5rem}.form-container{background-color:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1);max-width:400px;margin:auto}.survey .type-selector .option{border-radius:8px;border:1px solid var(--qn-neutral-300);padding:12px;margin-bottom:8px}.type-selector input[type=radio]{margin-right:10px}.required{color:#d9534f;margin-left:5px}.choice-group{width:100%;position:relative}.choice-char-counter{margin-top:4px;margin-bottom:4px;float:right;color:#888;font-size:.8rem}.choice-group-with-delete{width:100%;display:flex;align-items:top}.hapus-button{margin-left:8px;padding:10px 12px;border:1px solid var(--qn-neutral-300);background-color:#fff;color:#364152;border-radius:6px;cursor:pointer;font-size:14px;height:40px}.add-choice{display:block;width:100%;padding:10px 0;background-color:#e6eafc;border:1px solid #90a7f3;border-radius:4px;color:#4a63e7;font-size:14px;font-weight:500;text-align:center;cursor:pointer}.add-choice:hover{background-color:#dce3fb}.event-enddate-label-container{display:flex;flex-direction:column;align-items:flex-start;background-color:#fff;border-radius:4px;margin-top:8px;margin-bottom:4px}.event-enddate-label-container .enddate-header{display:flex;align-items:center;justify-content:space-between;width:100%}.event-enddate-label-container .enddate-header .enddate-header-left{display:flex;align-items:center}.event-enddate-label-container .enddate-header .enddate-header-left .enddate-text{color:#364152;font-size:.875rem;padding-bottom:4px;font-weight:500}.event-enddate-label-container .enddate-header .enddate-switch{margin-left:auto}.event-enddate-label-container .enddate-header .enddate-switch .enddate-switch-transform{transform:scale(.8)}.event-enddate-label-container .enddate-header .enddate-switch .enddate-switch-label{cursor:pointer}.event-enddate-label-container .enddate-datetime-container{margin-top:10px;display:flex;align-items:center;width:100%}.event-enddate-label-container .enddate-datetime-container .enddate-datetime-input{width:200px;padding:10px;box-sizing:border-box;border:none;background:0 0;color:#000;font-size:14px;border-radius:4px;cursor:pointer}.event-enddate-label-container .enddate-datetime-container .enddate-datetime-icon{font-size:14px;margin-left:5px;margin-top:2px;cursor:pointer}.post-create-success{width:100%;height:100vh;padding-left:16px;padding-right:16px;background-color:var(--qn-edlink-400);display:flex;flex-direction:column;justify-content:space-between}.post-create-success .image{max-width:100px;max-height:100px;margin:100px auto 20px auto}.post-create-success .pcs-subtitle,.post-create-success .pcs-title{color:#fff;text-align:center}.post-create-success .btn-detail{width:100%;height:40px;text-align:center;color:#fff;border-radius:6px;border-width:1px;border-style:solid;border-color:#fff;background-color:var(--qn-edlink-400);padding-top:8px;padding-bottom:8px;margin-top:auto;margin-bottom:20px}.welcome{margin:0;font-family:Arial,sans-serif;background-color:var(--qn-edlink-400);color:#fff;display:flex;justify-content:center;align-items:center;height:100vh}.welcome-header{width:100%;text-align:left;padding:10px 20px;position:absolute;top:32px}.welcome-header a{color:#fff;text-decoration:none;font-size:16px;font-weight:700}.welcome-header a:hover{text-decoration:underline}.welcome .container{background-color:#fff;color:#000;border-radius:10px;padding:20px;width:90%;max-width:400px;text-align:center;box-shadow:0 4px 6px rgba(0,0,0,.2)}.welcome .container img{width:50px;height:50px;margin-left:auto;margin-right:auto;margin-bottom:15px}.welcome .title{font-size:20px;font-weight:700;margin-bottom:10px}.welcome .message{font-size:14px;margin-bottom:20px}.welcome .info{font-size:16px;font-weight:700;margin-bottom:20px}.welcome .button{width:100%;display:inline-block;background-color:var(--qn-edlink-400);color:#fff;text-decoration:none;padding:10px 20px;border-radius:5px;font-size:16px;font-weight:700}.welcome .button:hover{background-color:#008f00}.setup-profile-container{padding:16px}.attend-list-session{width:fit-content;padding:4px 10px 4px 10px;background-color:#e7eaef;border-radius:4px;color:#4d5f72;text-align:center}.attend-list-session-status{width:fit-content;padding:4px 0 4px 0;color:#4d5f72}p.attend-list-status-present{width:fit-content;padding:4px 10px 4px 10px;background-color:#ebfff4;border-radius:4px;color:#11966a;text-align:center}p.attend-list-status-alpha{width:fit-content;padding:4px 10px 4px 10px;background-color:#fff1f3;border-radius:4px;color:#ef233c;text-align:center}.attend-list-status-permit{width:fit-content;padding:4px 10px 4px 10px;background-color:#fffbeb;border-radius:4px;color:#ff991f;text-align:center}.attend-list-status-sick{width:fit-content;padding:4px 10px 4px 10px;background-color:#ebfdff;border-radius:4px;color:#00acc1;text-align:center}.class-presence-sync-container{padding:10px 20px 10px 20px}.class-presence-sync-success-container{width:fit-content;border-radius:8px;background-color:var(--qn-edlink-400);padding:2px 10px 2px 10px}.class-presence-sync-loading{color:var(--qn-edlink-400)}.class-presence-sync-btn{color:var(--qn-edlink-400)}.class-presence-sync-success-lbl{color:#fff}.sync-detail-period-container{width:100%;display:flex;flex-direction:column;gap:6px;padding:0 16px 0 16px}.sync-detail-period-spinner{display:flex;justify-content:space-between;border-width:1px;border-style:solid;border-color:#e0e0e0;border-radius:8px;padding:10px 16px 10px 16px}.sync-detail-classes-container{width:100%;display:flex;flex-direction:column;gap:6px;padding:0 16px 10px 16px;margin-bottom:100px;background-color:var(--qn-white)}.sync-detail-classes-container .text-info{color:var(--qn-neutral-600)}.sync-detail-info-jml-kls-limit{background-color:#dceeef;padding:6px;margin:0 16px 0 16px;border-radius:4px;border-style:solid;border-width:1px;border-color:#b4c3cb}.post-image{width:100%;height:120px;object-fit:cover;border-radius:8px;margin-right:16px}.filter-post-badge-counter{width:20px;height:20px;border-radius:10px;background-color:red;justify-content:center;align-content:center;color:#fff}.filter-post-txt-counter{color:var(--qn-white)}.post-badge-draft{width:fit-content;background-color:var(--secondary);border-radius:6px;padding:0 8px 0 8px;color:var(--qn-white)}.plyr__wrapper_full-height,.plyr__wrapper_full-height .plyr{height:100%}.schedule-detail{position:absolute;bottom:0;left:0;width:100%;max-height:35vh;height:100%;transition:max-height .4s ease;overflow-y:auto;background-color:var(--qn-white);box-shadow:0 -2px 3px 0 var(--qn-neutral-400)}.schedule-detail_expanded{max-height:calc(100vh - 60px - 4px);transition:max-height .25s ease}.schedule-detail__header{display:flex;flex-direction:column;justify-content:center;align-items:start;position:sticky;top:0;left:0;background-color:var(--qn-white);padding-bottom:1rem;border:none;width:100%}.schedule-detail__handle{width:100%;display:flex;justify-content:center;padding:.75rem 0 .5rem 0}.schedule-detail__handle .icon{font-size:1.25rem}.schedule-detail__text{margin-top:.25rem;padding:0 1.25rem;text-align:start}.schedule-detail__title{font-size:1.125rem;line-height:1.5rem;font-weight:600}.schedule-detail__subtitle{font-size:.875rem;line-height:1rem;font-weight:400;color:var(--qn-neutral-800)}.schedule-detail__list{display:flex;flex-direction:column;margin-top:.5rem}.schedule-detail__list-empty{margin:auto;padding:2rem 0}.schedule-item{padding:1rem 1.25rem;border-bottom:1px solid var(--qn-neutral-300)}.schedule-item__header{display:flex;justify-content:space-between;gap:.5rem}.schedule-item__title{display:-webkit-box;max-width:100%;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:1.125rem;line-height:1.625rem;font-weight:400}.schedule-item__subtitle{font-size:.825rem;line-height:1.125rem;font-weight:400;white-space:nowrap;color:var(--qn-edlink-500)}.schedule-item__content{margin-top:.25rem}.schedule-item__footer{display:flex;justify-content:space-between;align-items:center;gap:.5rem;margin-top:.75rem}.schedule-item__helper{display:-webkit-box;max-width:100%;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:var(--qn-neutral-700)}.schedule-item__button{color:var(--qn-white);background-color:var(--qn-edlink-400)!important;font-weight:500!important;border-radius:2rem!important;--qn-btn-padding-size:0.25rem 0.825rem!important;--qn-btn-height-size:1.5rem!important}.schedule-item-info{display:flex;align-items:center;gap:.5rem;font-size:1rem;line-height:1.5rem;font-weight:400;color:var(--qn-neutral-800)}.schedule-item-info__text{color:var(--qn-neutral-800)}.monthly-schedules__container{padding:.75rem 1.25rem;max-height:calc(65vh - 60px - 4px);height:100%;overflow-y:auto}.monthly-picker{display:flex;gap:.5rem;justify-content:space-between;align-items:start}.monthly-picker__text{display:flex;flex-direction:column}.monthly-picker__title{font-size:1.125rem;line-height:1.5rem;font-weight:600}.monthly-picker__subtitle{font-size:.875rem;line-height:1rem;font-weight:300;color:var(--qn-neutral-600)}.monthly-picker__slider{display:flex;gap:.5rem}.monthly-calendar{padding:1rem .5rem;overflow-x:auto}.monthly-calendar__heading{min-width:2rem;color:var(--qn-neutral-600);font-size:.825rem;line-height:1.125rem;text-align:center}.monthly-calendar__days-container{display:flex;flex-direction:column;justify-content:center;gap:1.5rem}.monthly-calendar__button{margin:auto;color:var(--qn-black)!important;background-color:var(--qn-white)!important;font-weight:400!important;border-radius:50%!important;min-width:var(--qn-btn-height-size);max-width:var(--qn-btn-height-size);--qn-btn-padding-size:0.5rem!important;--qn-btn-height-size:2rem!important;--qn-btn-font-size:1rem!important;--qn-btn-line-height-size:1.5rem!important}.monthly-calendar__button:disabled{color:var(--qn-neutral-400)!important;background-color:var(--qn-white)!important}.monthly-calendar__button_primary{color:var(--qn-white)!important;background-color:var(--qn-edlink-400)!important}.monthly-calendar__button_outlined{border:1px solid var(--qn-edlink-400)!important}.monthly-calendar__button_with-notification{position:relative}.monthly-calendar__button_with-notification::after{content:"";position:absolute;top:.125rem;right:0;width:.4rem;height:.4rem;background-color:var(--qn-danger-500);border-radius:50%}.skeleton{margin:auto;min-width:2rem;width:2rem;min-height:2rem;height:2rem;background-color:var(--qn-neutral-300);border-radius:.75rem}.skeleton_rounded{border-radius:50%}.skeleton_shimmer{background-image:linear-gradient(-45deg,var(--qn-neutral-300),var(--qn-neutral-200),var(--qn-neutral-300));background-size:400% 100%;animation:shimmer 1.5s infinite}@keyframes pulse{0%,100%{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:200%}100%{background-position:-200%}}.previewer-container{display:flex;flex-direction:column;height:calc(100vh - 60px);margin-top:60px}.previewer-video-with-progress-container{display:flex;flex-direction:column;height:calc(100vh - 60px)}.preview-progress-container{background-color:#000;display:flex;flex-direction:column;height:30px}.previewer-content-top{flex:9}.previewer-content-bottom{flex:1;display:flex;background-color:#fff;align-items:center;justify-content:flex-end;padding-right:20px;box-sizing:border-box}.previewer-btn-download{position:absolute;bottom:80px;right:16px;transform:translate(0,0);display:flex;justify-content:center;align-items:center;width:auto;height:auto;padding:8px 16px}.nav-tab_invoice-payment{height:48px}.nav-tab_invoice-payment .nav-tab__item{color:var(--qn-neutral-500);width:100%!important;height:100%}.invoice-payment__webview-container{width:100%;height:calc(100vh - 60px - 48px - 4px)}.invoice-payment__webview-container_invisible{visibility:hidden}.invoice-payment__loading-container{width:100%;height:calc(100vh - 60px - 48px - 4px);display:flex;justify-content:center;align-items:center}.payment-item{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid #ddd}.payment-id{font-size:16px;font-weight:600;color:var(--qn-neutral-900);padding-bottom:8px}.payment-title{font-size:14px;color:var(--qn-neutral-600)}.payment-date{margin-top:4px;font-size:16px;color:var(--qn-neutral-700);font-weight:500}.payment-amount{font-size:16px;font-weight:600;color:var(--qn-neutral-900);text-align:right}.payment-amount i{color:var(--qn-neutral-900)}.container-empty-payment-history{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:90vh;text-align:center}.container-empty-payment-history .title{color:var(--qn-neutral-900);font-size:16px;font-weight:700;padding:0 16px 0 16px}.container-empty-payment-history .message{color:var(--qn-neutral-900);font-size:16px;margin-bottom:20px;padding:0 16px 16px 16px}.payment-summary-container{padding:16px;background-color:#fff}.payment-summary-container .badge{display:inline-block;background-color:#d1fae5;color:var(--qn-edlink-400);font-weight:500;border-radius:4px}.payment-summary-container .section-title{margin-top:20px;margin-bottom:8px;font-weight:600;font-size:16px}.payment-summary-container .invoice-item{display:flex;justify-content:space-between;padding:8px 0}.payment-summary-container .invoice-name{color:#1b2769;font-weight:500}.payment-summary-container .installment{margin-top:4px;font-size:14px;color:gray}.payment-summary-container .invoice-amount{font-weight:700;color:var(--qn-neutral-900)}.payment-summary-container .payment-method{color:var(--qn-neutral-900);margin-top:4px}.payment-summary-container .payment-details{margin-top:8px}.payment-summary-container .detail-item{display:flex;justify-content:space-between;padding:4px 0}.payment-summary-container .invoice-total{display:flex;justify-content:space-between;font-weight:700;font-size:18px;margin-top:16px;color:var(--qn-neutral-900)}.sticky-search-header{position:sticky;padding:16px;z-index:1;background-color:#fff;transition:all .3s ease-in-out}.sticky-periode{position:sticky;top:60px;padding-bottom:8px;z-index:1;background-color:#fff;transition:all .3s ease-in-out}.list-scroll-container{overflow-y:auto;scrollbar-width:none}.card-lecturer-consultation-item{display:flex;align-items:center;padding:16px;border-radius:5px;background-color:#fff}.card-lecturer-consultation-item .avatar-custom{margin-right:10px}.card-lecturer-consultation-item .avatar-custom img{object-fit:contain;width:50px;height:50px;border-radius:50%;border:1px solid var(--qn-neutral-300);padding:1px}.card-lecturer-consultation-item .details{flex:1}.card-lecturer-consultation-item .details .title{font-size:16px;font-weight:700;margin:0;color:var(--qn-neutral-800)}.card-lecturer-consultation-item .details .subtitle{font-size:14px;margin:0;color:var(--qn-neutral-700)}.card-lecturer-consultation-item .details .timestamp{font-size:12px;color:var(--qn-neutral-600)}.card-lecturer-consultation-topic-title{margin:16px 16px 0 16px}.card-lecturer-consultation-topic-item{display:flex;align-items:center;padding:16px;border-radius:5px;border-width:1px;border-color:var(--qn-neutral-200);margin:16px;border-style:solid;background-color:#fff}.card-lecturer-consultation-topic-item .details{flex:1}.card-lecturer-consultation-topic-item .details .title{font-size:14px;font-weight:700;margin:0;color:var(var(--qn-neutral-800));overflow-wrap:break-word;word-break:break-word;white-space:normal;max-width:100%}.card-lecturer-consultation-topic-item .details .subtitle{font-size:14px;color:var(--qn-neutral-700)}.card-lecturer-consultation-topic-item .details .timestamp{margin-top:4px;font-size:12px;color:var(--qn-neutral-600)}.card-lecturer-consultation-topic-item .button{margin-left:4px;background:var(--qn-edlink-400);color:#fff;padding:4px 16px 4px 16px;border-radius:15px;font-size:14px;text-decoration:none}.lecturer-consultation-button-create-topic{background-color:var(--qn-edlink-400);border:none;border-radius:50%;width:56px;height:56px;box-shadow:0 4px 15px rgba(0,0,0,.25);display:flex;align-items:center;justify-content:center;position:fixed;bottom:32px;right:20px;z-index:1000}.container-empty-topic{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:90vh;text-align:center}.container-empty-topic .message{color:var(--qn-neutral-900);font-size:16px;margin-bottom:20px;padding:16px}.container-empty-topic .create-topic-button{display:flex;align-items:center;background-color:var(--qn-edlink-400);color:#fff;border:none;border-radius:8px;padding:12px 20px;font-size:16px;font-weight:700;cursor:pointer;box-shadow:0 4px 6px rgba(0,0,0,.1);transition:background-color .3s,box-shadow .3s}.container-empty-topic .create-topic-button:hover{background-color:var(--qn-edlink-400);box-shadow:0 6px 10px rgba(0,0,0,.15)}.container-empty-topic .icon{width:20px;height:20px;margin-right:8px}.container-empty-topic{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:90vh;text-align:center}.container-empty-topic .message{color:var(--qn-neutral-900);font-size:16px;margin-bottom:20px;padding:16px}.container-empty-topic .create-topic-button{display:flex;align-items:center;background-color:var(--qn-edlink-400);color:#fff;border:none;border-radius:8px;padding:12px 20px;font-size:16px;font-weight:700;cursor:pointer;box-shadow:0 4px 6px rgba(0,0,0,.1);transition:background-color .3s,box-shadow .3s}.container-empty-topic .create-topic-button:hover{background-color:var(--qn-edlink-400);box-shadow:0 6px 10px rgba(0,0,0,.15)}.container-empty-topic .icon{width:20px;height:20px;margin-right:8px}.lecture-consultation-chats-list{background-color:#fff;overflow-y:auto;scrollbar-width:none;padding-bottom:60px;flex-direction:column;scroll-behavior:smooth;max-height:90vh}.lecture-consultation-date{color:var(--qn-neutral-600);text-align:center;padding:8px}.lecture-consultation-chats-in{background-color:var(--qn-edlink-100);border-radius:16px;padding:16px;margin:0 64px 16px 16px;word-wrap:break-word;white-space:normal}.lecture-consultation-chats-out{background-color:var(--qn-neutral-200);border-radius:16px;padding:16px;margin:0 8px 16px 64px;word-wrap:break-word;white-space:normal}.lecture-consultation-chats-time{color:var(--qn-neutral-600);text-align:right}.lecture-consultation-chats-input-container{display:flex;align-items:center;background-color:#fff;border-radius:.5rem;box-shadow:0 1px 3px rgba(0,0,0,.5);position:fixed;bottom:0;left:0;right:0;z-index:1000;padding:10px}.lecture-consultation-chats-input-container .lecture-consultation-chats-avatar{margin-right:1rem}.lecture-consultation-chats-input-container .lecture-consultation-chats-avatar img{border-radius:50%;width:40px;height:40px}.lecture-consultation-chats-input-container .lecture-consultation-chats-input-grid{flex-grow:1}.lecture-consultation-chats-input-container .lecture-consultation-chats-input-grid .col-md-12 .form-control-group-custom{height:46px;min-height:46px;max-height:120px;overflow-y:hidden;resize:none;transition:height .1s ease-out;border:.063rem solid #e3e8ef;border-radius:8px;padding:10px;font-size:14px;line-height:1.5;background-color:#fff;width:100%;box-sizing:border-box}.lecture-consultation-chats-input-container .lecture-consultation-chats-input-grid .col-md-12 .form-control-group-custom:focus{outline:0;border:.063rem solid #4e91f6;box-shadow:0 .063rem .125rem rgba(16,24,40,.05),0 0 0 .25rem #e4eefd}.lecture-consultation-chats-input-container .lecture-consultation-chats-input-grid .col-md-12 .clear-input-icon{padding-left:4px}.lecture-consultation-chats-input-container .send-icon-container{display:flex;align-items:center;justify-content:center;height:46px;min-height:46px;width:46px}.lecture-consultation-chats-input-container .lecture-consultation-chats-send-icon{margin-left:.8rem;margin-right:.5rem;font-size:1.1rem;cursor:pointer}.ci__backdrop{position:fixed;inset:0;background:rgba(0,0,0,.45);display:grid;place-items:end center;z-index:1001;overflow:hidden}.ci__card{width:100%;background:#fff;margin-bottom:0;max-height:90vh;display:flex;flex-direction:column;overflow:hidden}.ci__header{position:sticky;top:0;z-index:1;background:#fff;padding:20px 24px 8px 24px}.ci__title{letter-spacing:.2px;color:#2c2c2c;margin:0}.ci__close{position:absolute;right:10px;top:10px;width:36px;height:36px;border:none;background:#f2f2f2;border-radius:999px;font-size:24px;line-height:1;cursor:pointer}.ci__close:active{transform:scale(.96)}.ci__body{padding:12px 24px 24px 24px;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.ci__group{margin-top:18px}.ci__label{color:#2c2c2c}.ci__value{margin-top:6px;color:#333;line-height:1.35;word-break:break-word}.ci__body::-webkit-scrollbar{width:8px}.ci__body::-webkit-scrollbar-thumb{background:#d6d6d6;border-radius:8px}.ci__body::-webkit-scrollbar-track{background:0 0}.quill-wrapper{height:100%;display:flex;flex-direction:column}.quill-wrapper .ql-container{max-height:100%;overflow-y:auto}.quill-wrapper .quill-character-counter{margin-top:8px;text-align:right}.container-status-krs{background-color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px;height:90vh;text-align:center}.title-status-krs{font-size:1.5rem;font-weight:700;color:#1d2951}.message-status-krs{font-size:1rem;color:#444}.footer-status-krs button{margin-top:8px;background-color:var(--qn-edlink-400);color:#fff;font-size:14px;font-weight:600;padding:14px;border:none;border-radius:6px;cursor:pointer;width:80%}.footer-status-krs{position:absolute;bottom:20px;width:100%;text-align:center;font-size:.9rem;color:#7a7a7a}.academic-info-container{position:fixed;top:60px;z-index:1000;width:100%;display:flex;justify-content:space-between;align-items:center;background-color:#f5f7ff;padding:12px 16px;margin-bottom:8px;border-radius:8px;text-align:center}.academic-info-item{flex:1}.academic-info-label{font-size:12px;color:#1b2769;margin:0}.academic-info-value{font-size:14px;font-weight:700;color:#1b2769;margin:4px 0 0}.academic-info-bold{font-weight:700}.academic-info-separator{width:1px;height:40px;background-color:#e2e7ff;margin:0 12px}.krs-nav-tab{position:fixed;z-index:999;top:124px}.krs-nav-tab-content{padding-top:100px}.krs-search{position:fixed;z-index:999;width:100%}.krs-class-offered-container{padding-top:60px}.krs-class-offered-item{background-color:#fff;padding:16px;display:flex;align-items:center;gap:8px}.krs-class-offered-item .info{display:flex;align-items:center;gap:8px}.krs-class-offered-item .checkbox{align-items:center;margin-left:auto;position:relative}.krs-class-offered-item .checkbox.disabled::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(255,255,255,.7);pointer-events:none}.krs-class-offered-item .checkbox.disabled{pointer-events:none}.krs-class-offered-overlay-container{position:fixed;bottom:24px;left:16px;right:16px;background-color:var(--qn-edlink-400);color:#fff;padding:12px 16px;display:flex;justify-content:space-between;align-items:center;font-size:14px;font-weight:700;border-radius:24px}.krs-class-offered-overlay-content{display:flex;flex-direction:column}.krs-class-offered-overlay-content .info{color:#fff;font-size:14px}.krs-class-offered-overlay-content .selected,.saved{color:#fff;font-weight:700}.krs-class-offered-overlay-content .sks-info{color:#fff;font-size:14px;font-weight:400}.krs-class-offered-overlay-content .sks-highlight{color:#fff;font-weight:700}.krs-class-offered-overlay-container .separator{width:1px;height:34px;background-color:#fff}.krs-class-offered-overlay-container .save-button{background-color:var(--qn-edlink-400);color:#fff;font-size:14px;font-weight:700;padding:8px 16px;border:none;border-radius:8px;cursor:pointer}.krs-class-saved-container{padding-bottom:var(--krs-info-height,80px)}.krs-class-saved-container .empty-state{display:flex;justify-content:center;align-items:center;height:60vh;text-align:center;font-size:14px;color:#6b7280}.krs-class-saved-item{background-color:#fff;padding:16px;display:flex;align-items:center;gap:8px}.krs-class-saved-item .info{display:flex;align-items:center;gap:8px}.krs-class-saved-item .delete{align-items:center;margin-left:auto;position:relative}.krs-info-container{position:fixed;bottom:0;left:0;width:100%;background:#fff;padding:16px 16px 32px 16px;box-shadow:0 -2px 10px rgba(0,0,0,.1);text-align:center;border-top:2px solid #ddd}.krs-info-container .krs-info{color:#000;font-size:14px;text-align:left}.krs-info-container .krs-info p{margin-bottom:8px}.krs-info-container .krs-info strong{font-weight:700}.krs-info-container .krs-button{margin-top:8px;background-color:var(--qn-edlink-400);color:#fff;font-size:14px;font-weight:600;padding:14px;border:none;border-radius:6px;cursor:pointer;width:100%}.krs-info-container .krs-button:hover{background-color:var(--qn-edlink-400)}.submission-history-item{display:flex;align-items:center;padding:16px;background-color:#fff;gap:16px}.submission-history-item img{width:30px;height:30px;border-radius:30%;border:1px solid #ddd}.submission-history-item-text{display:flex;flex-direction:column}.submission-history-item-text p{margin:0}.submission-history-item-text .title{font-weight:600;color:#000}.submission-history-item-text .timestamp{font-size:12px;color:gray}.submission-history-empty-state{display:flex;justify-content:center;align-items:center;height:80vh;text-align:center;font-size:14px;color:#6b7280}.chat-search-container{padding:16px 8px 0 8px}.chat-list-scroll-container{max-height:calc(100vh - 64px);overflow-y:auto;scrollbar-width:none;background-color:#fff}.card-chat-item{display:flex;align-items:center;padding:16px;border-radius:5px;background-color:#fff}.card-chat-item .avatar-custom{margin-right:10px}.card-chat-item .avatar-custom img{object-fit:contain;width:50px;height:50px;min-width:50px;border-radius:50%;border:1px solid var(--qn-neutral-300);padding:1px}.card-chat-item .details{flex:1;min-width:0}.card-chat-item .details .title{font-size:16px;font-weight:700;margin:0;color:var(--qn-neutral-800);max-width:100%}.card-chat-item .details .subtitle{font-size:14px;margin:0;color:var(--qn-neutral-700);max-width:100%}.card-chat-item .details .timestamp{font-size:12px;color:var(--qn-neutral-600);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.floating-button-newchat{background-color:var(--qn-warning-400);border:none;border-radius:50%;width:56px;height:56px;box-shadow:0 4px 15px rgba(0,0,0,.25);display:flex;align-items:center;justify-content:center;position:fixed;bottom:84px;right:20px;z-index:1000}.kb-welcome-title{margin-top:50%;text-align:center;padding-left:16px;padding-right:16px}.kb-welcome-subtitle{text-align:center;padding-left:16px;padding-right:16px}.kb-welcom-btn-learn{padding:30px 16px 30px 16px}.kb-detail{background-color:#f5f7ff}.kb-detail-header{padding:30px 16px 30px 16px;background-color:#f5f7ff}.kb-detail-index-prestasi{padding:16px;background-color:var(--qn-white)}.kb-detail-index-prestasi .text-subtitle{color:#7985cb}.kb-detail-index-prestasi .content{background-color:var(--qn-white);padding:16px;border-radius:8px;border-style:solid;border-width:1px;border-color:var(--qn-neutral-200);box-shadow:0 1px 3px 0 rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.19)}.kb-detail-index-prestasi .growth{display:flex;gap:4px}.kb-detail-index-prestasi .text-up{color:#279b24}.kb-detail-index-prestasi .text-down{color:#dc1818}.kb-detail-index-prestasi .text-stagnant{color:#7985cb}.kb-detail-sks{margin-top:6px;padding:16px;background-color:var(--qn-white)}.kb-detail-sks .text-subtitle{color:#7985cb}.kb-detail-sks .content{background-color:var(--qn-white);padding:16px;border-radius:8px;border-style:solid;border-width:1px;border-color:#e2e7ff;box-shadow:0 1px 3px 0 rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.19)}.kb-detail-sks .content .flex{display:flex;justify-content:space-between}.kb-detail-sks .content .text-lulus-min{color:#7985cb}.kb-detail-nilai{margin-top:6px;padding:16px;background-color:var(--qn-white)}.nilai-modal-header-container{display:flex;justify-content:space-between}.nilai-modal-matkul-container{display:flex;gap:16px}.nilai-modal-matkul-container .txt-matkul{color:#7985cb}.nilai-modal-matkul-container .txt-sks{color:#7985cb}.nilai-modal-matkul-list-container{max-height:300px;overflow-y:auto}.nilai-modal-matkul-list-container .nilai-modal-matkul-list-card{display:flex;gap:10px}.kb-detail-ip{background-color:#f5f7ff}.kb-detail-ip .chart{margin-top:16px;padding:0 16px 16px 16px;background-color:var(--qn-white)}.kb-detail-ip .chart .btn-filter{display:flex;align-items:center;margin-bottom:16px}.kb-detail-ip .list{margin-top:6px;padding:16px 16px 0 16px;background-color:var(--qn-white)}.kb-detail-ip .list-title-container{display:flex;justify-content:space-between}.kb-detail-ip .list-subtitle{color:#7985cb}.kb-detail-ip .list-sks{color:#7985cb}.kb-detail-sks-detail{background-color:#f5f7ff}.kb-detail-sks-detail .header-sks{padding:20px 16px 20px 16px;display:flex;justify-content:space-between;background-color:#fff}.kb-detail-sks-detail .header-sks .header-sks-subtitle{color:#7985cb}.kb-detail-sks-detail .list-container{margin-top:6px;padding:0 16px 0 16px;background-color:var(--qn-white)}.kb-detail-sks-detail .list-sks{padding-top:30px}.kb-detail-sks-detail .list-sks-item{display:flex;justify-content:space-between;gap:6px}.kb-detail-sks-detail .list-sks-item .text-end{width:30%;text-align:end}.kb-detail-sks-detail .list-sks-item .sks-color{color:#7985cb}.kb-detail-sks-detail .tab{margin-top:16px;margin-right:10px;padding:4px 10px 4px 10px;background-color:var(--qn-white);border-radius:20px;border-color:#e2e7ff;border-style:solid;border-width:1px}.kb-detail-sks-detail .tab-active{margin-top:16px;margin-right:10px;padding:4px 10px 4px 10px;background-color:#279b24;border-radius:20px;border-color:var(--qn-edlink-300);border-style:solid;border-width:1px;color:var(--qn-white)}.bimbingan-skripsi-container .student-card{padding:16px;display:flex;justify-content:space-between;gap:8px}.bimbingan-skripsi-container .student-card .avatar-title-container{display:flex}.bimbingan-skripsi-container .student-card .bs-sc-title-info{margin-top:auto;margin-bottom:auto}.bimbingan-skripsi-container .detail-skripsi-header{padding:16px;display:flex;background-color:#f5f7ff;justify-content:space-between;gap:8px}.bimbingan-skripsi-container .detail-skripsi-header .dsh-avatar-title-container{display:flex}.bimbingan-skripsi-container .detail-skripsi-header .dsh-title-info{margin-top:auto;margin-bottom:auto}.bimbingan-skripsi-kartu{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;margin:12px 0}.bimbingan-skripsi-kartu .bsk-left-container{max-width:60%;padding-left:16px;display:flex;gap:8px}.bimbingan-skripsi-kartu .bsk-left-container .bsk-text-number{align-self:flex-start;margin-left:16px;margin-top:auto;margin-bottom:auto}.bimbingan-skripsi-kartu .bsk-left-container .bsk-text-topic{font-weight:600}.bimbingan-skripsi-kartu .bsk-left-container .bsk-text-info{color:var(--qn-neutral-600)}.bimbingan-skripsi-kartu .bsk-left-container .bsk-user-container{max-width:85%;padding-right:16px;display:flex;align-items:center;gap:4px}.bimbingan-skripsi-kartu .bsk-left-container .bsk-user-container .bsk-user-text{color:var(--qn-neutral-600);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bimbingan-skripsi-kartu .bsk-verified-text{padding:0 8px 0 8px;margin-right:16px;max-width:150px;background-color:#f0fdf9;border-radius:10px;color:#0e9384}.bimbingan-skripsi-kartu .bsk-unverified-text{padding:0 8px 0 8px;margin-right:16px;max-width:150px;background-color:#fbe2dd;border-radius:10px;color:var(--qn-danger-400)}.bimbingan-skripsi-kartu .bsk-chevron-right{margin-right:16px;margin-top:auto;margin-bottom:auto}.bimbingan-skripsi-buat-kartu{padding:16px}.bimbingan-skripsi-buat-kartu .tf-counter{margin-top:2px;color:var(--qn-neutral-600);text-align:end}.bimbingan-skripsi-detail-kartu-container .bsdk-info-bimbingan{padding:0 16px 0 16px;row-gap:6px}.bimbingan-skripsi-detail-kartu-container .bsdk-info-bimbingan .bsdk-status-validated{width:fit-content;padding:2px 8px 2px 8px;background-color:#f0fdf9;color:#0e9384;border-radius:15px}.bimbingan-skripsi-detail-kartu-container .bsdk-info-bimbingan .bsdk-status-unvalidated{width:fit-content;padding:2px 8px 2px 8px;background-color:#fbdbdb;color:var(--qn-danger-400);border-radius:15px}.bimbingan-skripsi-detail-kartu-container .bsdk-btn-cancel{width:100%;padding:14px;background-color:var(--qn-white);border-radius:6px;border-width:1px;border-style:solid;border-color:var(--qn-edlink-400);color:var(--qn-edlink-400);text-align:center}.bimbingan-skripsi-detail-kartu-container .bsdk-btn-validate{width:100%;padding:14px;border-radius:6px;background-color:var(--qn-edlink-400);color:var(--qn-white);text-align:center}.setting-menu{padding:10px 20px 10px 20px;background-color:var(--qn-white)}.setting-menu-locale{padding:10px 20px 10px 20px;background-color:var(--qn-white);display:flex;justify-content:space-between}.setting-menu-locale .sm-change-id-off{width:40px;border-top-right-radius:10px;border-bottom-right-radius:10px;background-color:var(--qn-neutral-300);color:var(--qn-neutral-800);text-align:center}.setting-menu-locale .sm-change-id-on{width:40px;border-top-right-radius:10px;border-bottom-right-radius:10px;background-color:green;color:var(--qn-white);text-align:center}.setting-menu-locale .sm-change-en-on{width:40px;border-top-left-radius:10px;border-bottom-left-radius:10px;background-color:green;color:var(--qn-white);text-align:center}.setting-menu-locale .sm-change-en-off{width:40px;border-top-left-radius:10px;border-bottom-left-radius:10px;background-color:var(--qn-neutral-300);color:var(--qn-neutral-800);text-align:center}.bg-cover-merdeka{background-size:cover;background-position:center;background-repeat:no-repeat;background-image:url("/assets/images/explore/background_merdeka.svg")}.bg-cover-spada{background-size:cover;background-position:center;background-repeat:no-repeat;background-image:url("/assets/images/explore/background_spada.svg")}.bg-cover-umum{background-size:cover;background-position:center;background-repeat:no-repeat;background-image:url("/assets/images/explore/background_umum.svg")}.explore{background-color:transparent;margin:8px 0 0 0;padding:16px}.explore .btn-seeall{background-color:#f4faf4;color:var(--qn-edlink-400);border:none;border-radius:8px;padding:2px 8px 2px 8px;float:right;width:100%;height:32px}.explore .scrollmenu{height:260px;white-space:nowrap;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.explore .scrollmenu::-webkit-scrollbar{display:none}.explore .item{display:inline-block;background-color:#fff;color:#333;width:200px;height:250px;border:1px solid var(--qn-neutral-500);border-radius:8px;margin-right:12px;overflow:hidden;cursor:pointer;vertical-align:top}.explore .item-header{width:100%;height:110px;background-color:#ddd;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;color:#333}.explore .item-header.with-image{background-size:cover;background-position:center;background-repeat:no-repeat;color:transparent}.explore-item-content{padding:12px;height:140px;display:flex;flex-direction:column;box-sizing:border-box}.explore-text{flex-grow:1;overflow:hidden}.explore-subtitle,.explore-title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;line-height:1.4;max-height:2.8em;word-break:break-word;text-wrap:wrap}.explore-title{margin-bottom:4px;color:#0b0b33}.explore-subtitle{font-size:14px;margin-bottom:4px;color:#99a1ae}.explore-price{font-weight:700;color:#1f2937;margin-top:auto}.explore .university-info{display:flex;align-items:center;margin-top:4px}.explore .university-logo{width:20px;height:20px;object-fit:contain;margin-right:6px}.explore .university-name{font-size:12px;color:#40516b;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kelas-header{position:sticky;top:60px;background:#f4f7f9;z-index:1;padding:16px}.kelas-header h1{font-size:20px;font-weight:700;text-align:center}.kelas-header p{text-align:center;margin-top:8px;color:#555;font-size:14px}.search-box{display:flex;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 1px 2px rgba(0,0,0,.1);margin-top:16px}.search-box input{flex:1;border:none;padding:12px;font-size:14px}.search-box button{background:#3aaa35;color:#fff;border:none;padding:0 16px}.kelas-list-container{min-height:80vh;display:flex;flex-direction:column;margin:auto;background:#f4f7f9;padding:64px 16px 16px 16px}.kelas-list{display:flex;flex-direction:column;gap:12px}.kelas-card{display:flex;height:140px;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 1px 2px rgba(0,0,0,.05)}.kelas-avatar{background:#ddd;font-weight:700;font-size:20px;width:120px;min-width:120px;display:flex;align-items:center;justify-content:center;overflow:hidden;color:#333}.kelas-avatar.with-image{background-size:cover;background-position:center;background-repeat:no-repeat;color:transparent}.kelas-info{flex:1;padding:16px;display:flex;flex-direction:column;justify-content:space-between;box-sizing:border-box;overflow:hidden}.kelas-nama{color:#0b0b33}.kelas-jurusan{color:#9ca3af;margin-top:2px;font-size:14px}.kelas-harga{margin-top:8px;font-weight:700;color:#1f2937}.university-info{display:flex;align-items:center;margin-top:4px;overflow:hidden}.university-logo{width:20px;height:20px;object-fit:contain;margin-right:6px;flex-shrink:0}.university-name{font-size:12px;color:#40516b;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex-shrink:1}.kelas-jurusan,.kelas-nama,.university-name{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;line-height:1.4;max-height:2.8em;word-break:break-word}.not-found-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px;background-color:#fff;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.1);margin:0 auto;overflow:hidden;width:100%;min-height:70vh}.not-found-image{width:160px;height:160px;margin-bottom:24px}.not-found-text{font-size:18px;color:#374151;text-align:center}.not-found-text .highlight{font-weight:600}.not-found-subtext{margin-top:8px;color:#6b7280;font-size:14px;text-align:center;max-width:300px}.fr-wrapper{padding-top:16px}.fr-title{text-align:center;margin:0 0 8px 0;font-weight:800;font-size:16px;color:#111827}.fr-subtitle{text-align:center;font-size:14px;margin:0 auto 14px;max-width:520px;line-height:1.5;color:#6b7280}.fr-stars{display:flex;justify-content:center;gap:20px}.fr-star{appearance:none;background:0 0;border:0;padding:6px;cursor:pointer;line-height:0;transition:transform .1s ease}.fr-star:hover{transform:scale(1.05)}.fr-star-svg{width:34px;height:34px;fill:#d1d5db;transition:fill .15s ease}.fr-star.is-active .fr-star-svg{fill:#D76101}.fr-input{padding-top:16px}.review-list{padding:0 16px 16px 16px}.review-item{border-bottom:1px solid #ddd;padding:15px 0}.review-header{display:flex;align-items:center;margin-bottom:6px}.review-avatar{width:24px;height:24px;border-radius:50%;margin-right:10px}.review-name{font-size:14px;font-weight:700}.review-meta{display:flex;justify-content:space-between;align-items:center;margin:5px 0}.review-rating{display:flex;align-items:center}.review-rating .star{font-size:16px;color:#ccc;margin-right:8px}.review-rating .star.filled{color:#d76101}.review-date{font-size:12px;color:#888}.review-comment{margin-top:12px;margin-bottom:8px;overflow-wrap:break-word}.review-response{display:flex;align-items:flex-start;background-color:#f4f4f4;padding:10px;border-radius:8px}.response-icon{width:20px;height:20px;margin-right:8px;margin-top:2px}.response-content{width:100%}.response-header{display:flex;justify-content:space-between;align-items:center}.response-name{font-size:14px;font-weight:700}.response-date{font-size:12px;color:#888}.response-text{margin-top:4px;overflow-wrap:break-word}.join-container{display:flex;flex-direction:column;align-items:center;text-align:center;height:80vh;justify-content:center}.join-title{color:#0d1c5a;font-size:18px;font-weight:600;margin-bottom:.5rem}.join-subtitle{color:#6e6e6e;font-size:14px;margin-bottom:2rem}.qr-frame{position:relative;width:250px;height:250px;margin-bottom:2rem}#qr-reader{width:100%;height:100%;background:#000}#qr-reader video{width:100%!important;height:100%!important;object-fit:cover}.corner{width:40px;height:40px;border:4px solid #fba919;position:absolute;border-radius:4px}.top-left{top:0;left:0;border-right:none;border-bottom:none}.top-right{top:0;right:0;border-left:none;border-bottom:none}.bottom-left{bottom:0;left:0;border-right:none;border-top:none}.bottom-right{bottom:0;right:0;border-left:none;border-top:none}.join-or{color:#6e6e6e;margin:1rem 0 .5rem;font-size:14px}.join-pin-button{background:0 0;border:none;color:#0d1c5a;font-weight:600;font-size:16px;cursor:pointer}p.form-control__input{line-height:1.5;font-size:14px;color:#333;max-height:none}p.form-control__input ol{padding-left:1.5rem;margin:.5rem 0;list-style-type:decimal}p.form-control__input ul{padding-left:1.5rem;margin:.5rem 0;list-style-type:disc}p.form-control__input li{margin-bottom:.25rem}p.form-control__input table{border-collapse:collapse;width:100%;margin:.75rem 0}p.form-control__input td,p.form-control__input th{border:1px solid #ccc;padding:.5rem;text-align:left}p.form-control__input th{background-color:#f5f5f5}p.form-control__input a{color:#007bff;text-decoration:underline}.join-request{display:flex;align-items:flex-start;padding:16px;border-radius:12px;background-color:#fff}.join-request .avatar{width:48px;height:48px;border-radius:50%;flex-shrink:0}.join-request .content{margin-left:16px;flex:1;display:flex;flex-direction:column}.join-request .info{margin-bottom:8px}.join-request .name{font-weight:700;color:#1d1d1f}.join-request .time{color:#6e6e73;font-size:14px}.join-request .actions{margin-top:4px;display:flex;gap:8px}.join-request .btn-decline{padding:6px 16px;border:1px solid #a5b4fc;color:#3b82f6;background:0 0;border-radius:8px;width:100%;cursor:pointer}.join-request .btn-accept{padding:6px 16px;background-color:var(--qn-edlink-400);color:#fff;border:none;border-radius:8px;width:100%;cursor:pointer}.mahasiswa-wali-header{position:fixed;top:60px;left:0;right:0;padding:16px;border-bottom:1px solid #ddd;background-color:#fff;z-index:3}.filter-container{width:100%;margin-top:8px;display:flex;gap:12px;align-items:center}.period-selector{display:flex;flex-direction:column;font-size:14px}.period-selector .choices__inner{width:auto;padding-right:2rem;padding-left:8px;padding-top:4px;padding-bottom:4px;font-size:12px;display:flex;align-items:center}.period-selector .choices__list--single{white-space:nowrap}.period-selector .sort{white-space:nowrap}.period-selector label{margin-bottom:8px}.filter-container-button-wrapper{padding-top:20px;margin-left:auto}.show-button{background-color:#00a651;color:#fff;border:none;padding:8px 16px;height:40px;border-radius:6px;font-weight:700;cursor:pointer}.student-list{list-style:none;padding:0;margin:0;padding-top:126px}.student-item{display:flex;justify-content:space-between;align-items:center;padding:14px;border-bottom:1px solid #eeeded}.student-info{display:flex;flex-direction:column}.student-name{font-weight:700;font-size:16px;color:#1b1b5e}.student-major{font-size:14px;color:gray;margin-top:2px}.student-id{font-weight:700;font-size:14px;margin-top:2px}.student-menu{width:24px;text-align:right;font-size:24px;color:#555;cursor:pointer}.tugas-report .filters{position:fixed;top:60px;left:0;right:0;background-color:#fff;padding:16px;z-index:4;display:flex;gap:8px;flex-wrap:wrap;box-shadow:0 2px 4px rgba(0,0,0,.05)}.tugas-report .filter-button{padding:6px 12px;border:1px solid #ccc;border-radius:20px;background-color:#fff;font-size:12px;cursor:pointer}.tugas-report .filter-button.active{background-color:var(--qn-edlink-100);border-color:green;color:green;font-weight:700}.tugas-report .sort-select{display:inline-flex;align-items:center;font-size:12px;gap:6px}.tugas-report .sort-select .choices__inner{width:auto;padding-right:2rem;padding-left:8px;padding-top:4px;padding-bottom:4px;font-size:12px;display:flex;align-items:center}.tugas-report .sort-select .choices__list--single{white-space:nowrap}.tugas-report .sort-select .sort{white-space:nowrap}.tugas-report .submission-list{max-height:calc(100vh - 160px);overflow-y:auto;margin-top:114px;padding:0}.tugas-report .submission-item{display:grid;grid-template-columns:32px 1fr auto;align-items:center;padding:16px;border-bottom:1px solid #e5e5e5;gap:12px}.tugas-report .submission-index{font-size:14px;font-weight:700;width:24px}.tugas-report .submission-info{display:flex;flex-direction:column}.tugas-report .submission-name{font-weight:700;font-size:14px}.tugas-report .submission-id{font-size:12px;color:#6c757d}.tugas-report .submission-score{background-color:#f5f8ff;padding:4px 8px;border-radius:8px;font-size:14px;font-weight:700;display:flex;align-items:center;gap:8px}.tugas-report .submission-grade{color:#6c757d;border:1px solid #e5e5e5;padding:8px 16px 8px 16px;border-radius:8px;font-size:12px}.tugas-report .submission-status{font-size:12px;font-style:italic;color:#6c757d}.tugas-setnilai{display:flex;flex-direction:column;height:100vh;overflow:hidden;font-family:sans-serif;position:relative}.tugas-setnilai .header-tabs{position:fixed;top:60px;left:0;right:0;background:#fff;z-index:20;box-shadow:0 1px 4px rgba(0,0,0,.05)}.tugas-setnilai .user-info{display:flex;align-items:center;justify-content:space-between;margin:16px;padding:8px;border-radius:8px;border:1px solid #eeeded}.tugas-setnilai .avatar{width:48px;height:48px;border-radius:50%}.tugas-setnilai .user-details{flex:1;margin-left:12px}.tugas-setnilai .username{font-size:12px;font-weight:700;margin:0}.tugas-setnilai .userid{font-size:12px;color:gray;margin:0}.tugas-setnilai .user-score{display:flex;align-items:center;background-color:#f8f8ff;border-radius:12px;padding:4px 8px;font-weight:700}.tugas-setnilai .star{margin-right:4px;color:orange}.tugas-setnilai .submission-grade{color:#6c757d;padding:8px;border-radius:8px;font-size:12px}.tugas-setnilai .tabs{font-size:12px;display:flex;border-bottom:2px solid #ccc}.tugas-setnilai .tab{flex:1;padding:8px;text-align:center;background:0 0;border:none;font-weight:700;cursor:pointer;border-bottom:2px solid transparent}.tugas-setnilai .tab.active{color:green;border-bottom-color:green}.tugas-setnilai .content-section{flex:1;overflow-y:auto;margin-top:130px;padding-bottom:100px}.tugas-setnilai .submission{font-size:14px;padding:16px}.tugas-setnilai .label{font-weight:700;margin:12px 0 4px}.tugas-setnilai .value{margin-bottom:12px}.tugas-setnilai .html-value{margin-bottom:12px}.tugas-setnilai .html-value ol,.tugas-setnilai .html-value ul{padding-left:24px}.tugas-setnilai .file-attachment{display:flex;align-items:center;background-color:#f3f3f3;border-radius:8px;padding:8px;justify-content:space-between;margin-bottom:8px}.tugas-setnilai .file-icon{font-size:18px;margin-right:8px}.tugas-setnilai .file-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tugas-setnilai .file-view{color:green;font-weight:700;text-decoration:none}.tugas-setnilai .score-input{width:100%;padding:8px;border-radius:8px;border:1px solid #ccc}.tugas-setnilai .feedback{width:100%;padding:8px;border-radius:8px;border:1px solid #ccc;resize:none}.tugas-setnilai .action-buttons{position:fixed;bottom:0;left:0;right:0;background-color:#fff;display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-top:1px solid #ddd;box-shadow:0 -2px 8px rgba(0,0,0,.05);z-index:20}.tugas-setnilai .nav-btn{background:0 0;border:1px solid #ccc;border-radius:8px;padding:8px 12px;font-size:18px;min-width:48px}.tugas-setnilai .nav-btn:disabled{cursor:not-allowed;opacity:.6}.tugas-setnilai .save-btn{background-color:var(--qn-edlink-400);color:#fff;border:none;border-radius:12px;padding:12px 16px;font-weight:700;font-size:16px;flex-grow:1;margin:0 12px}.tugas-setnilai .save-btn:disabled{cursor:not-allowed;opacity:.4}.tugas-setnilai-history{padding:0}.tugas-setnilai-history .history-item{display:flex;align-items:center;padding:16px;border-bottom:1px solid #eeeded}.tugas-setnilai-history .history-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover;margin-right:12px}.tugas-setnilai-history .history-content{display:flex;flex-direction:column}.tugas-setnilai-history .history-action{font-weight:700;font-size:14px}.tugas-setnilai-history .history-timestamp{font-size:13px;color:#889}.header-face-recognition{position:relative;z-index:2;padding:16px;background:#fff;margin-top:60px}.camera-wrapper{position:relative;padding:16px;box-sizing:border-box;height:calc(100vh - 120px)}.camera{position:absolute;top:16px;left:16px;width:calc(100% - 32px);height:calc(100% - 32px);border-radius:20px;object-fit:cover;z-index:0}.face-frame{position:absolute;top:16px;left:16px;width:calc(100% - 32px);height:calc(100% - 32px);border-radius:20px;pointer-events:none;z-index:1;background-color:rgba(0,0,0,.6);-webkit-mask-image:radial-gradient(circle 150px at center,transparent 99%,black 100%);-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;mask-image:radial-gradient(circle 150px at center,transparent 99%,black 100%);mask-repeat:no-repeat;mask-position:center}.frame-rectangle{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);cursor:pointer;pointer-events:auto;display:flex;justify-content:center;align-items:center}.face-attendence-preview{position:absolute;width:100px;height:150px;border-radius:10px;bottom:7%;left:7%;object-fit:cover}.btn-capture{position:absolute;bottom:24px;left:50%;transform:translateX(-50%);border:none;border-radius:50%;width:64px;height:64px;cursor:pointer;pointer-events:auto;display:flex;justify-content:center;align-items:center;box-shadow:0 4px 10px rgba(0,0,0,.3)}.face-preview-wrapper{display:inline-block;padding:8px;margin-top:10%;margin-right:auto;margin-left:auto;border:2px solid green;border-radius:50%;overflow:hidden}.face-preview-wrapper img{display:block;max-width:100%;border-radius:50%}.activity-content{background-color:#f5f5f5;min-height:100vh;padding-bottom:2rem}.activity-content .sync-info{text-align:center!important}.activity-content .sync-info small{font-size:14px!important;color:#666!important;padding:.5rem 0!important;font-weight:500!important;text-align:center!important}.activity-content .container{max-width:1344px;margin:0 auto;padding:1.5rem}@media (max-width:1024px){.activity-content .container{padding:1rem}}@media (max-width:768px){.activity-content .container{padding:.75rem}}@media (max-width:640px){.activity-content .container{padding:0}}.activity-content .card{background-color:#fff;border-radius:8px;border:1px solid #e2e7ff;padding:1rem}.activity-content .card-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem;flex-wrap:wrap}.activity-content .card-button{display:flex;align-items:center;justify-content:flex-end;gap:.5rem;margin:.5rem 0;flex-wrap:wrap}.activity-content .card-button button{padding:.225rem .725rem!important;height:40px!important;font-size:15px;display:flex;justify-content:center;align-items:center;gap:8px;font-weight:500;font-family:inherit;box-shadow:none!important;border:transparent}.activity-content .card-button button:first-child{background-color:#009b24!important;color:#fff!important;border-radius:8px}.activity-content .card-button button:last-child{background-color:#fff;color:#009b24;border:1px solid #009b24;border-radius:8px}.activity-content .card-button button:last-child:hover{background-color:#009b24;color:#fff}.activity-content .card-title h4{margin:0;font-size:28px;font-weight:700;color:#102a67}.activity-content .page-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem}@media (max-width:1024px){.activity-content .page-header{flex-direction:column;align-items:flex-start}}.activity-content .page-title-section{margin-bottom:1.5rem}.activity-content .page-title-section h3{font-size:24px;font-weight:600;color:#1a1a1a;margin:0 0 .5rem 0}.activity-content .page-title-section .subtitle{font-size:14px;color:#666;margin:0}.activity-content .periodic-filters{display:flex;gap:1rem;flex-wrap:wrap;flex-direction:row}.activity-content .filters-bar{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.activity-content .filters-bar .filters-left{display:flex;gap:1rem;flex-wrap:wrap}.activity-content .filters-bar .filters-right{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap;justify-content:center}.activity-content .filters-bar .filter{display:flex;flex-direction:column;gap:.5rem}.activity-content .filters-bar .filter label{font-size:14px;font-weight:500;color:#333}@media (max-width:640px){.activity-content .filters-bar .filter{width:100%}}.activity-content .filters-bar .filter select{padding:.5rem 2rem .5rem .75rem;font-size:14px;border:1px solid #d0d0d0;border-radius:4px;background-color:#fff;cursor:pointer;min-width:200px;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%23666' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center}.activity-content .filters-bar .filter select:focus{outline:0;border-color:#00a651}.activity-content .filters-bar .btn{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:14px;font-weight:500;border:1px solid #d0d0d0;border-radius:4px;background-color:#fff;color:#333;cursor:pointer;transition:all .2s ease}.activity-content .filters-bar .btn i{font-size:14px}.activity-content .filters-bar .btn:hover{background-color:#f5f5f5}.activity-content .filters-bar .btn.primary{background-color:#00a651;color:#fff;border-color:#00a651}.activity-content .filters-bar .btn.primary:hover{background-color:#008a44}.activity-content .notice{padding:.75rem 1rem;border-radius:4px;margin-bottom:1.5rem;font-size:14px;line-height:1.5;font-weight:500!important}.activity-content .notice p{margin:0}.activity-content .notice.info{background-color:#e7f3ff;border:1px solid #b3d9ff;border-left:4px solid #b3d9ff!important;color:#06c}.activity-content .notice.tip{background-color:#fff8e7;border:1px solid #ffd966;border-left:4px solid #ffd966!important;color:#960}.activity-content .skeleton-row .stat-card{cursor:default}.activity-content .skeleton-card{position:relative;overflow:hidden}.activity-content .skeleton-line{background:linear-gradient(90deg,#f0f0f0 25%,#e6e6e6 37%,#f0f0f0 63%);background-size:400% 100%;border-radius:6px;margin-bottom:.75rem;animation:shimmer 1.4s ease infinite}.activity-content .skeleton-line.short{height:16px;width:60%}.activity-content .skeleton-line.tall{height:28px;width:80%}.activity-content .skeleton-line.chart{height:320px;width:100%}.activity-content .chart-skeleton{border:1px solid #e0e0e0;border-radius:8px;padding:1.5rem;margin-top:1.5rem;background:#fff}@keyframes shimmer{0%{background-position:-200% 0}100%{background-position:200% 0}}.activity-content .stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1.5rem}@media (max-width:1024px){.activity-content .stats-row{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.activity-content .stats-row{grid-template-columns:1fr}}.activity-content .stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1.5rem}@media (max-width:1024px){.activity-content .stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.activity-content .stats-grid{grid-template-columns:1fr}}.activity-content .stat-card{background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:1.25rem;transition:all .2s ease}.activity-content .stat-card .stat-title{font-size:14px!important;color:#666;font-weight:600!important;margin-bottom:.75rem;display:flex;align-items:center;justify-content:space-between;position:relative}.activity-content .stat-card .stat-title .info{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;background-color:#e0e0e0;color:#666;font-size:12px;font-style:normal;font-weight:600;cursor:help;position:relative;z-index:2}.activity-content .stat-card .stat-title .tooltip{position:absolute;top:110%;left:0;padding:.5rem .75rem;background:#1a1a1a;color:#fff;border-radius:6px;font-size:12px;line-height:1.4;box-shadow:0 4px 12px rgba(0,0,0,.16);max-width:240px;opacity:0;visibility:hidden;transform:translateY(4px);transition:opacity .12s ease,transform .12s ease,visibility .12s ease;z-index:3}.activity-content .stat-card .stat-title .info:focus+.tooltip,.activity-content .stat-card .stat-title .info:hover+.tooltip,.activity-content .stat-card .stat-title:hover .tooltip{opacity:1;visibility:visible;transform:translateY(0)}.activity-content .stat-card .stat-value{font-size:32px;font-weight:700;color:#1a1a1a}@media (max-width:640px){.activity-content .stat-card .stat-value{font-size:20px}}.activity-content .stat-card.selectable{cursor:pointer;position:relative}.activity-content .stat-card.selectable:hover{border-color:#00a651;box-shadow:0 2px 8px rgba(0,0,0,.05)}.activity-content .stat-card.selectable.is-selected{border-width:2px;background-color:#f9fbff}.activity-content .stat-card.selectable.is-selected::after{content:"✓";position:absolute;top:.75rem;right:.75rem;width:20px;height:20px;border-radius:50%;background-color:currentColor;color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700}.activity-content .chart-section{background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:1.5rem;margin-top:1.5rem}.activity-content .chart-section .legend{display:flex;gap:1.5rem;margin-bottom:1.5rem;flex-wrap:wrap}.activity-content .chart-section .legend .legend-item{display:flex;align-items:center;gap:.5rem;font-size:12px;color:#666}.activity-content .chart-section .legend .legend-item .legend-dot{width:12px;height:12px;border-radius:2px;display:inline-block}.activity-content .chart-section .chart-wrapper{min-height:320px;height:100%}.activity-content .chart-section .chart-wrapper canvas{width:100%!important;height:320px!important;display:block}.activity-content .chart-section .chart-note{margin-top:.75rem;font-size:12px;color:#666;font-style:italic}.college-content .college-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem}.college-content .title-card{font-size:18px!important;color:#000!important}.college-content .page-header{display:flex;flex-direction:column;gap:.85rem;padding:1.25rem 1.5rem;margin-bottom:1.5rem;background:#fff;border:1px solid #e2e7ff;border-radius:8px;box-shadow:0 12px 30px rgba(16,54,123,.08)}.college-content .page-title-section{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;margin-bottom:0!important}.college-content .page-title-section h3{margin:0;font-size:26px;font-weight:700;color:#12306b}.college-content .page-title-section .subtitle{margin:0;display:inline-flex;align-items:center;gap:6px;padding:.35rem .85rem;background:#e8edff;border:1px solid #d7defa;border-radius:10px;color:#12306b;font-weight:600;font-size:14px}.college-content .filters-bar{width:100%;display:flex;justify-content:space-between;align-items:flex-end;gap:1rem;flex-wrap:wrap;margin:0!important}.college-content .periodic-filters{display:flex;gap:.75rem;flex-wrap:wrap;align-items:flex-end}.college-content .filter{display:flex;flex-direction:column;gap:.35rem}.college-content .filter label{font-size:13px;font-weight:600;color:#2f3b57}.college-content .filter select{min-width:220px;height:44px;border:1px solid #d7defa;border-radius:10px;padding:0 2.25rem 0 .85rem;font-size:15px;font-weight:600;color:#1f2f57;background:#fff;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%232c3e70' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;box-shadow:0 8px 20px rgba(18,48,107,.08)}.college-content .filter select:focus{outline:0;border-color:#00a651;box-shadow:0 0 0 3px rgba(0,166,81,.12)}.college-content .filters-right{display:flex;align-items:flex-end;gap:.75rem;flex-wrap:wrap;justify-content:flex-end;text-align:right}.college-content .sync-info{text-align:center;padding:.1rem 0!important;margin:0!important}.college-content .sync-info small{padding:.1rem 0!important;margin:0!important;display:block;font-size:13px;font-weight:600;color:#4a5878}.college-content .card-button{display:flex;align-items:center;justify-content:flex-end;gap:.5rem;margin:0}.college-content .card-button button{height:44px!important;padding:0 1.15rem!important;border-radius:10px;border:1px solid #009b24;background:#009b24!important;color:#fff!important;font-size:15px;font-weight:700;display:inline-flex;align-items:center;gap:.5rem;box-shadow:0 10px 24px rgba(0,155,36,.25)}.college-content .card-button button i{font-size:14px}.college-content .card-button button:hover{background:#008421!important;border-color:#008421}.college-content .card-button button:active{transform:translateY(1px)}.college-content .college-card{display:flex;flex-direction:column;gap:.5rem;position:relative;background:#fff;border:1px solid #e6e6e6;border-radius:12px;padding:12px;box-shadow:0 4px 20px rgba(0,0,0,.04)}.college-content .card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:.25rem}.college-content .badge-area{display:flex;align-items:center;gap:6px}.college-content .alert-badge{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:8px;border:1px solid #f0b3b3;background:#ffecec;color:#d63e3e;font-weight:700;cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,.06);transition:transform 120ms ease,box-shadow 120ms ease}.college-content .alert-badge img{width:18px;height:18px;display:block}.college-content .alert-badge:hover{transform:translateY(-1px);box-shadow:0 6px 14px rgba(0,0,0,.08)}.college-content .icon-button{border:none;background:0 0;color:#666;font-weight:700;cursor:pointer;padding:4px}.college-content .edit-pencil{position:absolute;bottom:12px;right:12px;display:none;width:30px;height:30px;border-radius:10px;border:1px solid #d7dcff;background:#f5f7ff;color:#4d5fe3;font-weight:700;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 10px rgba(77,95,227,.15)}.college-content .college-card:hover .edit-pencil{display:inline-flex}.college-content .alert-tooltip-card{position:absolute;top:-12px;left:50%;transform:translateX(-50%);width:360px;max-width:calc(100vw - 32px);z-index:8;display:flex;pointer-events:auto}.college-content .alert-tooltip{flex:1;background:#fff;border:1px solid #e6e6e6;border-radius:16px;box-shadow:0 18px 46px rgba(0,0,0,.16);padding:20px 20px 22px;min-height:240px;font-size:15px;line-height:1.55}.college-content .alert-topline{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;margin-bottom:12px}.college-content .alert-icon{display:inline-flex;align-items:center;justify-content:center;border:none;background:0 0;padding:0}.college-content .alert-icon img{width:36px;height:36px;display:block}.college-content .alert-title{font-weight:700;color:#1a1a1a;font-size:18px;margin-bottom:4px}.college-content .alert-subtitle{color:#555;font-size:14px;margin-bottom:12px}.college-content .alert-body{color:#333;margin-bottom:14px;font-size:15px}.college-content .alert-section-title{font-weight:700;margin-bottom:6px;font-size:14px}.college-content .alert-section-body{color:#4a4a4a;line-height:1.55;font-size:14px}.college-content .close-tooltip{margin-left:auto;border:none;background:0 0;font-size:20px;cursor:pointer;color:#666}.college-content .college-percent{font-weight:700;font-size:22px;color:#1a1a1a}.college-content .progress-wrap{display:flex;flex-direction:column;gap:.35rem}.college-content .progress-track{width:100%;height:8px;background:#eaeaea;border-radius:999px;overflow:hidden}.college-content .progress-bar{height:100%;background:linear-gradient(90deg,#f39898 0,#de6b6b 100%)}.college-content .progress-caption{font-size:12px;color:#666}.college-content .college-desc{font-size:13px;color:#444;line-height:1.4}.college-content .college-table-card{margin-top:1.5rem}.college-content .table-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.75rem}.college-content .table-header .filters-inline{display:flex;gap:.5rem}.college-content .table-header input{border:1px solid #d0d0d0;border-radius:6px;padding:.5rem .75rem;min-width:220px;font-size:14px}.college-content .table-wrapper{overflow-x:auto}.college-content .college-table{width:100%;border-collapse:collapse}.college-content .college-table td,.college-content .college-table th{padding:.65rem .75rem;border-bottom:1px solid #eee;text-align:left;font-size:14px;font-weight:700;color:#000}.college-content .college-table th{color:#000;font-weight:700}.college-content .college-table td{color:#000}.college-content .college-table a.row-link{color:#000;font-weight:700;text-decoration:none}.college-content .pill{display:inline-flex;align-items:center;justify-content:center;min-width:28px;padding:4px 8px;background:#fde8e8;color:#d35858;border-radius:10px;font-weight:700;font-size:12px}.college-content .info-modal{max-width:760px;width:calc(100% - 32px);background:#fff;border-radius:12px;border:1px solid #e6e6e6;box-shadow:0 24px 60px rgba(0,0,0,.22);padding:1.25rem 1.5rem 1.5rem;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:20}.college-content .info-body{max-height:70vh;overflow-y:auto;padding-right:.25rem;text-align:left}.college-content .info-text{color:#2f3b57;font-size:14px;line-height:1.6;margin-bottom:.75rem;text-align:left}.college-content .info-list{padding-left:1rem;margin:0 0 .75rem;color:#2f3b57;font-size:14px;line-height:1.6;text-align:left}.college-content .info-formula-title{margin:0 0 .35rem;color:#1a1a1a;font-size:14px;font-weight:700;text-align:left}.college-content .info-formula{margin:0 0 .5rem;color:#2f3b57;font-size:14px;line-height:1.55;font-weight:600;text-align:left}.college-content .modal-overlay.apps-modal{display:flex;align-items:center;justify-content:center;padding:16px}.college-content .modal-overlay.apps-modal .modal-content{border-radius:14px;max-width:600px!important}.college-content .modal-overlay.apps-modal .modal-footer{display:none}.college-content .close-info{margin-left:auto;border:none;background:0 0;font-size:22px;cursor:pointer;color:#666}.college-content .threshold-overlay{position:fixed;inset:0;background:rgba(0,0,0,.55);backdrop-filter:blur(1px);z-index:9998}.college-content .threshold-layer{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;z-index:9999;pointer-events:none;padding:12px}.college-content .threshold-modal{pointer-events:auto;width:640px;max-width:92vw;background:#fff;border-radius:12px;box-shadow:0 18px 48px rgba(0,0,0,.22);overflow:hidden;color:#2f2f2f;display:flex;flex-direction:column}.college-content .threshold-modal__header{padding:20px 24px 12px;border-bottom:1px solid #f1f1f1}.college-content .threshold-modal__header h4{margin:0;font-weight:700;color:#2f2f2f}.college-content .threshold-modal__body{padding:20px 24px 12px}.college-content .threshold-title{margin:0 0 4px;font-weight:700;font-size:18px;color:#2f2f2f}.college-content .threshold-subtitle{margin:0 0 16px;color:#555}.college-content .threshold-input-row{display:flex;gap:10px;align-items:center;margin-bottom:18px}.college-content .threshold-field{flex:1;position:relative}.college-content .threshold-field input{width:100%;padding:10px 44px 10px 12px;border:1px solid #e0e0e0;border-radius:8px;font-size:16px;color:#2f2f2f;outline:0}.college-content .threshold-field__suffix{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:#8a8a8a;font-weight:600}.college-content .threshold-preview{padding:14px 16px;background:#f9fafc;border:1px solid #eef1f5;border-radius:10px;margin-bottom:14px}.college-content .threshold-preview__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.college-content .threshold-preview__header .preview-label{font-weight:600;color:#333}.college-content .threshold-preview__header .preview-value{font-weight:700;color:#2f2f2f}.college-content .threshold-preview__bar{margin-bottom:10px}.college-content .threshold-preview__track{height:10px;background:#e9eaee;border-radius:999px;overflow:hidden}.college-content .threshold-preview__fill{height:100%;background:#f5a623;transition:width 150ms ease}.college-content .threshold-preview__caption{margin-top:6px;font-size:13px;color:#666}.college-content .threshold-indicator{display:flex;align-items:center;gap:8px}.college-content .threshold-indicator__dot{width:14px;height:14px;border-radius:50%;background:#c7c9d2;display:inline-block;box-shadow:0 0 0 2px #fff,0 0 0 3px rgba(0,0,0,.05)}.college-content .threshold-indicator__dot.is-active{background:#f56767}.college-content .threshold-indicator__text{font-size:13px;color:#444}.college-content .threshold-hint{margin:0 0 4px;color:#666;font-size:13px}.college-content .threshold-modal__footer{padding:12px 24px 18px;display:flex;justify-content:flex-end;gap:12px;border-top:1px solid #f1f1f1;background:#fff}.college-content .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.classroom-content{background:#f5f7ff;min-height:100vh;padding-bottom:2rem}.classroom-content .container{max-width:1260px;margin:0 auto;padding:1.5rem}.classroom-content .classroom-card{background:#fff;border:1px solid #e2e7ff;border-radius:14px;box-shadow:0 10px 28px rgba(16,54,123,.08);padding:0;overflow:hidden;font-size:14px}.classroom-content .classroom-tabs{display:grid;grid-template-columns:repeat(2,1fr);border-bottom:1px solid #d8e2ff}.classroom-content .classroom-tabs .tab-btn{padding:.7rem 1rem;text-align:center;font-weight:700;font-size:15px;color:#2c3e70;background:#fff;border:none;border-bottom:3px solid transparent;cursor:pointer;transition:background 150ms ease,border-color 150ms ease}.classroom-content .classroom-tabs .tab-btn.is-active{color:#009b24;border-color:#009b24;background:#f5fbf7}.classroom-content .classroom-tabs .tab-btn:hover{background:#f4f7ff}.classroom-content .tab-panel{padding:1.1rem 1.25rem 1.35rem;display:flex;flex-direction:column;gap:1rem}.classroom-content .panel-top{display:flex;flex-direction:column;gap:.25rem}.classroom-content .panel-top .panel-title{font-size:14px;font-weight:700;color:#243158;letter-spacing:.01em}.classroom-content .panel-top .panel-subtitle{font-size:13px;color:#4f5872}.classroom-content .panel-filters{display:flex;gap:.45rem;flex-wrap:wrap;align-items:center;margin-top:.5rem}.classroom-content .panel-filters.stacked{flex-direction:column;align-items:flex-start;gap:.75rem}.classroom-content .panel-filters input,.classroom-content .panel-filters select{height:40px;border:1px solid #d7defa;border-radius:10px;padding:0 .85rem;font-size:13px;min-width:220px;background:#fff;box-shadow:0 6px 14px rgba(18,48,107,.06)}.classroom-content .panel-filters input::placeholder{color:#9aa4b2}.classroom-content .panel-filters .primary{height:40px;padding:0 1rem;border-radius:10px;background:#27ae60;color:#fff;border:1px solid #219653;font-weight:700;font-size:14px;cursor:pointer;box-shadow:0 10px 20px rgba(39,174,96,.25);transition:background 120ms ease,transform 120ms ease}.classroom-content .panel-filters .primary:hover{background:#1f8f4d}.classroom-content .panel-filters .primary:active{transform:translateY(1px)}.classroom-content .panel-filters .primary.ghost{background:#fff;color:#27ae60;border-color:#27ae60;box-shadow:none}.classroom-content .panel-filters .primary.ghost:hover{background:#f4fbf7}.classroom-content .panel-filters .filter-actions{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center}.classroom-content .panel-filters .link{background:0 0;border:none;color:#009b24;font-weight:700;font-size:14px;cursor:pointer;padding:.35rem .65rem;border-radius:8px}.classroom-content .panel-filters .link:hover{background:#f4fbf7}.classroom-content .empty-placeholder{border:1px dashed #d7defa;border-radius:12px;padding:1.25rem;background:#f9fbff;text-align:center;display:flex;flex-direction:column;gap:.5rem;align-items:center}.classroom-content .empty-placeholder .illustration-box{width:160px;height:120px;border-radius:12px;border:1px solid #dfe6ff;background:#eef2ff;display:grid;place-items:center;color:#6b77a8;font-weight:600}.classroom-content .empty-placeholder .empty-title{font-size:14px;color:#2f3b57}.classroom-content .empty-placeholder .empty-desc{font-size:13px;color:#4f5872}.classroom-content .list-table{border:1px solid #e6ebff;border-radius:12px;overflow:hidden}.classroom-content .list-table .list-head,.classroom-content .list-table .list-row{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:.75rem;padding:.7rem .95rem;align-items:center}.classroom-content .list-table .list-head{background:#f4f7ff;font-weight:700;color:#2f3b57;border-bottom:1px solid #e6ebff}.classroom-content .list-table .list-row{border-bottom:1px solid #eef1ff}.classroom-content .list-table .list-row:last-child{border-bottom:none}.classroom-content .list-table .item-name{font-weight:700;color:#009b24}.classroom-content .list-table .item-meta{color:#4f5872;font-size:13px}.classroom-content .section-spacer{margin-top:1.5rem}@media (max-width:900px){.classroom-content .list-table .list-head,.classroom-content .list-table .list-row{grid-template-columns:1.5fr 1fr;row-gap:.35rem}.classroom-content .list-table .list-head div:nth-child(n+3),.classroom-content .list-table .list-row div:nth-child(n+3){justify-self:flex-start}}.messages-content{background:#f5f7ff;min-height:100vh;padding:0}.messages-content .messages-shell{display:flex;flex-direction:column;height:100vh}.messages-content .messages-topbar{display:flex;justify-content:space-between;align-items:center;padding:.5rem 1.25rem;background:#fff;border-bottom:1px solid #e6e9f5}.messages-content .messages-topbar .breadcrumb{font-size:14px;color:#1f2f57;font-weight:600}.messages-content .messages-topbar .breadcrumb.is-active{color:#009b24}.messages-content .messages-topbar .separator{margin:0 .35rem;color:#94a0b8}.messages-content .messages-topbar .icon-btn{border:1px solid #d7defa;background:#f7f9ff;color:#2f3b57;padding:.35rem .65rem;border-radius:8px;font-weight:600;cursor:pointer}.messages-content .messages-topbar .icon-btn:hover{background:#eef2ff}.messages-content .messages-topbar .topbar-right{display:flex;gap:.5rem;align-items:center}.messages-content .messages-layout{display:grid;grid-template-columns:320px 1fr;height:calc(100vh - 56px)}.messages-content .messages-list{background:#fff;border-right:1px solid #e6e9f5;display:flex;flex-direction:column}.messages-content .list-header{padding:.85rem 1rem;border-bottom:1px solid #e6e9f5}.messages-content .list-header h3{margin:0 0 .5rem 0;font-size:16px;font-weight:700;color:#1f2f57}.messages-content .list-header input{width:100%;height:40px;border:1px solid #d7defa;border-radius:10px;padding:0 .85rem;font-size:13px;background:#f8faff}.messages-content .list-header input::placeholder{color:#9aa4b2}.messages-content .list-items{overflow:auto;flex:1}.messages-content .list-item{width:100%;border:none;background:#fff;border-bottom:1px solid #f0f2f8;display:grid;grid-template-columns:auto 1fr auto;gap:.75rem;padding:.75rem 1rem;text-align:left;cursor:pointer;transition:background 120ms ease}.messages-content .list-item:hover{background:#f7f9ff}.messages-content .list-item.is-active{background:#f0f6ff;border-left:3px solid #009b24}.messages-content .avatar{width:40px;height:40px;min-width:0!important;border-radius:50%;background:#e8edff;display:grid;place-items:center;font-weight:700;color:#1f2f57}.messages-content .item-meta{display:flex;flex-direction:column;gap:.15rem}.messages-content .item-row{display:flex;align-items:center;justify-content:space-between;font-size:14px;color:#1f2f57}.messages-content .item-name{font-weight:700;color:#1f2f57}.messages-content .item-time{font-size:12px;color:#94a0b8}.messages-content .item-snippet{font-size:13px;color:#4f5872}.messages-content .item-actions{align-self:center}.messages-content .dot-btn{border:none;background:0 0;color:#6c7897;font-size:18px;cursor:pointer}.messages-content .messages-panel{display:grid;grid-template-rows:auto 1fr auto;background:#fdfdfd}.messages-content .chat-header{display:flex;align-items:center;justify-content:space-between;padding:.85rem 1.25rem;border-bottom:1px solid #e6e9f5;background:#fff}.messages-content .chat-target{display:flex;align-items:center;gap:.75rem}.messages-content .chat-name{font-size:15px;font-weight:700;color:#1f2f57}.messages-content .chat-status{font-size:12px;color:#6c7897}.messages-content .chat-actions{display:flex;gap:.35rem}.messages-content .chat-body{position:relative;overflow:hidden}.messages-content .chat-background{position:absolute;inset:0;background:url("/assets/images/chat-bg-placeholder.svg");opacity:.12;pointer-events:none}.messages-content .chat-messages{position:relative;padding:1.25rem 1.5rem;display:flex;flex-direction:column;gap:.75rem;height:100%;overflow-y:auto}.messages-content .chat-row{display:inline-flex;flex-direction:column;max-width:60%;gap:.25rem}.messages-content .chat-row.is-mine{margin-left:auto}.messages-content .chat-row.is-mine .bubble{background:#e8f7ed;border:1px solid #b6e0c3}.messages-content .chat-row.is-mine .time{text-align:right}.messages-content .bubble{background:#fff;border:1px solid #e6e9f5;border-radius:12px;padding:.75rem .9rem;font-size:14px;color:#1f2f57;box-shadow:0 8px 18px rgba(0,0,0,.04)}.messages-content .time{font-size:12px;color:#94a0b8}.messages-content .chat-input{display:grid;grid-template-columns:1fr auto;gap:.65rem;padding:.85rem 1.25rem;border-top:1px solid #e6e9f5;background:#fff}.messages-content .chat-input input{height:44px;border:1px solid #d7defa;border-radius:10px;padding:0 .85rem;font-size:14px;background:#f8faff}.messages-content .chat-input input::placeholder{color:#9aa4b2}.messages-content .send-btn{height:44px;padding:0 1.25rem;border-radius:10px;border:1px solid #219653;background:#27ae60;color:#fff;font-weight:700;cursor:pointer;box-shadow:0 8px 20px rgba(39,174,96,.25)}.messages-content .send-btn:hover{background:#1f8f4d}@media (max-width:1100px){.messages-content .messages-layout{grid-template-columns:280px 1fr}}@media (max-width:820px){.messages-content .messages-layout{grid-template-columns:1fr}.messages-content .messages-list{height:320px;border-right:none;border-bottom:1px solid #e6e9f5}}.notification-permission-prompt{position:fixed;top:20px;left:50%;transform:translateX(-50%);z-index:9999;animation:slideDown .3s ease-out}@keyframes slideDown{from{opacity:0;transform:translateX(-50%) translateY(-20px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.notification-prompt-content{background:linear-gradient(135deg,#0f6af5 0,#1e88e5 100%);color:#fff;padding:16px 24px;border-radius:12px;box-shadow:0 10px 40px rgba(0,0,0,.2);display:flex;align-items:center;gap:20px;min-width:400px;max-width:90vw}.notification-prompt-text{display:flex;align-items:center;gap:12px;flex:1}.notification-icon{width:24px;height:24px;flex-shrink:0}.notification-prompt-text span{font-size:14px;font-weight:500;line-height:1.4}.notification-prompt-buttons{display:flex;gap:8px}.btn-allow,.btn-dismiss{padding:8px 16px;border-radius:6px;font-size:13px;font-weight:600;border:none;cursor:pointer;transition:all .2s ease;white-space:nowrap}.btn-dismiss{background:rgba(255,255,255,.2);color:#fff}.btn-dismiss:hover{background:rgba(255,255,255,.3)}.btn-allow{background:#fff;color:#0f6af5}.btn-allow:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.15)}.btn-allow:disabled{opacity:.7;cursor:not-allowed}@media (max-width:768px){.notification-prompt-content{min-width:unset;width:calc(100vw - 40px);flex-direction:column;gap:12px;padding:16px}.notification-prompt-buttons{width:100%}.btn-allow,.btn-dismiss{flex:1}}:root{--background:#ffffff;--text-color:#000000}.visible{display:block}.hidden{display:none}.no-classes-container{display:flex;justify-content:center;text-align:center;font-size:1em;color:#333}.container{flex-direction:column;align-items:center;justify-content:center}.no-data-message{font-size:1rem;color:#9aa4b2;text-align:center;margin-top:2rem}.loader-custom{display:flex;justify-content:center;align-items:center;height:100vh}.scroll-container{height:100vh;overflow-y:auto;scrollbar-width:none}.line{width:100%;height:1px;background-color:var(--qn-neutral-200)}.line-dark{width:100%;height:1px;background-color:var(--qn-neutral-400)}.btn_primary_edlink{background-color:var(--qn-edlink-400)!important;box-shadow:0 .063rem .125rem rgba(0,0,0,.12);color:#fff;font-weight:600}.btn_primary_edlink .icon{color:#fff}.btn_primary_edlink:hover{background-color:var(--qn-edlink-500)!important;box-shadow:0 .063rem .125rem rgba(0,0,0,.12)!important}.btn_primary_edlink:focus{box-shadow:0 .063rem .125rem rgba(16,24,40,.05),0 0 0 .25rem #d1e1f8!important}.btn_primary_edlink:active{background-color:var(--qn-edlink-500);box-shadow:0 .063rem .125rem rgba(0,0,0,.12)}.btn_primary_edlink:disabled{background-color:#d1d1d1!important;color:var(--qn-white)!important;box-shadow:none!important;cursor:not-allowed}.btn_ghost_danger{background-color:var(--qn-white)!important;color:var(--qn-danger-400)!important;font-weight:600}.btn_ghost_danger .icon{color:var(--qn-danger-400)!important}.btn_ghost_danger:focus{box-shadow:0 .063rem .125rem rgba(16,24,40,.05),0 0 0 .25rem #d1e1f8!important}.btn_ghost_danger:active{background-color:var(--qn-white);box-shadow:0 .063rem .125rem rgba(0,0,0,.12)}.btn_ghost_danger:disabled{background-color:#d1d1d1!important;color:#a0a0a0!important;box-shadow:none!important;cursor:not-allowed}.btn_link_edlink{padding:0;display:flex;gap:.25rem;color:var(--qn-edlink-400);font-weight:500;--qn-btn-height-size:unset!important}.btn_link_edlink .icon{color:var(--qn-edlink-400)}.btn_link_edlink:hover{text-decoration:underline;color:var(--qn-edlink-500)}.btn_link_edlink:disabled{color:var(--qn-primary-200);cursor:default;pointer-events:none}.btn_link_edlink:disabled .icon{color:#abc9f5}.btn_link_edlink a{color:var(--qn-edlink-400)}.btn_link_edlink a:hover{text-decoration:underline;color:var(--qn-primary-500)}.btn_link_edlink a:disabled{color:var(--qn-primary-200);cursor:default;pointer-events:none}.edl-alert-color-dark-blue::before{color:#29326d!important;font-size:14px!important}.icon-button{background:0 0;border:none;padding:0;margin:0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.progress-wrapper{display:flex;align-items:center;gap:8px;padding-left:16px;padding-right:16px}.progress-container{flex:1;height:8px;background-color:#eee;border-radius:10px;overflow:hidden}.progress-bar{height:100%;background-color:#4caf50;transition:width .3s ease}.progress-label{min-width:40px;text-align:right;font-size:14px;color:#fff}.menu-overlay{background:#fff;border:1px solid #ccc;border-radius:6px;box-shadow:0 4px 8px rgba(0,0,0,.2);z-index:1000;padding:6px 0;min-width:120px;max-width:90vw;box-sizing:border-box;word-wrap:break-word}.menu-item{font-size:14px;display:block;width:100%;background:0 0;border:none;padding:8px 16px;text-align:left;cursor:pointer}.menu-item:hover{background-color:#f0f0f0}.menu-item.delete{color:red}.menu-overlay-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:999;background:0 0}