@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Liter&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap";:root .padding_padding_button{padding:10px 16px}:root{--bg-color: #edf2f2;--bg--primary-color: #045745;--bg--nav: #ffffff;--bg--color--announcement: #fbfbfb;--bg--color--meeting: #d8e7e4;--bg--color--login: #f5f5f5;--bg--color--table: #edf2f2;--bg--non--green: #849a88;--text-color: #000;--text-color--2: #f2f2f2;--text--heading-1: #333333;--text--name: #fff;--text--heading--home: #045745;--text--color-manage: #fff;--text--add--chart: #7e7e7e;--text--chart--center: #333333;--text--color--dark: #000;--text--color--gray: #b4b4b4;--text--color--task--heading: #344054;--bg--color--btn-card: #d8e7e4;--bg--color--card: #000000;--color--div-head: #045745;--color--div-body: #ffffff;--color--div-info: #e4e4e4;--color--border-1: #c8cad4;--color--border-input: #e8e8e8;--color--border-task: #045745;--color--hover: #045745;--color--hover--button: #044a3b;--color--active-line: #044a3b;--fs--header: 14px}body.dark{--bg-color: #1c1b1b;--bg--primary-color: #057059;--bg--nav: #000;--bg--color--announcement: #000;--bg--color--meeting: #055443;--bg--color--login: #000000;--bg--color--table: #2a2929;--bg--non--green: #9bbca1;--text-color: #fff;--text-color--2: #f3f3f3;--text--heading-1: #f2f2f2;--text--name: #09aa87;--text--heading--home: #09aa87;--text--color-manage: #045745;--text--add--chart: #f2f2f2;--text--chart--center: #f2f2f2;--text--color--dark: #fff;--text--color--gray: #f2efef;--text--color--task--heading: #f2f2f2;--bg--color--btn-card: #000;--bg--color--card: #d8e7e4;--color--border-input: #e8e8e8;--color--border-task: #045745;--color--div-head: #f2f2f2;--color--div-body: #2a2a2a;--color--div-info: #2a2a2a;--color--active-line: #06624e}body{background-color:var(--bg-color);color:var(--text-color);transition:background-color .5s ease-in}.form-login-container{background-color:var(--bg--color--login);color:var(--text-color)}.head-container{margin-top:20px;padding:20px 0;display:flex;align-items:center;justify-content:space-between;gap:24px}.head-container-left{display:flex;align-items:center;justify-content:flex-start;gap:20px}.head-container-left img{width:clamp(120px,14vw,200px);height:clamp(120px,14vw,200px);object-fit:cover;border-radius:12px;box-shadow:0 1px 3px #1018280f;background:#fff}.head-container-left-content{width:clamp(260px,40vw,435px);display:flex;flex-direction:column;align-items:flex-start;gap:6px}.head-container-left-content-date h2{font-weight:700;font-size:clamp(16px,1.6vw,20px);line-height:1.4;color:var(--text--heading-1)}.head-container-left-content-current-session h2,.head-container-left-content .current-session-heading{font-weight:800;font-size:clamp(28px,5vw,52px);line-height:clamp(36px,6.2vw,76px);letter-spacing:-.02em;color:var(--text--heading-1);word-break:break-word}.head-container-left-content-current-session h2.active,.head-container-left-content .current-session-heading.active{color:var(--text--heading--home)}.head-container-right{display:flex;align-items:stretch;justify-content:center;gap:12px}.head-container-right-task{width:clamp(150px,16vw,180px);min-height:170px;background-color:var(--bg--primary-color);border-radius:20px;padding:16px;box-shadow:0 6px 18px #10182814;display:flex;flex-direction:column;justify-content:space-between;box-sizing:border-box;gap:10px}.head-container-right-task img{width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;background:#ffffff8c;border-radius:12px;max-height:55%}.head-container-right-task-content{margin-top:auto;display:flex;flex-direction:column;align-items:center;gap:2px;color:var(--text-color--2)}.head-container-right-task-content-title{font-size:14px;line-height:1.3;font-weight:600}.head-container-right-task-content-sum{margin:0;font-size:clamp(20px,5vw,28px);line-height:1.2;font-weight:800}@media (max-width: 1280px){.head-container{gap:20px}}@media (max-width: 1024px){.head-container-left-content{width:min(420px,60vw)}.head-container-right{flex-wrap:wrap}}@media (max-width: 768px){.head-container{flex-direction:column;align-items:stretch;gap:20px;padding-top:12px}.head-container-left img{width:140px;height:140px}.head-container-right{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.head-container-right-task{width:100%;min-height:160px;padding:14px}}@media (max-width: 640px){.head-container-left{gap:12px}.head-container-left img{width:120px;height:120px}}@media (max-width: 480px){.head-container-right{gap:10px}.head-container-right-task{min-height:150px}}.meeting__container{width:100%;display:grid;gap:16px;align-items:start;padding:10px}.meeting__container.no-project{grid-template-columns:1fr}.meeting__container:hover{border:1px solid var(--bg--primary-color);border-radius:20px}.meeting{min-width:0;width:100%;height:auto;overflow-y:visible;background-color:var(--bg--nav);border-radius:20px;padding-bottom:20px;padding-right:20px}.meeting__title{width:284px;background-color:var(--color--div-head);padding:12px 24px;border-top-right-radius:16px;border-top-left-radius:16px;border-bottom-right-radius:16px;margin:8px 24px 8px 12px}.meeting__title h2{color:var(--text--name);line-height:30px;font-weight:700;font-size:20px;margin:0}.meeting__content{width:100%;display:flex;align-items:stretch;justify-content:space-between;gap:20px}.meeting__content>*{min-width:0}.meeting__calendar{width:100%;overflow-x:hidden;overscroll-behavior:contain;padding-bottom:6px}.meeting__calendar::-webkit-scrollbar{height:8px}.meeting__calendar::-webkit-scrollbar-thumb{background:#0003;border-radius:8px}.meeting__calendar>*{width:100%;min-width:0;max-width:100%}.meeting__content{display:flex;gap:20px;align-items:flex-start}.meeting__calendar{flex:1 1 0%;min-width:0}.detail__meeting__container,.overall__project{flex:0 0 340px;max-width:380px;width:100%}@media (max-width: 1024px){.meeting__container{grid-template-columns:1fr}.meeting{padding-right:12px}.meeting__content{flex-direction:column}.meeting__content .meeting__calendar,.meeting__content .detail__meeting__container{flex:1 1 100%}}@media (max-width: 768px){.meeting{padding-bottom:12px}}@media (max-width: 1024px){.meeting__container{grid-template-columns:1fr!important}.meeting__container>.overall__project,.meeting__container>.meeting{width:100%!important;min-width:0!important;max-width:100%!important}.meeting{height:auto;padding-right:12px;width:100%!important;min-width:0!important;max-width:100%!important}.overall__project{width:100%!important;min-width:0!important;max-width:100%!important;margin-bottom:12px}.meeting__content{flex-direction:column}.meeting__content .meeting__calendar,.meeting__content .detail__meeting__container{flex:1 1 100%}}.rbc-btn{color:inherit;font:inherit;margin:0}button.rbc-btn{overflow:visible;text-transform:none;-webkit-appearance:button;-moz-appearance:button;appearance:button;cursor:pointer}button[disabled].rbc-btn{cursor:not-allowed}button.rbc-input::-moz-focus-inner{border:0;padding:0}.rbc-calendar{-webkit-box-sizing:border-box;box-sizing:border-box;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}.rbc-m-b-negative-3{margin-bottom:-3px}.rbc-h-full{height:100%}.rbc-calendar *,.rbc-calendar *:before,.rbc-calendar *:after{-webkit-box-sizing:inherit;box-sizing:inherit}.rbc-abs-full,.rbc-row-bg{overflow:hidden;position:absolute;top:0;left:0;right:0;bottom:0}.rbc-ellipsis,.rbc-show-more,.rbc-row-segment .rbc-event-content,.rbc-event-label{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rbc-rtl{direction:rtl}.rbc-off-range{color:#999}.rbc-off-range-bg{background:#e6e6e6}.rbc-header{overflow:hidden;-webkit-box-flex:1;-ms-flex:1 0 0%;flex:1 0 0%;text-overflow:ellipsis;white-space:nowrap;padding:0 3px;text-align:center;vertical-align:middle;font-weight:700;font-size:90%;min-height:0;border-bottom:1px solid #ddd}.rbc-header+.rbc-header{border-left:1px solid #ddd}.rbc-rtl .rbc-header+.rbc-header{border-left-width:0;border-right:1px solid #ddd}.rbc-header>a,.rbc-header>a:active,.rbc-header>a:visited{color:inherit;text-decoration:none}.rbc-button-link{color:inherit;background:none;margin:0;padding:0;border:none;cursor:pointer;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}.rbc-row-content{position:relative;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-select:none;z-index:4}.rbc-row-content-scrollable{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:100%}.rbc-row-content-scrollable .rbc-row-content-scroll-container{height:100%;overflow-y:scroll;-ms-overflow-style:none;scrollbar-width:none}.rbc-row-content-scrollable .rbc-row-content-scroll-container::-webkit-scrollbar{display:none}.rbc-today{background-color:#eaf6ff}.rbc-toolbar{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:10px;font-size:16px}.rbc-toolbar .rbc-toolbar-label{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;padding:0 10px;text-align:center}.rbc-toolbar button{color:#373a3c;display:inline-block;margin:0;text-align:center;vertical-align:middle;background:none;background-image:none;border:1px solid #ccc;padding:.375rem 1rem;border-radius:4px;line-height:normal;white-space:nowrap}.rbc-toolbar button:active,.rbc-toolbar button.rbc-active{background-image:none;-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px #00000020;background-color:#e6e6e6;border-color:#adadad}.rbc-toolbar button:active:hover,.rbc-toolbar button:active:focus,.rbc-toolbar button.rbc-active:hover,.rbc-toolbar button.rbc-active:focus{color:#373a3c;background-color:#d4d4d4;border-color:#8c8c8c}.rbc-toolbar button:focus{color:#373a3c;background-color:#e6e6e6;border-color:#adadad}.rbc-toolbar button:hover{color:#373a3c;cursor:pointer;background-color:#e6e6e6;border-color:#adadad}.rbc-btn-group{display:inline-block;white-space:nowrap}.rbc-btn-group>button:first-child:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.rbc-btn-group>button:last-child:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.rbc-rtl .rbc-btn-group>button:first-child:not(:last-child){border-radius:0 4px 4px 0}.rbc-rtl .rbc-btn-group>button:last-child:not(:first-child){border-radius:4px 0 0 4px}.rbc-btn-group>button:not(:first-child):not(:last-child){border-radius:0}.rbc-btn-group button+button{margin-left:-1px}.rbc-rtl .rbc-btn-group button+button{margin-left:0;margin-right:-1px}.rbc-btn-group+.rbc-btn-group,.rbc-btn-group+button{margin-left:10px}@media (max-width: 767px){.rbc-toolbar{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}.rbc-event,.rbc-day-slot .rbc-background-event{border:none;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-shadow:none;box-shadow:none;margin:0;padding:2px 5px;background-color:#3174ad;border-radius:5px;color:#fff;cursor:pointer;width:100%;text-align:left}.rbc-slot-selecting .rbc-event,.rbc-slot-selecting .rbc-day-slot .rbc-background-event,.rbc-day-slot .rbc-slot-selecting .rbc-background-event{cursor:inherit;pointer-events:none}.rbc-event.rbc-selected,.rbc-day-slot .rbc-selected.rbc-background-event{background-color:#265985}.rbc-event:focus,.rbc-day-slot .rbc-background-event:focus{outline:5px auto #3b99fc}.rbc-event-label{font-size:80%}.rbc-event-overlaps{-webkit-box-shadow:-1px 1px 5px 0px rgba(51,51,51,.5);box-shadow:-1px 1px 5px #33333380}.rbc-event-continues-prior{border-top-left-radius:0;border-bottom-left-radius:0}.rbc-event-continues-after{border-top-right-radius:0;border-bottom-right-radius:0}.rbc-event-continues-earlier{border-top-left-radius:0;border-top-right-radius:0}.rbc-event-continues-later{border-bottom-left-radius:0;border-bottom-right-radius:0}.rbc-row{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.rbc-row-segment{padding:0 1px 1px}.rbc-selected-cell{background-color:#0000001a}.rbc-show-more{background-color:#ffffff4d;z-index:4;font-weight:700;font-size:85%;height:auto;line-height:normal;color:#3174ad}.rbc-show-more:hover,.rbc-show-more:focus{color:#265985}.rbc-month-view{position:relative;border:1px solid #ddd;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-flex:1;-ms-flex:1 0 0px;flex:1 0 0;width:100%;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-select:none;height:100%}.rbc-month-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.rbc-month-row{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-flex:1;-ms-flex:1 0 0px;flex:1 0 0;-ms-flex-preferred-size:0px;flex-basis:0px;overflow:hidden;height:100%}.rbc-month-row+.rbc-month-row{border-top:1px solid #ddd}.rbc-date-cell{-webkit-box-flex:1;-ms-flex:1 1 0px;flex:1 1 0;min-width:0;padding-right:5px;text-align:right}.rbc-date-cell.rbc-now{font-weight:700}.rbc-date-cell>a,.rbc-date-cell>a:active,.rbc-date-cell>a:visited{color:inherit;text-decoration:none}.rbc-row-bg{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-flex:1;-ms-flex:1 0 0px;flex:1 0 0;overflow:hidden;right:1px}.rbc-day-bg{-webkit-box-flex:1;-ms-flex:1 0 0%;flex:1 0 0%}.rbc-day-bg+.rbc-day-bg{border-left:1px solid #ddd}.rbc-rtl .rbc-day-bg+.rbc-day-bg{border-left-width:0;border-right:1px solid #ddd}.rbc-overlay{position:absolute;z-index:5;border:1px solid #e5e5e5;background-color:#fff;-webkit-box-shadow:0 5px 15px rgba(0,0,0,.25);box-shadow:0 5px 15px #00000040;padding:10px}.rbc-overlay>*+*{margin-top:1px}.rbc-overlay-header{border-bottom:1px solid #e5e5e5;margin:-10px -10px 5px;padding:2px 10px}.rbc-agenda-view{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-flex:1;-ms-flex:1 0 0px;flex:1 0 0;overflow:auto}.rbc-agenda-view table.rbc-agenda-table{width:100%;border:1px solid #ddd;border-spacing:0;border-collapse:collapse}.rbc-agenda-view table.rbc-agenda-table tbody>tr>td{padding:5px 10px;vertical-align:top}.rbc-agenda-view table.rbc-agenda-table .rbc-agenda-time-cell{padding-left:15px;padding-right:15px;text-transform:lowercase}.rbc-agenda-view table.rbc-agenda-table tbody>tr>td+td{border-left:1px solid #ddd}.rbc-rtl .rbc-agenda-view table.rbc-agenda-table tbody>tr>td+td{border-left-width:0;border-right:1px solid #ddd}.rbc-agenda-view table.rbc-agenda-table tbody>tr+tr{border-top:1px solid #ddd}.rbc-agenda-view table.rbc-agenda-table thead>tr>th{padding:3px 5px;text-align:left;border-bottom:1px solid #ddd}.rbc-rtl .rbc-agenda-view table.rbc-agenda-table thead>tr>th{text-align:right}.rbc-agenda-time-cell{text-transform:lowercase}.rbc-agenda-time-cell .rbc-continues-after:after{content:" »"}.rbc-agenda-time-cell .rbc-continues-prior:before{content:"« "}.rbc-agenda-date-cell,.rbc-agenda-time-cell{white-space:nowrap}.rbc-agenda-event-cell{width:100%}.rbc-time-column{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;min-height:100%}.rbc-time-column .rbc-timeslot-group{-webkit-box-flex:1;-ms-flex:1;flex:1}.rbc-timeslot-group{border-bottom:1px solid #ddd;min-height:40px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column nowrap;flex-flow:column nowrap}.rbc-time-gutter,.rbc-header-gutter{-webkit-box-flex:0;-ms-flex:none;flex:none}.rbc-label{padding:0 5px}.rbc-day-slot{position:relative}.rbc-day-slot .rbc-events-container{bottom:0;left:0;position:absolute;right:0;margin-right:10px;top:0}.rbc-day-slot .rbc-events-container.rbc-rtl{left:10px;right:0}.rbc-day-slot .rbc-event,.rbc-day-slot .rbc-background-event{border:1px solid #265985;display:-webkit-box;display:-ms-flexbox;display:flex;max-height:100%;min-height:20px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column wrap;flex-flow:column wrap;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;overflow:hidden;position:absolute}.rbc-day-slot .rbc-background-event{opacity:.75}.rbc-day-slot .rbc-event-label{-webkit-box-flex:0;-ms-flex:none;flex:none;padding-right:5px;width:auto}.rbc-day-slot .rbc-event-content{width:100%;-webkit-box-flex:1;-ms-flex:1 1 0px;flex:1 1 0;word-wrap:break-word;line-height:1;height:100%;min-height:1em}.rbc-day-slot .rbc-time-slot{border-top:1px solid #f7f7f7}.rbc-time-view-resources .rbc-time-gutter,.rbc-time-view-resources .rbc-time-header-gutter{position:sticky;left:0;background-color:#fff;border-right:1px solid #ddd;z-index:10;margin-right:-1px}.rbc-time-view-resources .rbc-time-header{overflow:hidden}.rbc-time-view-resources .rbc-time-header-content{min-width:auto;-webkit-box-flex:1;-ms-flex:1 0 0px;flex:1 0 0;-ms-flex-preferred-size:0px;flex-basis:0px}.rbc-time-view-resources .rbc-time-header-cell-single-day{display:none}.rbc-time-view-resources .rbc-day-slot{min-width:140px}.rbc-time-view-resources .rbc-header,.rbc-time-view-resources .rbc-day-bg{width:140px;-webkit-box-flex:1;-ms-flex:1 1 0px;flex:1 1 0;-ms-flex-preferred-size:0 px;flex-basis:0 px}.rbc-time-header-content+.rbc-time-header-content{margin-left:-1px}.rbc-time-slot{-webkit-box-flex:1;-ms-flex:1 0 0px;flex:1 0 0}.rbc-time-slot.rbc-now{font-weight:700}.rbc-day-header{text-align:center}.rbc-slot-selection{z-index:10;position:absolute;background-color:#00000080;color:#fff;font-size:75%;width:100%;padding:3px}.rbc-slot-selecting{cursor:move}.rbc-time-view{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-flex:1;-ms-flex:1;flex:1;width:100%;border:1px solid #ddd;min-height:0}.rbc-time-view .rbc-time-gutter{white-space:nowrap;text-align:right}.rbc-time-view .rbc-allday-cell{-webkit-box-sizing:content-box;box-sizing:content-box;width:100%;height:100%;position:relative}.rbc-time-view .rbc-allday-cell+.rbc-allday-cell{border-left:1px solid #ddd}.rbc-time-view .rbc-allday-events{position:relative;z-index:4}.rbc-time-view .rbc-row{-webkit-box-sizing:border-box;box-sizing:border-box;min-height:20px}.rbc-time-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.rbc-time-header.rbc-overflowing{border-right:1px solid #ddd}.rbc-rtl .rbc-time-header.rbc-overflowing{border-right-width:0;border-left:1px solid #ddd}.rbc-time-header>.rbc-row:first-child{border-bottom:1px solid #ddd}.rbc-time-header>.rbc-row.rbc-row-resource{border-bottom:1px solid #ddd}.rbc-time-header-cell-single-day{display:none}.rbc-time-header-content{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;min-width:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;border-left:1px solid #ddd}.rbc-rtl .rbc-time-header-content{border-left-width:0;border-right:1px solid #ddd}.rbc-time-header-content>.rbc-row.rbc-row-resource{border-bottom:1px solid #ddd;-ms-flex-negative:0;flex-shrink:0}.rbc-time-content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1 0 0%;flex:1 0 0%;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;width:100%;border-top:2px solid #ddd;overflow-y:auto;position:relative}.rbc-time-content>.rbc-time-gutter{-webkit-box-flex:0;-ms-flex:none;flex:none}.rbc-time-content>*+*>*{border-left:1px solid #ddd}.rbc-rtl .rbc-time-content>*+*>*{border-left-width:0;border-right:1px solid #ddd}.rbc-time-content>.rbc-day-slot{width:100%;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-select:none}.rbc-current-time-indicator{position:absolute;z-index:3;left:0;right:0;height:1px;background-color:#74ad31;pointer-events:none}.rbc-resource-grouping.rbc-time-header-content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.rbc-resource-grouping .rbc-row .rbc-header{width:141px}.detail__meeting__container{width:45%;height:620px;min-height:449px;display:flex;flex-direction:column;gap:32px;overflow-y:auto;overflow-x:hidden;padding:20px 16px;box-sizing:border-box;position:relative;scrollbar-width:none}.detail__meeting__container::-webkit-scrollbar{width:6px;opacity:0;transition:opacity .3s}.detail__meeting__container:hover::-webkit-scrollbar{opacity:1}.detail__meeting__container::-webkit-scrollbar-track{background:transparent}.detail__meeting__container::-webkit-scrollbar-thumb{background:#045745;border-radius:3px}.detail__meeting__fade{position:sticky;bottom:0;width:100%;height:100px;background:linear-gradient(to top,#ffffff 20%,transparent);pointer-events:none;z-index:1;margin-top:-80px}.detail__meeting__card{width:100%;min-height:200px;background-color:var(--bg--color--meeting);color:var(--text-color);border-radius:28px;padding:32px 28px;box-sizing:border-box;opacity:0;transform:translateY(40px);transition:all .6s ease-out;border:1.5px solid rgba(4,87,69,.15);position:relative;overflow:hidden}.detail__meeting__card.visible{opacity:1;transform:translateY(0)}.detail__meeting__card:hover{border-color:#045745;transform:translateY(-6px);box-shadow:0 20px 40px #0457451f}.detail__meeting__card:before{content:"";position:absolute;left:0;top:0;width:6px;height:100%;background:#045745;border-radius:0 28px 28px 0}.detail__meeting__card__heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.detail__meeting__card__heading h2{font-size:26px;font-weight:700;line-height:1.2;color:#1a1a1a;margin:0}.detail__meeting__card__heading i{font-size:18px;width:48px;height:48px;display:grid;place-items:center;background:#0457451a;color:#045745;border-radius:50%;cursor:pointer;transition:all .3s ease}.detail__meeting__card__heading i:hover{background:#045745;color:#fff;transform:scale(1.15)}.detail__meeting__card__day__time{display:flex;justify-content:space-between;align-items:center;margin-top:20px}.detail__meeting__card__day__time__day{display:flex;align-items:center;gap:16px;background:#04574514;padding:16px 24px;border-radius:20px;border:1px solid rgba(4,87,69,.2)}.detail__meeting__card__day__time__day i{font-size:20px;color:#045745}.detail__meeting__card__day__time__day p{margin:0;font-size:17px;font-weight:600;color:#045745;letter-spacing:.5px}.detail__meeting__card__day__time img{width:100px;height:100px;object-fit:contain}@keyframes fadeIn{to{opacity:1;transform:translateY(0)}}@media (max-width: 1024px){.detail__meeting__container{width:100%;height:auto;min-height:500px;gap:28px;padding:20px}.detail__meeting__card{min-height:300px;padding:30px 24px;border-radius:24px}.detail__meeting__card__heading h2{font-size:24px}.detail__meeting__card__day__time img{width:70px;height:70px}.detail__meeting__card__day__time__day{padding:14px 20px}.detail__meeting__card__day__time__day p{font-size:16px}}@media (max-width: 768px){.detail__meeting__card{min-height:280px;padding:28px 20px}.detail__meeting__card__heading h2{font-size:22px}.detail__meeting__card i{width:44px;height:44px}.detail__meeting__card__day__time img{width:60px;height:60px}.detail__meeting__card__day__time__day p{font-size:15px}}.home__container{width:100%}.home__pair{flex-wrap:wrap;gap:16px}.home__pair>.my__plan__container,.home__pair>.document__container{flex:1 1 520px;width:auto!important;min-width:0}@media (max-width: 1024px){.home__pair{gap:12px}.home__pair>.my__plan__container,.home__pair>.document__container{flex:1 1 100%}}.my__plan__container{width:546px;height:578px;border-radius:20px;background-color:var(--bg--nav);padding:5px 10px}.my__plan__container .my__plan__heading{display:flex;align-items:center;justify-content:space-between;padding-top:5px;margin-bottom:5px}.my__plan__container .my__plan__heading__text{width:155px;display:flex;align-items:center;justify-content:center;gap:10px;background-color:var(--color--div-head);border-top-left-radius:16px;border-top-right-radius:16px;border-bottom-right-radius:16px}.my__plan__container .my__plan__heading__text p{font-weight:700;font-size:20px;line-height:30px;color:var(--text--name)}.my__plan__container .my__plan__navbar{width:100%;display:flex;align-items:start;justify-content:start;margin-top:10px}.my__plan__container .my__plan__navbar__list{width:100%;display:flex;align-items:start;gap:40px;margin:0;padding:0;list-style:none}.my__plan__container .my__plan__navbar__list li{color:var(--text--color)}.my__plan__container .my__plan__navbar__element{font-weight:500;font-size:14px;line-height:21px;color:#b0b0b0;cursor:pointer;padding-bottom:5px}.my__plan__container .my__plan__navbar__element.active{border-bottom:1px solid #000;color:#000;transform:scale(1.02);transition:all .2s ease}.my__plan__container .my__plan__list{width:100%;display:flex;flex-direction:column;align-items:flex-start;justify-items:center;gap:10px;padding-top:10px}.my__plan__container .my__plan__list__time{display:flex;align-items:center;justify-content:flex-start;gap:10px}.my__plan__container .my__plan__list__time p{font-weight:400;font-size:13px;line-height:20px;color:#545454}.my__plan__container .my__plan__list__target{display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.my__plan__container .my__plan__list__target__item{display:flex;flex-direction:column;align-items:center;justify-content:center}.my__plan__container .my__plan__list__target__item__head{width:100%;display:flex;align-items:center;justify-content:flex-start;gap:10px}.my__plan__container .my__plan__list__target__item__head img{width:8.33px;height:4.17px;margin-bottom:9px}.my__plan__container .my__plan__list__target__item__head h2{font-weight:500;font-size:14px;line-height:21px;color:#000}.my__plan__container .my__plan__list__target__item__head p{font-weight:500;font-size:14px;line-height:21px;color:#b0b0b0;padding-top:8px}.my__plan__container .my__plan__list__target__item__task{width:506px;display:flex;align-items:flex-start;justify-content:space-between}.my__plan__container .my__plan__list__target__item__task__content{display:flex;align-items:center;justify-content:center;gap:10px}.my__plan__container .my__plan__list__target__item__task__content img:nth-child(1){width:20px;height:20px}.my__plan__container .my__plan__list__target__item__task__content img:nth-child(2){width:8px;height:8px}.my__plan__container .my__plan__list__target__item__task__content p:nth-child(2){font-weight:400;font-size:13px;line-height:20px;color:#333;padding-top:18px}.my__plan__container .my__plan__list__target__item__task__content p:nth-child(3){font-weight:500;font-size:14px;line-height:21px;color:#b0b0b0;padding-top:20px}.my__plan__container .my__plan__list__target__item__task__day__time{display:flex;align-items:center;justify-content:flex-start;gap:10px;padding-top:20px}.my__plan__container .my__plan__list__target__item__task__day__time p{font-weight:400;font-size:13px;line-height:20px;color:#545454}.my__plan__container .no_task{font-weight:400;font-size:13px;color:#b0b0b0;line-height:20px;padding-left:20px}.document__container{width:546px;height:578px;border-radius:20px;background-color:var(--bg--nav);color:var(--color--div-body);display:flex;flex-direction:column;padding:5px 10px;gap:16px}.document__container:hover{cursor:pointer;box-shadow:0 4px 12px #00000026;border:1px solid var(--bg--primary-color)}.document__container .document__heading{width:100%;display:flex;align-items:center;justify-content:space-between;padding:5px 10px;flex-shrink:0}.document__container .document__heading .document__heading_title p{width:155px;padding-bottom:12px;font-weight:700;font-size:20px;line-height:30px;background-color:var(--color--div-head);color:var(--text--name);border-top-left-radius:16px;border-top-right-radius:16px;border-bottom-right-radius:16px;text-align:center}.document__container .document__heading .document__heading__icon{display:flex;align-items:center;gap:14px}.document__container .document__body{width:100%;padding:8px 10px;background-color:var(--bg--color--table);border-radius:8px;flex-shrink:0}.document__container .document__body .document_name_column{display:flex;align-items:center;gap:15px;font-size:13px;font-weight:500;color:var(--text-color)}.document__container .document__body .document_name_column .wrapper__input__title__document{display:flex;align-items:center;gap:12px;flex:1;max-width:220px}.document__container .document__body .document_name_column .wrapper__input__title__document input{width:14px;height:14px}.document__container .document__body .document_name_column .owner{width:70px;text-align:center}.document__container .document__body .document_name_column .last-update{width:100px;text-align:center}.document__container .document__content{flex:1;display:flex;flex-direction:column;background-color:var(--bg--color--table);border-radius:12px;overflow:hidden}.document__container .document__list{flex:1;display:flex;flex-direction:column;gap:12px;padding:12px 10px 8px;overflow-y:auto}.document__container .document__list::-webkit-scrollbar{width:6px}.document__container .document__list::-webkit-scrollbar-thumb{background:#0003;border-radius:3px}.document__container .pagination__controls{flex-shrink:0;display:flex;justify-content:center;align-items:center;gap:8px;padding:10px 0;border-top:1px solid #e0e0e0;margin-top:auto}.document__container .pagination__controls .button_index,.document__container .pagination__controls .pagination__button{min-width:36px;height:36px;border:none;border-radius:8px;background:transparent;color:#666;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.document__container .pagination__controls .button_index.active,.document__container .pagination__controls .pagination__button.active{background-color:var(--bg--primary-color, #3b82f6);color:#fff}.document__container .pagination__controls .button_index:hover:not(:disabled),.document__container .pagination__controls .pagination__button:hover:not(:disabled){background-color:#f0f8ff;color:#333}.document__container .pagination__controls .button_index:disabled,.document__container .pagination__controls .pagination__button:disabled{color:#ccc;cursor:not-allowed}.card__document__container{width:522px;padding:5px;display:flex;align-items:flex-start;justify-content:flex-start;gap:40px;border-bottom:1px solid #edf2f2}.card__document__container .card__document__heading .wrapper__input__title__document{display:flex;align-items:center;justify-content:center;gap:15px}.card__document__container .card__document__heading .wrapper__input__title__document input{width:14px;height:14px}.card__document__container .card__document__heading .wrapper__input__title__document i{padding:10px;color:#03624c;background-color:#edf2f2;border-radius:20px}.card__document__container .card__document__heading .wrapper__input__title__document .name_title_document{display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.card__document__container .card__document__heading .wrapper__input__title__document .name_title_document span:nth-child(1){width:100px;height:15px;font-weight:700;font-size:14px;line-height:21px;color:#545454}.card__document__container .card__document__heading .wrapper__input__title__document .name_title_document span:nth-child(2){font-weight:400;font-size:13px;line-height:21px;color:#667085}.card__document__container .owner__avatar{padding-left:10px}.card__document__container .owner__avatar img{width:32px;height:32px;border-radius:20px}.card__document__container .time_updated span{font-weight:400;font-size:13px;line-height:20px;color:#667085}.card__document__container .download_icon img{width:20px;height:20px}.list__task__container{width:100%;max-width:100%;height:auto;padding:12px 12px 20px;background-color:var(--bg--nav);border-radius:20px}.list__task__container:hover{cursor:pointer;box-shadow:0 4px 8px #0000001a;border:1px solid var(--bg--primary-color)}.list__task__container .list__task__heading{display:flex;align-items:center;justify-content:space-between}.list__task__container .list__task__heading__text{width:155px;background-color:var(--color--div-head);border-top-left-radius:16px;border-top-right-radius:16px;border-bottom-right-radius:16px}.list__task__container .list__task__heading__text p{font-weight:700;font-size:16px;line-height:30px;color:var(--text--name)}.list__task__container .list__task__heading__feature{display:flex;align-items:center;justify-content:center;gap:15px}.list__task__container .list__task__heading__feature img{width:16px;height:16px}.list__task__container .list__task__table{width:100%;padding-top:20px}.list__task__container .list__task__table table{width:100%;min-width:0;table-layout:fixed;border-collapse:separate;border-spacing:0;border-radius:10px;overflow:hidden}.list__task__container .list__task__table table thead{background-color:var(--bg--color--table)}.list__task__container .list__task__table table thead th{padding:12px 20px;text-align:left;font-weight:500;font-size:13px;line-height:21px;color:#000;white-space:nowrap}.list__task__container .list__task__table table thead th:nth-child(1){width:300px;text-align:left}.list__task__container .list__task__table table thead th:nth-child(2){width:254px;word-wrap:break-word;white-space:normal}.list__task__container .list__task__table table thead th:nth-child(3){width:200px}.list__task__container .list__task__table table tbody{width:100%;height:300px}.list__task__container .list__task__table table tbody td{padding:12px 20px;text-align:left;font-weight:500;font-size:13px;line-height:21px;color:var(--text-color);border-bottom:1px solid var(--bg--color--table);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.list__task__container .list__task__table table tbody td:nth-child(1){width:300px;text-align:left;text-overflow:ellipsis}.list__task__container .list__task__table table tbody td:nth-child(2){width:300px;white-space:normal;word-wrap:break-word;overflow-wrap:break-word}.list__task__container .list__task__table table tbody td:nth-child(3){width:300px}.list__task__container .list__task__table table tbody td.text-center{text-align:center;padding:20px;font-size:16px;color:#666}.list__task__container .list__task__table table tbody td p{font-weight:500;font-size:14px;line-height:21px;color:#545454;margin:0}@media (max-width: 992px){.list__task__container{padding:10px}.list__task__container .list__task__heading__text p{font-size:15px}.list__task__container .list__task__table{overflow-x:auto;-webkit-overflow-scrolling:touch}.list__task__container .list__task__table::-webkit-scrollbar{height:8px}.list__task__container .list__task__table::-webkit-scrollbar-thumb{background:#cfd8dc;border-radius:8px}.list__task__container .list__task__table::-webkit-scrollbar-track{background:transparent}.list__task__container .list__task__table table{min-width:1080px}.list__task__container .list__task__table thead th,.list__task__container .list__task__table tbody td{padding:10px 14px;font-size:12px}.list__task__container .list__task__table tbody td p{font-size:13px}.list__task__container .list__task__table tbody td ul li img{width:26px;height:26px}.list__task__container .list__task__table tbody td .extra-count{width:26px;height:26px;font-size:12px}}@media (max-width: 576px){.list__task__container .list__task__heading__text p{font-size:14px}.list__task__container .list__task__table table{min-width:900px}.list__task__container .list__task__table thead th,.list__task__container .list__task__table tbody td{padding:8px 12px;font-size:11px}.list__task__container .list__task__table tbody td p{font-size:12px}.list__task__container .list__task__table tbody td ul li img{width:24px;height:24px}.list__task__container .list__task__table tbody td .extra-count{width:24px;height:24px;font-size:11px}}.member__list{width:100%;max-width:100%;height:auto;background-color:var(--bg--nav);margin-top:20px;border-radius:20px;padding:10px 12px 20px}.member__list__container{width:100%;display:flex;flex-direction:column;gap:25px}.member__list__container .member__list__heading{width:100%;display:flex;align-items:center;justify-content:space-between;padding:0 10px}.member__list__container .member__list__heading__title{padding:18px 35px 15px 20px;background-color:var(--color--div-head);border-bottom-right-radius:20px;border-top-left-radius:20px;border-top-right-radius:20px;text-align:center;white-space:nowrap}.member__list__container .member__list__heading__title h2{font-size:24px;font-weight:600;line-height:21px;color:var(--text--color-manage);margin:0}.member__list__container .member__list__heading__feature{display:flex;align-items:center;gap:20px}.member__list__container .member__list__heading__feature i{font-size:14px;line-height:21px;transition:color .5s ease-in;color:var(--text-color)}.member__list__container .member__list__heading__feature i:hover{color:var(--color--active-line)}.member__list__container .member__list__feature{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px}.member__list__container .member__list__feature__filter{width:50%;display:flex;align-items:flex-start;gap:20px}.member__list__container .member__list__feature__filter select{width:204px;background:none;border:none;font-size:16px;font-weight:700;color:#333;padding:6px 10px;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAABISURBVHgB7Y1BCgAgCATtJ36ll/cUe0oSBmEhevDmwF6WZRagSAEl3v5hcEiNUbrhEZwxXa/0kW6aIdFvnTMhAFrPEQlCkcsCtHkMODQWnl0AAAAASUVORK5CYII=);background-repeat:no-repeat;background-position:120px;background-size:15px 15px}.member__list__container .member__list__feature__filter select::-ms-expand{display:none}.member__list__container .member__list__feature__filter select:hover{color:#000}.member__list__container .member__list__feature__date__of__public{width:50%;text-align:right;padding-right:20px}.member__list__container .member__list__feature__date__of__public p{font-weight:600;font-size:14px;line-height:21px;color:#5d5c5c}.member__list__container .member__list__feature__date__of__public p span{color:#045745}.member__list__container .member__list__table{width:100%;overflow-x:visible}.member__list__container .member__list__table table{width:100%;height:300px;min-width:0;table-layout:fixed;border-collapse:separate;border-spacing:0;border-radius:10px;overflow:hidden}.member__list__container .member__list__table table thead{background-color:var(--bg--color--table)}.member__list__container .member__list__table table thead th{padding:12px 20px;text-align:left;font-weight:500;font-size:14px;line-height:21px;color:var(--text-color);white-space:nowrap}.member__list__container .member__list__table table thead th:nth-child(1){width:68px;text-align:center}.member__list__container .member__list__table table thead th:nth-child(2){width:454px}.member__list__container .member__list__table table thead th:nth-child(3){width:200px}.member__list__container .member__list__table table thead th:nth-child(4){width:260px}.member__list__container .member__list__table table tbody{width:100%;height:auto;vertical-align:top}.member__list__container .member__list__table table tbody td{padding:12px 20px;text-align:left;font-weight:500;font-size:13px;line-height:21px;color:#000;border-bottom:1px solid #edf2f2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.member__list__container .member__list__table table tbody td:nth-child(1){width:68px;text-align:center}.member__list__container .member__list__table table tbody td:nth-child(2){width:454px;white-space:normal}.member__list__container .member__list__table table tbody td:nth-child(3){width:200px}.member__list__container .member__list__table table tbody td:nth-child(4){width:260px}.member__list__container .member__list__table table tbody td.text-center{text-align:center;padding:20px;font-size:16px;color:#666}.member__list__container .member__list__table table tbody td p{font-weight:500;font-size:14px;line-height:21px;color:#545454;margin:0}.member__list__container .member__list__table table tbody td .text-note{color:#667085;font-weight:400;font-size:13px;line-height:20px}.member__list__container .member__list__table table tbody .name__ava{display:flex;align-items:center;gap:21px}.member__list__container .member__list__table table tbody .name__ava img{width:40px;height:40px;border-radius:50%;object-fit:cover}.member__list__container .member__list__table table tbody .name__ava p{font-weight:500;font-size:14px;color:#545454;margin:0}.member__list .pagination{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:20px}.member__list .pagination__button{width:36px;height:36px;border-radius:50%;background-color:#f3f3f3;border:1px solid #ccc;color:var(--text-color);font-size:14px;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.member__list .pagination__button i{font-size:14px}.member__list .pagination__button:hover:not(:disabled){background-color:#045745;color:#fff;border-color:#045745;transform:scale(1.1)}.member__list .pagination__button:disabled{background-color:#e0e0e0;color:#999;cursor:not-allowed}.member__list .pagination__info{font-size:14px;font-weight:500;color:#333}@media (max-width: 992px){.member__list{padding:10px}.member__list__container .member__list__heading__title h2{font-size:20px}.member__list__container .member__list__table{overflow-x:auto;-webkit-overflow-scrolling:touch}.member__list__container .member__list__table::-webkit-scrollbar{height:8px}.member__list__container .member__list__table::-webkit-scrollbar-thumb{background:#cfd8dc;border-radius:8px}.member__list__container .member__list__table::-webkit-scrollbar-track{background:transparent}.member__list__container .member__list__table table{min-width:860px}.member__list__container thead th,.member__list__container tbody td{padding:10px 14px;font-size:12px}.member__list__container tbody td p{font-size:13px}.member__list__container .name__ava img{width:36px;height:36px}.member__list__container .member__list__feature__filter select{width:180px;background-position:105px;font-size:15px}}@media (max-width: 768px){.member__list__container .member__list__feature{flex-direction:column;align-items:stretch;gap:10px}.member__list__container .member__list__feature__filter{width:100%;flex-wrap:wrap;gap:12px}.member__list__container .member__list__feature__filter select{width:calc(50% - 6px);background-position:80%}.member__list__container .member__list__feature__date__of__public{width:100%;text-align:left;padding-right:0}.member__list__container .member__list__table table{min-width:720px}}@media (max-width: 576px){.member__list__container .member__list__heading__title h2{font-size:18px}.member__list__container thead th,.member__list__container tbody td{padding:8px 12px;font-size:11px}.member__list__container tbody td p{font-size:12px}.member__list__container .name__ava img{width:32px;height:32px}.member__list__container .member__list__table table{min-width:640px}}.form-login-container{display:flex;align-items:center;justify-content:flex-end;width:100%;min-height:100vh;background-image:url(/assets/back-ground-bean-IiIElqUf.png),url(/assets/back-ground-left-BDV4V5bv.png);background-size:cover,55% 100%;background-position:center,left;background-repeat:no-repeat,no-repeat;background-color:var(--bg--color--login)}.wrapper-form{display:flex;flex-direction:column;align-items:center;margin-right:100px;justify-content:right}.form_text{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}.form_text_logo{width:60px;height:60px}.form_text_heading{color:#101828;font-size:28px;margin-top:16px}.form_text_content{color:#667085;font-size:16px;padding-bottom:20px}.form{width:462px;height:auto;display:flex;flex-direction:column;border-radius:16px;padding:40px;background-color:var(--bg--nav);animation:show-form .5s ease-in-out;position:relative}@keyframes show-form{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.form_wrapper_visibility{position:absolute;right:65px;top:41%;transform:translateY(-50%);cursor:pointer}.form_wrapper_input{display:flex;flex-direction:column;gap:16px}.form_wrapper_input_field{display:flex;flex-direction:column;justify-content:start;width:100%}.form_wrapper_input_field_label{text-align:left;font-size:medium;font-weight:500;color:#344054;padding-bottom:5px}.form_wrapper_input_field input{width:100%;border:none;padding:10px 14px;border-radius:8px;background-color:#fff;border:1px solid #d0d5dd;color:#344054;box-sizing:border-box;transition:border-color .3s ease,box-shadow .3s ease,background-color .3s ease}.form_wrapper_input_field input:focus{outline:none;border-color:#03624c;background-color:#f5f5f5}.form_wrapper_checkbox{display:flex;justify-content:space-between;width:100%;padding:16px 0}.form_wrapper_checkbox_field{display:flex;align-items:center;gap:8px;position:relative}.form_wrapper_checkbox_field input[type=checkbox]{position:absolute;opacity:0;width:16px;height:16px;cursor:pointer;left:0;top:40%;transform:translateY(-50%)}.form_wrapper_checkbox_field input[type=checkbox]+label:before{content:"";display:inline-block;width:16px;height:16px;border:1px solid #d0d5dd;border-radius:4px;background-color:#fff;transition:background-color .3s ease,border-color .3s ease}.form_wrapper_checkbox_field input[type=checkbox]:checked+label:before{background-color:#03624c;border-color:#03624c}.form_wrapper_checkbox_field input[type=checkbox]:checked+label:after{content:"";position:absolute;transform:translateY(-50%) rotate(45deg);width:5px;left:5px;top:42%;height:9px;border:solid #ffffff;border-width:0 2px 2px 0}.form_wrapper_checkbox_field_label{font-size:14px;color:#667085;-webkit-user-select:none;user-select:none;display:flex;align-items:center;gap:8px;cursor:pointer}.form_wrapper_checkbox_forgot a{text-decoration:none;color:#024333;font-weight:500;font-size:14px}.form_wrapper_checkbox_forgot a:hover{text-decoration:underline}.form_wrapper_button{display:flex;flex-direction:column;align-items:center;gap:12px;padding-top:16px;width:100%}.form_wrapper_button button{width:100%;height:48px;border:none;border-radius:8px;cursor:pointer}.form_wrapper_button_field{color:#fff;background-color:#03624c;font-size:16px;font-weight:500}.form_wrapper_button_field:hover{background-color:#04805e}.form_wrapper_button .g_id_signin{width:100%!important;height:48px!important;border-radius:8px!important;border:1px solid #d0d5dd!important;background-color:#fff!important;box-shadow:none!important;display:flex;align-items:center;justify-content:center}.form_wrapper_button .g_id_signin div[role=button]{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:transparent!important}.form_wrapper_button .g_id_signin div[role=button] img{width:18px!important;height:18px!important;margin-right:10px!important}.form_wrapper_button .g_id_signin div[role=button] span{font-family:Roboto,sans-serif!important;font-size:16px!important;font-weight:500!important;color:#344054!important}.form_wrapper_button .g_id_signin:hover{background-color:#f5f5f5!important}@media (max-width: 1280px){.form-login-container{background-size:cover,50% 100%}.wrapper-form{margin-right:80px}}@media (max-width: 1024px){.form-login-container{background-size:cover,40% 100%;padding:16px}.wrapper-form{margin-right:48px}.form{width:100%;max-width:480px;padding:32px}.form_text_heading{font-size:26px}.form_text_content{font-size:15px}}@media (max-width: 768px){.form-login-container{background-size:cover,32% 100%}.wrapper-form{margin-right:28px}.form{max-width:440px;padding:28px}.form_wrapper_input_field input{padding:12px 14px}.form_wrapper_checkbox{gap:10px;flex-wrap:wrap}}@media (max-width: 640px){.form-login-container{background-size:cover,28% 100%}.wrapper-form{margin-right:20px}.form{width:92vw;max-width:420px;padding:24px;border-radius:14px}.form_text_logo{width:56px;height:56px}.form_text_heading{font-size:24px}.form_text_content{font-size:14px;padding-bottom:16px}.form_wrapper_button button,.form_wrapper_button .g_id_signin{height:46px!important}}@media (max-width: 480px){.form-login-container{background-size:cover,24% 100%;padding:12px}.wrapper-form{margin-right:16px}.form{width:94vw;max-width:400px;padding:20px;border-radius:12px}.form_wrapper_input{gap:12px}.form_wrapper_checkbox{padding:12px 0 4px}.form_wrapper_button{gap:10px;padding-top:12px}.form_wrapper_button button,.form_wrapper_button .g_id_signin{height:44px!important}}@media (min-width: 1536px){.form-login-container{background-size:cover,58% 100%}}.google-login-btn{width:100%!important;min-width:0!important;height:48px!important;border-radius:8px!important;display:block!important}.google-login-btn>div{width:100%!important;min-width:0!important}.google-login-btn iframe{width:100%!important;max-width:100%!important;min-width:0!important;height:100%!important;display:block!important}.google-login-btn>div>div{width:100%!important;max-width:100%!important;min-width:0!important}.google-login-btn [style*=width]{width:100%!important;max-width:100%!important}@media (max-width: 480px){.google-login-btn{height:44px!important}}.form_wrapper_button{align-items:stretch}.navbar-container{overflow:auto;display:flex;flex-direction:column;width:300px;height:auto;transition:width .3s ease;background:var(--bg--nav);color:var(--text-color)}.navbar-container.close{width:67px}.navbar-container.close .navbar-dashboard-heading,.navbar-container.close .navbar-support-heading,.navbar-container.close .nav-icon-container-text{display:none}.navbar-container.close .wrapper_navbar_header{flex-direction:column;align-items:center;gap:10px;padding:20px 10px}.navbar-container.close .wrapper_navbar_header_logo{width:40px;height:40px}.navbar-container.close .wrapper_navbar_header_toggle{padding:5px}.navbar-container.close .nav-icon-container{justify-content:center}.navbar-container.close .nav-icon-container i{font-size:20px}.navbar-container.close .navbar-dashboard,.navbar-container.close .navbar-support{padding:10px 15px;border-radius:20px}.navbar-container.close .navbar-dashboard li,.navbar-container.close .navbar-support li{width:36px;padding:8px 5px;border-radius:20px}.navbar-container.close .navbar-dashboard li .nav-link,.navbar-container.close .navbar-support li .nav-link{justify-content:center}.wrapper_navbar_header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #c8cad4;padding:20px}.wrapper_navbar_header_logo{width:139px;height:40px;display:flex;align-items:center}.wrapper_navbar_header_logo img{width:100%;height:100%;object-fit:contain}.wrapper_navbar_header .wrapper_navbar_toggle{background:none;border:none;cursor:pointer;padding:8px;display:grid;place-items:center}.wrapper_navbar_header .wrapper_navbar_toggle i{font-size:20px;color:#545454}.nav-dark .wrapper_navbar_header .wrapper_navbar_toggle i{color:#fff}.wrapper_navbar_header .wrapper_navbar_toggle:hover{background:#045745;border-radius:50%}.wrapper_navbar_header .wrapper_navbar_toggle:hover i{color:#fff}.wrapper_navbar_header.isClose{flex-direction:column;gap:10px}.nav-icon-container{display:flex;align-items:center;gap:20px;width:100%}.nav-icon-container-text{font-size:16px;font-weight:500;color:#545454}.nav-icon-container i{color:#545454;font-size:14px}.navbar-dashboard{display:flex;flex-direction:column;gap:16px;padding:8px 24px;border-bottom:1px solid #c8cad4}.navbar-dashboard-heading{font-size:14px;color:#8a8a8a;font-weight:700;text-transform:uppercase}.navbar-dashboard ul{display:flex;flex-direction:column;gap:6px;padding:0;margin:0}.navbar-dashboard li{list-style:none;width:100%;border-radius:20px;transition:background .2s ease,color .2s ease}.navbar-dashboard li>.nav-link{height:40px;padding:0 20px;display:flex;align-items:center;color:#545454;text-decoration:none;width:100%;background:transparent;border:none;border-radius:10px;cursor:pointer;transition:background .2s ease,color .2s ease}.navbar-dashboard li>.nav-link:hover{background:#045745;color:#fff}.navbar-dashboard li>.nav-link:hover .nav-icon-container span,.navbar-dashboard li>.nav-link:hover .nav-icon-container i{color:#fff}.navbar-dashboard li>.nav-link.active{background:#045745;color:#fff}.navbar-dashboard li>.nav-link.active .nav-icon-container span,.navbar-dashboard li>.nav-link.active .nav-icon-container i{color:#fff}.navbar-support{display:flex;flex-direction:column;gap:16px;padding:8px 24px;border-bottom:1px solid #c8cad4}.navbar-support-heading{font-size:14px;color:#8a8a8a;font-weight:700;text-transform:uppercase}.navbar-support ul{display:flex;flex-direction:column;gap:6px;padding:0;margin:0}.navbar-support li{list-style:none;border-radius:20px;transition:background .2s ease,color .2s ease}.navbar-support li>.nav-link{height:40px;padding:0 20px;display:flex;align-items:center;gap:20px;color:#545454;text-decoration:none;width:100%;transition:background .2s ease,color .2s ease}.navbar-support li>.nav-link:hover{background:#045745;color:#fff}.navbar-support li>.nav-link:hover .nav-icon-container span,.navbar-support li>.nav-link:hover .nav-icon-container i{color:#fff}.navbar-support li>.nav-link.active{background:#045745;color:#fff}.navbar-support li>.nav-link.active .nav-icon-container span,.navbar-support li>.nav-link.active .nav-icon-container i{color:#fff}.semester__picker{padding:12px 24px 4px}.semester__picker .semester__label{font-size:12px;color:#8a8a8a;text-transform:uppercase;letter-spacing:.04em;margin-bottom:6px;display:inline-block}.semester-dropdown{position:relative}.semester-dropdown .sd-trigger{width:100%;height:40px;padding:0 12px 0 14px;border:1px solid #c8cad4;background:var(--bg--nav);color:#545454;border-radius:10px;display:flex;align-items:center;justify-content:space-between;gap:8px;cursor:pointer;transition:border-color .2s ease,background .2s ease}.semester-dropdown .sd-trigger:hover,.semester-dropdown .sd-trigger.open{border-color:#045745}.semester-dropdown .sd-trigger .sd-label{font-size:14px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.semester-dropdown .sd-trigger .sd-caret{font-size:12px;color:#545454;transition:transform .2s ease}.semester-dropdown .sd-menu{position:absolute;top:calc(100% + 8px);left:0;right:0;max-height:240px;overflow:auto;border:1px solid #c8cad4;background:var(--bg--nav);border-radius:12px;padding:6px;z-index:20}.semester-dropdown .sd-empty{padding:12px;font-size:14px;color:#8a8a8a;text-align:center}.semester-dropdown .sd-item{width:100%;padding:10px 12px;border:none;background:transparent;border-radius:10px;display:flex;align-items:center;gap:10px;justify-content:space-between;cursor:pointer;transition:background .2s ease,color .2s ease}.semester-dropdown .sd-item:hover{background:#045745}.semester-dropdown .sd-item:hover .sd-item-text,.semester-dropdown .sd-item:hover .sd-check{color:#fff}.semester-dropdown .sd-item.active{background:#045745}.semester-dropdown .sd-item.active .sd-item-text,.semester-dropdown .sd-item.active .sd-check{color:#fff}.semester-dropdown .sd-item .sd-item-text{font-size:14px;color:#545454;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.semester-dropdown .sd-item .sd-check{font-size:14px;color:#545454}@media (max-width: 1024px){.navbar-container{width:200px}.navbar-container.close{width:56px}.wrapper_navbar_header{padding:16px 10px}.wrapper_navbar_header_logo{width:100px;height:32px}.navbar-dashboard,.navbar-support{padding:8px 10px}.semester__picker{padding:10px 10px 4px}}@media (max-width: 600px){.navbar-container{width:100vw;min-width:0;max-width:100vw;position:fixed;left:0;top:0;height:100vh;z-index:5000;box-shadow:0 0 24px #00000014}.navbar-container.close{width:56px;min-width:56px;max-width:56px}.navbar-container.close .wrapper_navbar_header_logo{width:32px;height:32px}.wrapper_navbar_header{padding:12px 6px}.wrapper_navbar_header_logo{width:80px;height:28px}.navbar-dashboard,.navbar-support{padding:8px 4px}.navbar-dashboard ul,.navbar-support ul{gap:2px}.navbar-dashboard li>.nav-link,.navbar-support li>.nav-link{height:36px;padding:0 8px;font-size:14px}.semester__picker{padding:8px 4px 2px}.semester-dropdown,.class-dropdown{max-width:100vw}.semester-dropdown .sd-trigger,.semester-dropdown .class-dropdown-toggle,.class-dropdown .sd-trigger,.class-dropdown .class-dropdown-toggle{font-size:15px;height:38px;padding:0 8px;border-radius:12px}.semester-dropdown .sd-menu,.semester-dropdown .class-dropdown-menu,.class-dropdown .sd-menu,.class-dropdown .class-dropdown-menu{min-width:90vw;max-width:98vw;width:90vw;left:0;font-size:14px}}@media (max-width: 600px){.navbar-container.close{left:-56px;transition:left .3s}.navbar-container.open{left:0;transition:left .3s}}@media (max-width: 600px){.mobile-sidebar-toggle{position:fixed;top:28px;left:10px;z-index:6000;background:#fff;border:none;border-radius:50%;width:40px;height:40px;box-shadow:0 2px 8px #00000014;display:flex;align-items:center;justify-content:center;cursor:pointer}.mobile-sidebar-toggle i{font-size:20px;color:#045745}.sidebar-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000002e;z-index:5999}}@media (max-width: 600px){.navbar-container{z-index:6000}.sidebar-overlay{z-index:5999}}.semester-dropdown{position:relative;font-family:inherit;width:100%;max-width:350px;margin-bottom:18px}.semester-dropdown .sd-trigger{width:100%;height:44px;padding:0 16px;border:1.5px solid #b0b7c3;background:var(--bg--nav);color:var(--text--color);border-radius:14px;display:flex;align-items:center;justify-content:space-between;gap:10px;cursor:pointer;font-size:16px;font-weight:600;transition:border-color .18s,box-shadow .18s}.semester-dropdown .sd-trigger:hover,.semester-dropdown .sd-trigger.open{border-color:var(--color--border-task);box-shadow:0 2px 8px #04574514;background:#f7faf9}.semester-dropdown .sd-trigger .sd-label{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15px}.semester-dropdown .sd-trigger .sd-caret{font-size:16px;color:#045745;transition:transform .2s}.semester-dropdown .sd-trigger .sd-caret.rotated{transform:rotate(180deg)}.semester-dropdown .sd-menu{position:absolute;top:calc(100% + 8px);left:0;min-width:220px;max-width:350px;width:100%;max-height:260px;overflow-y:auto;border:1.5px solid #b0b7c3;background:#fff;border-radius:14px;box-shadow:0 8px 32px #04574521;padding:6px 0;z-index:1002}.semester-dropdown .sd-empty{padding:14px;font-size:15px;color:#888;text-align:center;white-space:pre-line}.semester-dropdown .sd-item{width:100%;padding:12px 18px;border:none;background:transparent;border-radius:8px;display:flex;align-items:center;gap:10px;justify-content:space-between;cursor:pointer;font-size:15px;transition:background .15s,color .15s}.semester-dropdown .sd-item:hover,.semester-dropdown .sd-item.active{background:#045745;color:#fff}.semester-dropdown .sd-item:hover .sd-item-text,.semester-dropdown .sd-item:hover .sd-check,.semester-dropdown .sd-item.active .sd-item-text,.semester-dropdown .sd-item.active .sd-check{color:#fff}.semester-dropdown .sd-item .sd-item-text{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.semester-dropdown .sd-item .sd-check{font-size:15px;color:#045745}@media (max-width: 600px){.semester-dropdown{max-width:100%}.semester-dropdown .sd-trigger{font-size:15px;height:40px;padding:0 10px}.semester-dropdown .sd-menu{font-size:14px;min-width:90vw;max-width:98vw;width:90vw;left:0}.semester-dropdown .sd-item{padding:10px 12px;font-size:14px}}.group-dropdown{list-style:none;width:100%;margin:10px 0 8px;padding:0}.group-dropdown .group-empty{font-size:14px;opacity:.7;padding:6px 8px;color:#545454}.group-dropdown li{margin:2px 0}.group-dropdown .group-item{background:transparent;color:#545454;border-radius:6px;padding:6px 12px;font-size:15px;font-weight:500;border:none;cursor:pointer;transition:background .15s,color .15s;text-align:left;margin:0;text-decoration:none;display:flex;align-items:center;gap:8px}.group-dropdown .group-item .group-icon{font-size:14px;color:inherit;flex-shrink:0}.group-dropdown .group-item .group-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.group-dropdown .group-item:hover,.group-dropdown .group-item.active{background:#018060;color:#fff}.group-dropdown .group-item:hover .group-icon,.group-dropdown .group-item.active .group-icon{color:#fff}.class-dropdown .group-dropdown,.class-dropdown .group-dropdown.clickup-dropdown{padding-left:32px;margin:2px 0 6px;background:transparent;border:0;border-radius:0;box-shadow:none;width:100%;min-width:0;max-width:none}.class-dropdown .group-dropdown li{margin:2px 0}.group-dropdown .group-item{display:flex;align-items:center;gap:8px}.group-dropdown .group-item .group-icon{font-size:14px;color:#545454;flex-shrink:0}.group-dropdown .group-item .group-name{flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.group-dropdown .group-item:hover .group-icon,.group-dropdown .group-item.active .group-icon{color:inherit}.group-item--disabled{background:#f5f5f5;color:#aaa!important;cursor:not-allowed;opacity:.6}.class-dropdown{width:100%;max-width:350px;margin-bottom:18px;z-index:1001}.class-dropdown-toggle{display:flex;align-items:center;padding:12px 16px;cursor:pointer;border-radius:14px;border:1.5px solid #b0b7c3;background:var(--bg--nav);color:var(--text--color);font-size:16px;font-weight:600;transition:border-color .18s,background .18s;width:100%}.class-dropdown-toggle:hover,.class-dropdown-toggle.open{border-color:var(--color--border-task);background:#f7faf9}.class-dropdown-toggle .nav-icon-container{display:flex;align-items:center;justify-content:space-between;width:100%}.class-dropdown-toggle .nav-icon-container-inner{display:flex;align-items:center;gap:10px}.class-dropdown-toggle .nav-icon-container-text{font-size:16px;color:#545454}.class-dropdown-toggle i{color:#545454;font-size:16px}.class-dropdown-toggle .arrow-transition{transition:transform .3s}.class-dropdown-toggle .arrow-transition.rotated{transform:rotate(180deg)}.class-dropdown-menu{position:absolute;top:calc(100% + 8px);left:0;min-width:220px;max-width:350px;width:100%;background:var(--bg--nav);color:var(--text--name);border:1.5px solid #b0b7c3;border-radius:14px;box-shadow:0 8px 32px #04574521;z-index:2000;padding:12px 0;max-height:350px;overflow-y:auto;overflow-x:hidden}.class-dropdown-menu .class-dropdown-item{display:block;padding:10px 20px;color:#545454;text-decoration:none;font-size:15px;border-radius:8px;cursor:pointer;transition:background .15s,color .15s;font-weight:500}.class-dropdown-menu .class-dropdown-item:hover,.class-dropdown-menu .class-dropdown-item.active{background:#045745;color:#fff}.class-dropdown-menu .class-dropdown-empty{padding:12px 20px;color:#888;font-style:italic;font-size:15px;white-space:pre-line}.class-dropdown.sidebar-closed .class-dropdown-menu{left:0;min-width:260px;max-width:320px;width:260px;right:auto}@media (max-width: 600px){.class-dropdown,.class-dropdown-toggle{max-width:100%;font-size:15px;padding:10px 8px}.class-dropdown-menu,.class-dropdown.sidebar-closed .class-dropdown-menu{min-width:90vw;max-width:98vw;width:90vw;left:0}}.class-dropdown .class-dropdown-menu{position:static;inset:auto;width:100%;margin-top:8px;padding:0 0 0 16px;background:transparent;border:0;border-radius:0;box-shadow:none;max-height:none;overflow:visible}.class-dropdown.sidebar-closed .class-dropdown-menu{left:auto;right:auto;min-width:0;max-width:none;width:100%}.class-dropdown .class-dropdown-toggle{line-height:1.2}.class-dropdown .class-dropdown-menu{padding-left:16px;margin-top:6px}.class-dropdown .class-dropdown-menu li{margin:2px 0}.class-dropdown .class-dropdown-menu .class-dropdown-item{padding:6px 0 6px 20px;line-height:1.25;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}.class-dropdown .arrow-transition{display:inline-flex;align-items:center;justify-content:center;min-width:16px}.class-dropdown .class-dropdown-toggle:focus-visible,.class-dropdown .class-dropdown-item:focus-visible{outline:2px solid rgba(4,87,69,.35);outline-offset:2px;border-radius:6px}.class-dropdown .class-dropdown-menu .class-dropdown-item{display:flex;align-items:center;gap:8px}.class-dropdown .class-dropdown-menu .class-dropdown-item .class-icon{font-size:14px;color:#545454;flex-shrink:0}.class-dropdown .class-dropdown-menu .class-dropdown-item .class-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.class-dropdown .class-dropdown-menu .class-dropdown-item:hover .class-icon,.class-dropdown .class-dropdown-menu .class-dropdown-item.active .class-icon{color:inherit}.layout{display:flex;min-height:100vh;height:100vh;position:relative;overflow:hidden}.layout .main-content{flex:1;display:flex;flex-direction:column;transition:margin-left .3s ease;overflow:hidden;height:100%;background-color:var(--bg-color);padding:20px}.layout .main-content.chat-page{padding:0!important}.layout .main-content .main-content-area{flex:1;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.2) transparent}.layout .main-content .main-content-area::-webkit-scrollbar{width:8px}.layout .main-content .main-content-area::-webkit-scrollbar-track{background:transparent}.layout .main-content .main-content-area::-webkit-scrollbar-thumb{background:#0000004d;border-radius:4px}.dark .layout .main-content .main-content-area::-webkit-scrollbar-thumb{background:#ffffff4d}@media (max-width: 480px){.layout .main-content{padding:12px}}@media (min-width: 481px) and (max-width: 768px){.layout .main-content{padding:16px}}@media (min-width: 769px) and (max-width: 1024px){.layout .main-content{padding:20px}}@media (min-width: 1440px){.layout .main-content{padding:24px}}@media (min-width: 1920px){.layout .main-content{padding:32px}}@media (min-width: 2560px){.layout .main-content{padding:40px}}@media (min-width: 3840px){.layout .main-content{padding:60px}}@media (max-width: 768px){.layout{flex-direction:column}.layout .main-content{transition:none}}.announcement-place{z-index:10000;position:fixed;right:20px;top:100px;width:400px;max-width:calc(100vw - 40px);transition:right .3s ease,width .3s ease}@media (max-width: 768px){.announcement-place{right:12px;top:80px;width:360px}}@media (max-width: 480px){.announcement-place{left:12px;right:12px;width:auto;max-width:none}}@media (min-width: 1440px){.announcement-place{width:440px;right:32px}}@media (min-width: 1920px){.announcement-place{width:480px;right:40px}}@media (min-width: 2560px){.announcement-place{width:520px;right:60px}}@media (min-width: 3840px){.announcement-place{width:600px;right:100px;top:120px;font-size:1.1rem}}.overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;z-index:1000;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.overlay.open{opacity:1;visibility:visible}.light{background-color:#edf2f2;color:#000}.dark{background-color:#1a1a1a;color:#fff}@media (min-width: 1920px){.text-large-screen{font-size:1.1rem}}@media (min-width: 3840px){.text-large-screen{font-size:1.4rem}.button-large-screen{padding:16px 32px;font-size:1.3rem}}.input-search{width:100%;height:80px;background-color:var(--bg--nav);color:var(--text-color);padding:20px;border-radius:20px;display:grid;align-items:center;column-gap:16px;grid-template-columns:1fr minmax(0,clamp(210px,60vw,800px)) 1fr;position:relative}.input-search-wrapper{position:relative;grid-column:2}.input-search-home{grid-column:1;justify-self:start}.input-search-home i{color:var(--text-color);font-size:18px;transition:opacity .2s}.input-search-home i:hover{opacity:.8}.input-search-field{position:relative;display:flex;align-items:center}.input-search-field input[type=text]{width:100%;height:44px;padding:8px 16px 8px 44px;background-color:var(--bg--nav);border:1.5px solid var(--color--border-input);border-radius:12px;font-size:16px;color:var(--text-color);transition:all .2s ease}.input-search-field input[type=text]::placeholder{color:#888}.input-search-field input[type=text]:focus{outline:none;border-color:#06f;box-shadow:0 0 0 3px #0066ff26}.input-search-field .fa-magnifying-glass{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#888;font-size:18px;pointer-events:none;z-index:2}.search-suggestions{position:absolute;top:calc(100% + 8px);left:30%;transform:translate(-50%);width:380px;height:380px;max-width:100%;background:var(--bg--nav);border:1.5px solid var(--color--border-input);border-radius:16px;box-shadow:0 20px 40px #00000040;overflow-y:scroll;overflow-x:hidden;z-index:10000;animation:popIn .2s ease-out}.search-suggestions .suggestions-header{padding:10px 16px;font-size:13px;font-weight:600;color:#aaa;background:#ffffff0d;border-bottom:1px solid var(--color--border-input)}.search-suggestions .suggestion-item{display:flex;align-items:center;gap:12px;padding:12px 16px;cursor:pointer;transition:background .15s ease}.search-suggestions .suggestion-item:hover,.search-suggestions .suggestion-item.active{background:var(--bg--primary-color);color:#fff}.search-suggestions .suggestion-item:hover i,.search-suggestions .suggestion-item.active i{color:#fff}.search-suggestions .suggestion-item.active{background:#0066ff2e}.search-suggestions .suggestion-item i{font-size:18px;width:24px;color:#888;text-align:center}.search-suggestions .suggestion-item .suggestion-text{flex:1;min-width:0}.search-suggestions .suggestion-item .suggestion-text .label{font-weight:500;color:var(--text-color);font-size:15px}.search-suggestions .suggestion-item .suggestion-text .path{font-size:12px;color:#999;margin-top:2px}.search-suggestions .suggestion-item kbd{font-size:11px;padding:2px 6px;background:#ffffff1a;border-radius:4px;color:#aaa}@keyframes popIn{0%{opacity:0;transform:translate(-50%) translateY(-10px) scale(.95)}to{opacity:1;transform:translate(-50%) translateY(0) scale(1)}}.input-search-user{grid-column:3;justify-self:end;display:flex;align-items:center;gap:12px}.input-search-user-bell{position:relative;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer}.input-search-user-bell i{font-size:17px;color:var(--text-color);transition:all .2s}.input-search-user-bell i.active{background:#045745;color:#fff;border-radius:50%;padding:8px}.input-search-user-bell-total{position:absolute;top:2px;right:2px;width:12px;height:12px;background:#da4343;border-radius:50%;border:2px solid var(--bg--nav)}.input-search-user-avatar{width:32px;height:32px;border-radius:50%;overflow:hidden;border:2px solid transparent;transition:border .2s}.input-search-user-avatar:hover{border-color:#fff3}.input-search-user-avatar img{width:100%;height:100%;object-fit:cover}@media (max-width: 1024px){.input-search{grid-template-columns:1fr minmax(0,clamp(220px,56vw,680px)) 1fr}}@media (max-width: 768px){.input-search{height:70px;padding:16px;grid-template-columns:1fr minmax(0,clamp(200px,64vw,560px)) 1fr}.search-suggestions{width:340px}}@media (max-width: 640px){.input-search{grid-template-columns:40px 1fr 100px;padding:12px;height:64px}.input-search .input-search-field input[type=text]{height:40px;font-size:15px}.input-search .search-suggestions{width:300px;left:10px;transform:none}}@media (max-width: 480px){.input-search-user{gap:8px}.input-search-user-bell{width:32px;height:32px}.input-search-user-bell i{font-size:15px}.input-search-user-bell-total{width:10px;height:10px}.input-search-user-avatar{width:28px;height:28px}.search-suggestions{width:calc(100vw - 40px);left:20px;transform:none}}.input-search-user-darkmode{width:68px;height:28px;display:flex;align-items:center;justify-content:space-between;border-radius:999px;padding:0 2px;position:relative}.input-search-user-darkmode.light{background-color:#edf2f2;box-shadow:inset 0 1px 2px #0000001a}.input-search-user-darkmode.light i{width:32px;height:24px;color:#333;display:flex;align-items:center;justify-content:center;border-radius:999px;cursor:pointer;transition:all .3s ease;z-index:1;background-color:transparent;font-size:14px}.input-search-user-darkmode.light i.active{background-color:#b3cec9;color:#fff}.input-search-user-darkmode.light:before{content:"";position:absolute;width:32px;height:24px;border-radius:999px;transition:transform .3s ease-in-out;z-index:0;transform:translate(2px);opacity:.3}.fa-moon.active~.input-search-user-darkmode.light:before{transform:translate(34px)}.input-search-user-darkmode.dark{background-color:#000;box-shadow:inset 0 1px 2px #0000001a}.input-search-user-darkmode.dark i{width:32px;height:24px;color:#333;display:flex;align-items:center;justify-content:center;border-radius:999px;cursor:pointer;transition:all .3s ease;z-index:1;background-color:transparent;font-size:14px}.input-search-user-darkmode.dark i.active{background-color:#333;color:#fff}.input-search-user-darkmode.dark:before{content:"";position:absolute;width:32px;height:24px;border-radius:999px;transition:transform .3s ease-in-out;z-index:0;transform:translate(2px);opacity:.3}.fa-moon.active~.input-search-user-darkmode.dark:before{transform:translate(34px)}.announcement-container{width:350px;height:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:var(--bg--color--announcement);border-bottom-right-radius:20px;border-bottom-left-radius:20px;border-top-color:1px solid #045745;padding:8px;box-shadow:0 2px 8px #0000000d}.main-announcement{width:100%;padding:0 10px}.main-announcement-header{padding-top:10px;display:flex;align-items:center;justify-content:space-between}.main-announcement-header h1{text-transform:uppercase;font-size:18px}.main-announcement-categories{display:flex;align-items:center;justify-content:flex-start;gap:20px;padding-top:6px}.main-announcement-categories p{font-size:15px;font-weight:500;padding:2px 20px;text-align:center;border-radius:10px}.main-announcement-categories p:hover{color:#fff;background-color:#acacac}.main-announcement-categories p.active{color:#f9f9f9;background-color:#045745}.main-announcement-list{width:100%;height:300px;overflow-y:auto}.main-announcement-list ::-webkit-scrollbar-button{background-color:#044436}.main-announcement-list-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding-top:10px}.main-announcement-list-empty-text{text-align:center;font-size:15px;font-weight:600;padding:5px}.btn-see-all{display:flex;align-items:center;justify-content:center;width:100%;margin-top:10px;background-color:#045745;padding:5px 20px;color:#f9f9f9;border:none;border-radius:5px;cursor:pointer;font-weight:600;text-decoration:none}.btn-see-all:hover{background-color:#044436;color:#f9f9f9}.card-container{width:100%;height:auto;margin-top:10px;display:flex;align-items:center;justify-content:space-between;gap:7px;position:relative;padding:7px;border-radius:20px;transition:all .5s ease}.card-container .avatar-title{display:flex;align-items:center;justify-content:space-between;gap:15px}.card-container .dot-red{padding:5px;background-color:red;border-radius:20px}.card-container:hover{background-color:#e4e3e3;color:#282727}.avatar img{width:56px;height:56px;border-radius:100px}.avatar i{position:absolute;top:65px;left:45px;padding:5px;background:linear-gradient(to bottom,#bbb7b7,#000);color:#f1f1f1;border-radius:100%}.announcement-content-title{font-size:16px;font-weight:700}.announcement-content-time{font-size:13px;font-weight:500}.sidebar-admin-role-tabs{border-bottom:1px solid #c8cad4}.navbar__list__container{width:100%;display:block}.navbar__list__container .navbar__list__items{display:flex;flex-direction:column;gap:8px;padding:20px}.navbar__list__container .navbar__list__items__item{padding:8px 12px 8px 22px;cursor:pointer;border-radius:6px;display:flex;align-items:center;justify-content:flex-start;gap:16px}.navbar__list__container .navbar__list__items__item i{color:#545454;font-size:18px;width:20px;text-align:center}.navbar__list__container .navbar__list__items__item p{color:#545454;line-height:21px;font-weight:500;font-size:15px;margin:0}.navbar__list__container .navbar__list__items__item.active{background:var(--color--div-head);transform:none}.navbar__list__container .navbar__list__items__item.active p{color:#fff;font-weight:700}.navbar__list__container .navbar__list__items__item.active i{color:#fff}.navbar__list__container .navbar__list__items__item:hover{background:var(--color--div-head)}.navbar__list__container .navbar__list__items__item:hover p{color:#fff;font-weight:700}.navbar__list__container .navbar__list__items__item:hover i{color:#fff}.compose-overlay{position:fixed;right:24px;bottom:24px;z-index:1100;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial}.compose-overlay .compose-window{width:520px;background:#fff;border-radius:8px;box-shadow:0 10px 30px #3c40431f;overflow:hidden;display:flex;flex-direction:column;border:1px solid rgba(0,0,0,.06)}.compose-overlay.minimized .compose-window{width:320px;height:48px;overflow:visible}.compose-overlay .compose-header{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:#fafafa;border-bottom:1px solid rgba(0,0,0,.04)}.compose-overlay .compose-header .compose-title{font-weight:600;font-size:14px}.compose-overlay .compose-header .compose-controls{display:flex;gap:6px}.compose-overlay .compose-header .compose-controls .btn.icon{background:transparent;border:none;padding:6px;cursor:pointer;color:#333;border-radius:4px}.compose-overlay .compose-header .compose-controls .btn.icon:hover{background:#0000000a}.compose-overlay .compose-header .compose-controls .btn.icon.close{color:#b00020}.compose-overlay .compose-to,.compose-overlay .compose-subject{padding:6px 12px}.compose-overlay .compose-to input,.compose-overlay .compose-subject input{width:100%;border:none;outline:none;font-size:14px;padding:10px 6px;background:transparent;border-bottom:1px solid rgba(0,0,0,.08);color:#222}.compose-overlay .compose-to input:focus,.compose-overlay .compose-subject input:focus{border-bottom-color:#1a73e8e6}.compose-overlay .compose-to{position:relative}.compose-overlay .compose-to .selected-chips{display:flex;gap:8px;flex-wrap:wrap;margin:6px 0 10px}.compose-overlay .compose-to .chip{display:inline-flex;align-items:center;gap:8px;background:#04574514;color:#045745;padding:6px 8px;border-radius:18px;font-size:13px}.compose-overlay .compose-to .chip .chip-label{max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.compose-overlay .compose-to .chip .chip-remove{background:transparent;border:none;color:#045745;cursor:pointer;font-weight:700;padding:0 6px}.compose-overlay .compose-to .compose-suggestions{position:absolute;left:12px;right:12px;top:calc(100% + 6px);background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:6px;box-shadow:0 6px 18px #3c40431f;z-index:1200;max-height:220px;overflow:auto;list-style:none;margin:0;padding:6px 0}.compose-overlay .compose-to .compose-suggestions li{padding:8px 12px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:12px}.compose-overlay .compose-to .compose-suggestions li:hover{background:#0457450a}.compose-overlay .compose-to .compose-suggestions li .suggestion-main{font-weight:600;color:#222}.compose-overlay .compose-to .compose-suggestions li .suggestion-sub{font-size:12px;color:#666}.compose-overlay .send-to-label{padding:0}.compose-overlay .compose-to-row{display:flex;align-items:center;gap:8px;padding:8px 12px}.compose-overlay .compose-to-row .compose-to{flex:1}.compose-overlay .compose-to-row .compose-cc-toggle{display:flex;gap:6px}.compose-overlay .compose-to-row .btn.small{padding:6px 8px;border-radius:4px;background:transparent;border:none;cursor:pointer}.compose-overlay .compose-cc,.compose-overlay .compose-bcc{padding:6px 12px}.compose-overlay .compose-cc input,.compose-overlay .compose-bcc input{width:100%;border:none;outline:none;padding:6px 0}.compose-overlay .compose-editor{min-height:160px;max-height:380px;overflow:auto}.compose-overlay .compose-editor .editor{padding:12px;min-height:140px;outline:none;font-size:14px;line-height:1.45;color:#222;white-space:pre-wrap}.compose-overlay .compose-editor .editor:empty:before{content:attr(placeholder);color:#9aa0a6;pointer-events:none}.compose-overlay .compose-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 12px;border-top:1px solid rgba(0,0,0,.04);background:transparent}.compose-overlay .compose-bottom .compose-actions-left{display:flex;gap:8px;align-items:center}.compose-overlay .compose-bottom .compose-actions-right{display:flex;align-items:center}.compose-overlay .compose-bottom .send-pill{background:#045745;color:#fff;padding:10px 16px;border-radius:24px;display:inline-flex;align-items:center;gap:8px;font-weight:600;border:none;cursor:pointer;transition:box-shadow .12s ease,transform .06s ease}.compose-overlay .compose-bottom .send-pill:hover{box-shadow:0 6px 12px #045745;transform:translateY(-1px)}.compose-overlay .compose-bottom .send-group{display:inline-flex;align-items:center;gap:6px}.compose-overlay .compose-bottom .send-dropdown{background:#0000000f;border:none;padding:8px 10px;border-radius:6px;cursor:pointer}.compose-overlay .compose-bottom .send-caret{opacity:.9;font-size:12px}.compose-overlay .compose-bottom .bottom-icons{display:flex;gap:8px;align-items:center}.compose-overlay .compose-bottom .bottom-icons .btn{background:transparent;border:none;padding:6px;cursor:pointer;border-radius:4px;font-size:16px;color:#5f6368}.compose-overlay .compose-attachments{padding:8px 12px;display:flex;gap:8px;flex-wrap:wrap}.compose-overlay .compose-attachments .attachment-item{display:flex;align-items:center;gap:8px;background:#f5f7fb;border-radius:6px;padding:6px 8px}.compose-overlay .compose-attachments .attachment-item .att-name{font-size:13px;color:#333}.compose-overlay .compose-attachments .attachment-item .btn.small{background:transparent;border:none;cursor:pointer;padding:4px 6px;font-size:14px}.compose-overlay .compose-actions{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-top:1px solid rgba(0,0,0,.04)}.compose-overlay .compose-actions .btn{padding:8px 12px;border-radius:6px;border:none;cursor:pointer}.compose-overlay .compose-actions .send{background:#1a73e8;color:#fff;display:inline-flex;align-items:center;gap:6px;font-weight:600}.compose-overlay .compose-actions .secondary{background:transparent;color:#333}.compose-overlay .compose-minimized-bar{display:flex;align-items:center;justify-content:space-between;padding:10px;cursor:pointer}.compose-overlay .compose-minimized-bar .min-title{font-weight:600}@media (max-width: 640px){.compose-overlay .compose-window{width:92vw;right:4vw;bottom:16px}}.global-loading{position:fixed;top:0;right:0;bottom:0;left:0;background:#fffffffa;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .4s ease-out}.loading-card{text-align:center;padding:40px 20px}.logo-bounce{animation:bounce 2s infinite;width:90px;height:90px;margin:0 auto 20px}.logo-bounce .app-logo{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 6px 16px rgba(4,87,69,.3))}.dots-wave{display:flex;justify-content:center;gap:14px;margin-bottom:40px;margin-left:25px}.dots-wave span{width:18px;height:18px;background:#045745;border-radius:50%;box-shadow:0 4px 12px #04574559}.dots-wave span:nth-child(1){animation:wave 1.4s ease-in-out infinite;animation-delay:0s}.dots-wave span:nth-child(2){animation:wave 1.4s ease-in-out infinite;animation-delay:.15s}.dots-wave span:nth-child(3){animation:wave 1.4s ease-in-out infinite;animation-delay:.3s}.dots-wave span:nth-child(4){animation:wave 1.4s ease-in-out infinite;animation-delay:.45s}.loading-text .main{font-size:1.4rem;font-weight:600;color:#045745;margin:0 0 8px}.loading-text .sub{font-size:1.05rem;color:#555;margin:0;font-weight:500}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-24px)}60%{transform:translateY(-12px)}}@keyframes wave{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.popup-create-class{position:fixed;top:0;left:0;right:0;bottom:0;background:#0000002e;display:flex;align-items:center;justify-content:center;z-index:9999}.popup-create-class .popup-content{background:#fff;border-radius:16px;padding:36px 32px;min-width:340px;box-shadow:0 8px 32px #00000026;display:flex;flex-direction:column;gap:20px}.popup-create-class .popup-content h3{margin-bottom:12px;font-size:22px;font-weight:700;color:var(--bg--primary-color);text-align:center;letter-spacing:1px}.popup-create-class .popup-content input[type=text],.popup-create-class .popup-content input[type=number],.popup-create-class .popup-content select{padding:10px;border-radius:8px;border:1.5px solid #d1d5db;font-size:16px;margin-bottom:12px;outline:none;width:100%;transition:border-color .2s}.popup-create-class .popup-content label{font-weight:600;color:var(--bg--primary-color);margin-bottom:6px;display:block}.popup-create-class .popup-content select{background:#f7fafd;font-size:15px;margin-bottom:16px}.popup-create-class .popup-content .group-members-list{max-height:180px;overflow-y:auto;margin-bottom:14px;padding:6px 0;border-radius:8px;background:#f7fafd;border:1px solid #e1e8ed}.popup-create-class .popup-content .group-members-list .member-checkbox-row{display:flex;align-items:center;gap:10px;padding:8px 16px;border-bottom:1px solid #f0f4f8}.popup-create-class .popup-content .group-members-list .member-checkbox-row:last-child{border-bottom:none}.popup-create-class .popup-content .group-members-list .member-checkbox-row label{display:flex;align-items:center;gap:10px;font-weight:500;color:#333;margin-bottom:0;width:100%}.popup-create-class .popup-content .group-members-list .member-checkbox-row input[type=checkbox]{width:18px;height:18px;margin-right:8px}.popup-create-class .popup-content .group-members-list .member-checkbox-row .member-name{font-weight:600}.popup-create-class .popup-content .group-members-list .member-checkbox-row .member-email{color:#888;font-size:13px;margin-left:4px}.popup-create-class .popup-content .popup-actions{display:flex;gap:14px;justify-content:center;margin-top:10px}.popup-create-class .popup-content .popup-actions .btn-confirm{background:#888;color:#fff;border:none;padding:10px 22px;border-radius:8px;font-weight:600;cursor:pointer;font-size:16px;box-shadow:0 2px 8px #3498db14;transition:background .2s}.popup-create-class .popup-content .popup-actions .btn-confirm:hover{background:var(--bg--primary-color)}.popup-create-class .popup-content .popup-actions .btn-confirm:disabled{background:#b2bec3;cursor:not-allowed}.popup-create-class .popup-content .popup-actions .btn-cancel{background:#eee;color:#333;border:none;padding:10px 22px;border-radius:8px;font-weight:600;cursor:pointer;font-size:16px}.popup-create-class .popup-content .popup-actions .btn-cancel:hover{background:#ddd}.btn-create-class,.btn-gen-link{color:#fff;border:none;padding:8px 18px;border-radius:8px;font-weight:600;margin-left:12px;cursor:pointer;display:flex;align-items:center;gap:6px}.grades__component__container__table__list table{width:100%;border-collapse:collapse;margin-top:18px;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 12px #3498db14}.grades__component__container__table__list table th,.grades__component__container__table__list table td{padding:12px 10px;text-align:left;font-size:15px;border-bottom:1px solid #f0f4f8}.grades__component__container__table__list table th{background:#f7fafd;color:#3498db;font-weight:700;font-size:16px}.grades__component__container__table__list table tr:last-child td{border-bottom:none}.grades__component__container__table__list table .name__ava{display:flex;align-items:center;gap:10px}.grades__component__container__table__list table .name__ava img{width:32px;height:32px;border-radius:50%;object-fit:cover;border:2px solid #e1e8ed}.grades__component__container__table__list table .name__ava p{margin:0;font-weight:500;color:var(--bg--primary-color)}.pagination{display:flex;align-items:center;justify-content:center;gap:18px;margin:18px 0 0}.pagination .pagination__button{background:var(--bg--primary-color);color:#fff;border:none;padding:7px 14px;border-radius:6px;font-size:16px;cursor:pointer;transition:background .2s}.pagination .pagination__button:hover{background:var(--bg--primary-color)}.pagination .pagination__button:disabled{background:#b2bec3;cursor:not-allowed}.pagination .pagination__info{font-size:15px;color:var(--bg--primary-color);font-weight:600}.btn-leave-group{background:#e74c3c;color:#fff;border:none;width:100px;height:44px;padding:8px 18px;border-radius:8px;font-weight:600;cursor:pointer}.btn-kick-user{background:#e74c3c;color:#fff;border:none;padding:6px 14px;border-radius:6px;font-weight:600;cursor:pointer;font-size:14px;margin-left:8px;transition:background .2s}.btn-kick-user:hover{background:#c0392b}.btn-add-member{background:var(--bg--primary-color);color:#fff;border:none;height:44px;border-radius:8px;font-weight:600}i{font-size:15px;color:#fff;cursor:pointer;transition:color .2s}.detail__student{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:1000;display:flex;align-items:center;justify-content:center}.detail__student__popup{position:relative;background:#fff;border-radius:18px;box-shadow:0 8px 32px #0000002e;width:350px;max-width:95vw;padding:32px 28px 24px;display:flex;flex-direction:column;align-items:center;animation:fadeIn .2s}.detail__student__close{position:absolute;top:18px;right:18px;font-size:28px;color:#333;cursor:pointer;transition:color .2s}.detail__student__close:hover{color:#045745}.detail__student__avatar img{width:72px;height:72px;border-radius:50%;object-fit:cover;margin-bottom:12px;border:2px solid var(--bg--primary-color, #045745);background:#f3f3f3}.detail__student__name{font-size:20px;font-weight:600;margin:0 0 6px;color:#222;text-align:center}.detail__student__id,.detail__student__email{font-size:14px;color:#5c5959;margin:0 0 2px;text-align:center}.detail__student__codes{width:100%;margin-top:18px;display:flex;flex-direction:column;gap:10px}.detail__student__codes__block h4{font-size:15px;font-weight:600;color:var(--bg--primary-color, #045745);margin-bottom:4px}.detail__student__codes__block ul{padding-left:18px;margin:0}.detail__student__codes__block ul li{font-size:13px;color:var(--text-color, #222);margin-bottom:2px}@keyframes fadeIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.class-page{width:100%;height:100%;display:flex;flex-direction:column;align-items:start;justify-content:start;gap:24px;margin-top:20px}.class-page-overview{width:250px;height:46px;background-color:#045745;border-top-right-radius:16px;border-top-left-radius:16px;border-bottom-right-radius:16px;padding:8px 24px;margin-bottom:20px}.class-page-overview h2{text-align:center;color:#fff;line-height:30px;font-size:20px;font-weight:700}.class-page-container{width:100%}.task-by-type{display:flex;align-items:start;justify-content:start}.task-by-type-list{width:1072px;height:40px;display:flex;align-items:start;margin:0;padding:0}.task-by-type-element{width:268px;height:40px;display:flex;align-items:center;justify-content:start;gap:10px;margin:0;padding-left:5px;cursor:pointer;border-bottom:3px solid #8a8a8a;transition:border-bottom .3s ease,transform .2s ease}.task-by-type-element span{font-size:16px;font-weight:medium;line-height:24px;color:var(--text-color);transition:color .3s ease,font-weight .3s ease}.task-by-type-element.active{border-bottom:3px solid #06d0a0;transform:scale(1.02)}.task-by-type-element.active span{color:var(--text-color);font-weight:700}.task-by-type-element i{color:#8a8a8a;transition:color .3s ease}.task-by-type-element.active i{color:#000}.task-by-type-element:hover{transform:scale(1.02)}.task-by-type-element:hover span,.task-by-type-element:hover i{color:#000}.check-task-by-all-container{width:100%;height:auto;min-width:100%;padding-bottom:100px;overflow-x:auto;z-index:999;display:block;scrollbar-width:thin;scrollbar-color:#888 #f0f0f0;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}.check-task-by-all-container::-webkit-scrollbar{width:8px;height:8px}.check-task-by-all-container::-webkit-scrollbar-track{background:#f0f0f0;border-radius:4px}.check-task-by-all-container::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.check-task-by-all-container::-webkit-scrollbar-thumb:hover{background:#555}.check-task-by-all-content{width:fit-content;min-width:100%;height:500px;padding-right:20px;display:flex;flex-direction:column;gap:16px}.task-column-container{display:flex;flex-direction:row;gap:16px;flex-wrap:nowrap;align-items:flex-start;min-width:max-content}.task-column-container .btn_add_status{width:260px;height:40px;display:flex;align-items:center;gap:10px;border:none;cursor:pointer;border-radius:50px;background-color:transparent!important}.task-column-container .btn_add_status span{font-weight:600;font-size:14px;line-height:21px}.task-column-container .btn_add_status i{font-size:10px}.check-task-by-all-content-member{width:100%;display:flex;align-items:center;justify-content:space-between}.check-task-by-all-content-member-class{position:relative}.check-task-by-all-content-member-class select{width:314px;height:auto;background:none;border:none;font-size:16px;font-weight:700;color:#333;padding:6px 10px;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAABISURBVHgB7Y1BCgAgCATtJ36ll/cUe0oSBmEhevDmwF6WZRagSAEl3v5hcEiNUbrhEZwxXa/0kW6aIdFvnTMhAFrPEQlCkcsCtHkMODQWnl0AAAAASUVORK5CYII=);background-repeat:no-repeat;background-position:120px;background-size:15px 15px}.check-task-by-all-content-member-class select::-ms-expand{display:none}.check-task-by-all-content-member-class select:hover{color:#000}.check-task-by-all-content-member-student{display:flex;align-items:center;gap:5px;width:164px;height:auto}.check-task-by-all-content-member-student ul{display:flex;align-items:center;list-style:none;padding-left:10px;margin:0}.check-task-by-all-content-member-student ul li{position:relative;margin-left:-10px}.check-task-by-all-content-member-student ul li:nth-child(n+4):not(.extra-count){display:none}.check-task-by-all-content-member-student ul li img{width:30px;height:30px;border-radius:50%;border:2px solid #fff;object-fit:cover}.check-task-by-all-content-member-button-add{display:flex;align-items:center;justify-content:center;gap:5px;margin-left:5px}.check-task-by-all-content-member-button-add img{width:24px;height:24px}.task-item.isDraggingOverlay{opacity:1;transform:scale(1.04) rotate(-2deg);box-shadow:0 16px 40px #0000002e,0 2px 8px #0000001a;z-index:9999;cursor:grabbing;transition:box-shadow .18s,transform .18s,opacity .18s;background:#fff;border:2px solid #4f8cff}.column-container{width:260px;min-height:500px;position:relative;display:flex;flex-direction:column;background-color:transparent;padding:12px;border-radius:8px;z-index:2;transition:background-color .2s ease,border .2s ease}.column-container.over{background-color:#e6f3ff;border:2px dashed #156854}.column{width:100%;display:flex;flex-direction:column;gap:8px}.column-task{width:100%;min-height:160px;overflow-y:auto;display:flex;flex-direction:column;gap:12px;padding:8px;border-radius:8px}.sortable-ghost{opacity:.4;border:2px dashed #156854}.prop-status{width:100%;height:auto;display:flex;align-items:center;justify-content:space-between;padding:8px 20px;border-radius:25px;transition:background-color .2s ease}.prop-status-left{display:flex;align-items:center;gap:8px}.prop-status-left-text{display:flex;align-items:center;justify-content:center;gap:5px}.prop-status-left-text img{width:10px;height:10px}.prop-status-left-text span,.prop-status-left .prop-status-text-total-task{line-height:24px;font-size:16px;font-weight:700;color:var(--text-color)}.prop-status-right img{width:16px;height:16px;cursor:pointer}.btn-add-task{display:flex;align-items:start;justify-content:start;gap:13px;margin-right:10px;cursor:pointer}.btn-add-task i{display:flex;align-items:center;font-weight:500;font-size:8px;line-height:21px;cursor:pointer}.btn-add-task span{display:flex;align-items:center;padding-right:8px;font-weight:500;font-size:15px;line-height:21px;cursor:pointer}.no-tasks{color:var(--text--color--gray);font-size:14px;font-weight:500;text-align:end}.task-container{display:flex;flex-direction:column;width:100%;height:auto;padding:12px 20px;background-color:var(--bg-nav);border-top-left-radius:20px;border-top-right-radius:20px;border-bottom-right-radius:20px;border-left:5px solid var(--color--border-task);background-image:url(/assets/bg-task-B2QuQ_um.png);background-size:cover,20% 50%;background-position:bottom,right;background-repeat:no-repeat,no-repeat;z-index:1;transition:transform .2s ease,opacity .2s ease,box-shadow .2s ease}.task-container.dragging{opacity:.4;box-shadow:none;cursor:grabbing}.task-container.overlay{opacity:.9;box-shadow:0 8px 24px #0000004d;transform:scale(1.03) translate(-10%,-10%);z-index:1000;cursor:grabbing;position:fixed;pointer-events:none;width:260px;border:3px solid #156854;border-radius:20px}.task-content{display:flex;flex-direction:column;gap:8px}.task-content-head{display:flex;align-items:center;justify-content:space-between}.task-content-head span{line-height:21px;font-size:14px;font-weight:700;color:var(--text--color--task--heading)}.task-content-head-icon{display:flex;align-items:center;justify-content:center;gap:10px}.task-content-head-icon i{font-size:12px;cursor:pointer;transition:font-size .2s ease,color .2s ease}.task-content-head-icon i:hover{font-size:14px;color:#156854}.task-content-percent{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%}.task-content-percent-container{flex-grow:1;height:4px;background-color:#e0e0e0;border-radius:2px;overflow:hidden}.task-content-percent-line{height:100%;border-radius:2px;transition:width .3s ease}.task-content-percent span{line-height:21px;font-weight:500;font-size:14px;color:var(--text--color--task--heading);padding-right:8px}.task-content-members{padding-top:5px;display:flex;align-items:center;justify-content:start}.task-content-members ul{display:flex;align-items:center;list-style:none;padding-left:10px;margin:0}.task-content-members li{position:relative;margin-left:-10px}.task-content-members li:nth-child(n+4):not(.extra-count){display:none}.task-content-members li img{width:30px;height:30px;border-radius:50%;border:2px solid #fff;object-fit:cover}.task-content-members button{display:flex;align-items:center;border:none;border-radius:20px;background-color:transparent;cursor:pointer}.task-content-deadline{display:flex;align-items:center;justify-content:space-around;padding:5px 0}.task-content-deadline span{font-size:14px;font-weight:500;color:var(--text--color--task--heading)}.task-content-deadline img{width:8px;height:8px}.task-content-contact{display:flex;align-items:center;justify-content:space-between}.task-content-contact-left{display:flex;align-items:center;justify-content:center;gap:25px}.task-content-contact-left-element{display:flex;align-items:center;justify-content:center;gap:8px}.task-content-contact-left-element i,.task-content-contact-left-element img{cursor:pointer;font-size:14px;color:#344054}.task-content-contact-left-element span{font-size:14px;font-weight:500;color:var(--text--color--task--heading)}.extra-count{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;background-color:#f0f0f0;color:#333;font-size:14px;font-weight:700;border:2px solid #fff;margin-left:-10px;z-index:1}.task-hover-card{position:fixed;background:#fff;border-radius:12px;box-shadow:0 12px 32px #0003;border:1px solid #e5e7eb;width:320px;max-height:500px;overflow-y:auto;padding:16px;animation:slideInRight .2s ease-out;z-index:10000;pointer-events:auto;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}.task-hover-card::-webkit-scrollbar{width:6px}.task-hover-card::-webkit-scrollbar-track{background:transparent}.task-hover-card::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.task-hover-card::-webkit-scrollbar-thumb:hover{background:#94a3b8}.task-hover-card .hover-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #e5e7eb}.task-hover-card .hover-card-header h3{margin:0;font-size:15px;font-weight:600;color:#1f2937;flex:1;word-break:break-word}.task-hover-card .hover-card-header .priority-badge{flex-shrink:0;padding:4px 8px;border-radius:4px;font-size:11px;font-weight:700;color:#fff;white-space:nowrap}.task-hover-card .hover-card-section{margin-bottom:14px}.task-hover-card .hover-card-section .label{margin:0 0 6px;font-size:12px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}.task-hover-card .hover-card-section .value{margin:0;font-size:13px;color:#374151;line-height:1.5;word-break:break-word}.task-hover-card .hover-card-section .no-data{margin:0;font-size:13px;color:#9ca3af;font-style:italic}.task-hover-card .hover-card-section .timeline-info{display:flex;flex-direction:column;gap:6px}.task-hover-card .hover-card-section .timeline-info span{font-size:13px;color:#374151}.task-hover-card .hover-card-section .progress-info{display:flex;align-items:center;gap:8px}.task-hover-card .hover-card-section .progress-info .progress-bar{flex:1;height:6px;background:#e5e7eb;border-radius:3px;overflow:hidden}.task-hover-card .hover-card-section .progress-info .progress-bar .progress-fill{height:100%;border-radius:3px;transition:width .3s ease}.task-hover-card .hover-card-section .progress-info .progress-text{min-width:40px;font-size:12px;font-weight:600;color:#1f2937}.task-hover-card .hover-card-section .assignees-list{display:flex;flex-direction:column;gap:8px}.task-hover-card .hover-card-section .assignees-list .assignee-item{display:flex;align-items:center;gap:10px;padding:8px;background:#f9fafb;border-radius:8px;transition:background .2s ease}.task-hover-card .hover-card-section .assignees-list .assignee-item:hover{background:#f3f4f6}.task-hover-card .hover-card-section .assignees-list .assignee-item img{width:28px;height:28px;border-radius:50%;object-fit:cover;flex-shrink:0}.task-hover-card .hover-card-section .assignees-list .assignee-item span{font-size:13px;color:#374151;font-weight:500;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.task-hover-card .hover-card-section .activity-info{display:flex;gap:12px}.task-hover-card .hover-card-section .activity-info span{display:flex;align-items:center;gap:4px;font-size:13px;color:#374151;padding:4px 8px;background:#f9fafb;border-radius:6px}@keyframes slideInRight{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.task-content-subtask{display:flex;flex-direction:column;align-items:flex-end;gap:6px;margin-left:15px}.task-content-subtask .subtask-list{display:flex;flex-direction:column;align-items:flex-end;gap:6px}.task-content-subtask h2{font-size:14px;font-weight:500;color:var(--text-color)}.task-input-title,.task-input-date{font-size:14px;font-family:Inter,Segoe UI,sans-serif;padding:8px 12px;width:100%;max-width:200px;border:1px solid #d1d5db;border-radius:8px;outline:none;background-color:#fff;color:#1f2937;box-shadow:0 1px 3px #0000000f;transition:all .3s ease}.task-input-title::placeholder,.task-input-date::placeholder{color:#9ca3af;font-style:italic}.task-input-title:hover,.task-input-date:hover{border-color:#6b7280;box-shadow:0 2px 6px #00000014}.task-input-title:focus,.task-input-date:focus{border-color:#156854;box-shadow:0 0 0 3px #15685426;background-color:#f9fafb}.task-input-title:disabled,.task-input-date:disabled{background-color:#f3f4f6;border-color:#e5e7eb;color:#6b7280;cursor:not-allowed}.task-input-title.task-input-date,.task-input-date.task-input-date{padding-right:8px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'/%3E%3Cline x1='16' y1='2' x2='16' y2='6'/%3E%3Cline x1='8' y1='2' x2='8' y2='6'/%3E%3Cline x1='3' y1='10' x2='21' y2='10'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;background-size:16px}.task-input-title.error,.task-input-date.error{border-color:#e63946;box-shadow:0 0 0 3px #e6394626}.subtask-container{display:flex;flex-direction:column;width:210px;height:180px;padding:12px 20px;background-color:var(--bg-nav);border-top-left-radius:20px;border-top-right-radius:20px;border-bottom-right-radius:20px;border-left:5px solid var(--color--border-task);background-image:url(/assets/bg-task-B2QuQ_um.png);background-size:cover,20% 50%;background-position:bottom,right;background-repeat:no-repeat,no-repeat;z-index:1;transition:transform .2s ease,opacity .2s ease,box-shadow .2s ease}.icon{font-size:14px;color:var(--text-color)}.subtask-content{display:flex;flex-direction:column;gap:8px}.subtask-content-head{display:flex;align-items:center;justify-content:space-between}.subtask-content-head span{line-height:21px;font-size:14px;font-weight:700;color:#344054}.subtask-content-head-icon{display:flex;align-items:center;justify-content:center;gap:10px}.subtask-content-head-icon i{font-size:12px;cursor:pointer;transition:font-size .2s ease,color .2s ease}.subtask-content-head-icon i:hover{font-size:14px;color:#156854}.subtask-content-percent{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%}.subtask-content-percent span{line-height:21px;font-weight:500;font-size:14px;color:#344054;padding-right:8px}.subtask-content-percent-line{flex-grow:1;height:4px;background:linear-gradient(to right,#000101,#156854);border-radius:2px;transition:width .3s ease}.subtask-content-members{padding-top:5px;display:flex;align-items:center;justify-content:start}.subtask-content-members ul{display:flex;align-items:center;list-style:none;padding-left:10px;margin:0}.subtask-content-members li{position:relative;margin-left:-10px}.subtask-content-members li:nth-child(n+4):not(.extra-count){display:none}.subtask-content-members li img{width:30px;height:30px;border-radius:50%;border:2px solid #fff;object-fit:cover}.subtask-content-members button{display:flex;align-items:center;border:none;border-radius:20px;background-color:transparent;cursor:pointer}.subtask-content-deadline{display:flex;align-items:center;justify-content:space-around;padding:5px 0}.subtask-content-deadline span{font-size:14px;font-weight:500;color:#344054}.subtask-content-deadline img{width:16px;height:16px}.subtask-content-contact{display:flex;align-items:center;justify-content:space-between}.subtask-content-contact-left{display:flex;align-items:center;justify-content:center;gap:25px}.subtask-content-contact-left-element{display:flex;align-items:center;justify-content:center;gap:8px}.subtask-content-contact-left-element i,.subtask-content-contact-left-element img{cursor:pointer;font-size:14px;color:#344054}.subtask-content-contact-left-element span{font-size:14px;font-weight:500;color:#344054}.taskdetail__root{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000}.taskdetail__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#0f121c73;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);pointer-events:auto;animation:td_fade .16s ease-out}.taskdetail__panel{position:absolute;top:0;right:0;overflow-y:scroll;overflow-x:hidden;width:min(720px,96vw);height:100%;background:#fff;color:#111;box-shadow:-12px 0 32px #00000040;border-left:1px solid #e9e9ee;display:flex;flex-direction:column;pointer-events:auto;transform:translate(0);animation:td_slide_in .18s cubic-bezier(.2,.8,.2,1)}@keyframes td_fade{0%{opacity:0}to{opacity:1}}@keyframes td_slide_in{0%{transform:translate(24px);opacity:.6}to{transform:translate(0);opacity:1}}.taskdetail__header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #eee;gap:12px}.taskdetail__title{display:flex;align-items:center;gap:10px}.taskdetail__title h2{font-size:18px;font-weight:600;margin:0;max-width:520px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.taskdetail__pill{font-size:11px;font-weight:700;padding:4px 8px;border-radius:999px;background:#eef3ff;color:#3949ab;border:1px solid #dbe2ff}.taskdetail__close{border:none;background:transparent;font-size:26px;line-height:1;cursor:pointer;color:#333;padding:4px 8px;border-radius:8px}.taskdetail__close:hover{background:#f3f4f6}.taskdetail_section{width:100%;height:200px}.taskdetail__meta{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:14px 20px;border-bottom:1px solid #f1f1f4}.taskdetail__meta label{display:block;font-size:12px;color:#6b7280}.taskdetail__meta p{margin:4px 0 0;font-weight:500}.taskdetail__desc{padding:16px 20px}.taskdetail__desc label{font-size:12px;color:#6b7280;display:block;margin-bottom:6px}.taskdetail__descbox{border:1px solid #ececf2;border-radius:10px;padding:12px;min-height:80px;background:#fafafa}.taskdetail__section{padding:14px 20px}.taskdetail__chips{display:flex;gap:8px;flex-wrap:wrap}.chip{font-size:12px;border:1px solid #e5e7eb;padding:4px 8px;border-radius:999px;background:#f9fafb;display:flex;align-items:center;gap:10px;margin-top:20px}.chip .chip-avatar{width:30px;height:30px;border-radius:100px}.taskdetail_comments{padding:12px 16px;margin-top:8px;background-color:transparent!important;min-height:56px}.comments__toggle{width:100%;display:flex;align-items:center;gap:.5rem;padding:4px 0 6px;background:transparent;border:0;cursor:pointer;font-weight:600}.comments__toggle .comments__chevron{transition:transform .2s ease}.comments__toggle .comments__chevron.is-open{transform:rotate(90deg)}.comments__toggle .comments__count{margin-left:auto;font-size:.85rem;opacity:.7}.comments__content{display:grid;transition:grid-template-rows .25s ease;will-change:grid-template-rows}.comments__content.open{grid-template-rows:1fr}.comments__inner{overflow:hidden;padding-top:8px;opacity:1;transform:translateY(-4px);transition:opacity .2s ease,transform .2s ease}.comments__content.open .comments__inner{opacity:1;transform:translateY(0)}.taskdetail__edit{position:"relative";width:40px;height:40px;border-radius:50%;border:"none";background:"#fff";cursor:"pointer";display:"grid";place-items:"center";border:4px solid #096e58;background-color:transparent;padding:0 4px 4px 5px}.taskdetail__textarea{width:100%;min-height:120px;resize:vertical;border:1px solid #e5e7eb;border-radius:10px;padding:10px 12px;font-size:14px;line-height:1.5;background:#fff}.taskdetail__textarea:focus{outline:none;box-shadow:0 0 0 3px #3b82f626;border-color:#93c5fd}@media (prefers-reduced-motion: reduce){.comments__content,.comments__inner{transition:none}}.taskdetail__assign-edit{display:flex;flex-direction:column;gap:12px;width:100%}.taskdetail__assign-edit .assigned-users-list{display:flex;flex-direction:column;gap:8px}.taskdetail__assign-edit .assigned-user-card{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:linear-gradient(135deg,#e8f5e8,#f0f9f0);border:1px solid #c3e6c3;border-radius:12px;transition:all .2s ease}.taskdetail__assign-edit .assigned-user-card:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.taskdetail__assign-edit .assigned-user-card .user-info{display:flex;align-items:center;gap:12px}.taskdetail__assign-edit .assigned-user-card .user-info .avatar-container{position:relative}.taskdetail__assign-edit .assigned-user-card .user-info .avatar-container .user-avatar{width:36px;height:36px;border-radius:50%;border:2px solid #4ade80;object-fit:cover}.taskdetail__assign-edit .assigned-user-card .user-info .avatar-container .check-icon{position:absolute;top:-4px;right:-4px;width:18px;height:18px;background:#22c55e;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid white}.taskdetail__assign-edit .assigned-user-card .user-info .avatar-container .check-icon i{color:#fff;font-size:10px}.taskdetail__assign-edit .assigned-user-card .user-info .user-name{font-weight:600;font-size:14px;color:#166534}.taskdetail__assign-edit .assigned-user-card .remove-user-btn{background:none;border:none;color:#dc2626;cursor:pointer;padding:6px;border-radius:50%;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.taskdetail__assign-edit .assigned-user-card .remove-user-btn:hover{background-color:#fee2e2;transform:scale(1.1)}.taskdetail__assign-edit .assigned-user-card .remove-user-btn i{font-size:12px}.taskdetail__assign-edit .add-member-section{width:100%}.taskdetail__assign-edit .add-member-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#f8fafc;border:2px dashed #cbd5e1;border-radius:12px;cursor:pointer;transition:all .2s ease;width:100%;font-size:14px;font-weight:500;color:#64748b}.taskdetail__assign-edit .add-member-btn:hover{background:#f1f5f9;border-color:#94a3b8;color:#475569}.taskdetail__assign-edit .add-member-btn img{width:20px;height:20px}.taskdetail__assign-edit .assign-dropdown{width:100%;position:relative}.taskdetail__assign-edit .assign-checkbox-list{width:100%;max-width:none;padding:8px;border-radius:12px;max-height:200px;overflow-y:auto;box-shadow:0 4px 20px #0000001a;background:#fff;border:1px solid #e2e8f0}.taskdetail__assign-edit .assign-checkbox-list .member-option{width:100%;display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:8px;cursor:pointer;transition:all .2s ease}.taskdetail__assign-edit .assign-checkbox-list .member-option:hover{background-color:#f8fafc}.taskdetail__assign-edit .assign-checkbox-list .member-option input[type=checkbox]{cursor:pointer;width:16px;height:16px}.taskdetail__assign-edit .assign-checkbox-list .member-option .member-info{display:flex;align-items:center;gap:10px;flex:1}.taskdetail__assign-edit .assign-checkbox-list .member-option .member-info .member-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover;border:1px solid #e5e7eb}.taskdetail__assign-edit .assign-checkbox-list .member-option .member-info .member-name{font-size:14px;color:#374151;font-weight:500}.tdnav{position:relative;display:flex;gap:.5rem;margin:1rem 0 .5rem;padding-bottom:.5rem;border-bottom:1px solid #e5e7eb;padding-left:1rem}.tdnav__btn{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border-radius:10px;border:1px solid transparent;background:transparent;cursor:pointer;font-weight:600;color:#111827;transition:background .2s ease,border-color .2s ease,color .2s ease}.tdnav__btn:hover{background:#f9fafb;border-color:#e5e7eb}.tdnav__btn.is-active{background:#111827;color:#fff;border-color:#111827}.tdnav__count{font-size:.8rem;opacity:.85;padding:0 .4rem;border-radius:999px;background:#00000014}.checklist__container{width:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:#172b4d;background:#f4f5f7;border-radius:10px;padding:20px 18px;box-shadow:0 2px 8px #0000000f}.checklist_content{display:flex;flex-direction:column;gap:14px}.checklist_item{display:flex;flex-direction:column;gap:8px;padding:14px 12px;background:#fff;border-radius:8px;border:1px solid #e1e4e8;box-shadow:0 1px 4px #00000008;transition:box-shadow .2s,transform .2s}.checklist_item .checklist_item_header{display:flex;align-items:center;justify-content:space-between;gap:12px}.checklist_item .checklist_item_title{display:flex;align-items:center;gap:12px}.checklist_item .add_checklist_item{display:flex;align-items:center;gap:10px;margin-top:8px}.checklist_item .add_checklist_item input[type=text]{flex:1;padding:6px 10px;border:1px solid #dfe1e6;border-radius:4px;font-size:14px}.checklist_item .add_checklist_item .btn_add_item{background-color:var(--bg--color--btn-card);color:var(--text-color);border:none;border-radius:4px;padding:6px 12px;cursor:pointer;transition:background-color .2s}.checklist_item .add_checklist_item .btn_add_item:hover{background-color:var(--color--hover--button)}.btn_add_check_list_item{background:#e1e4e8;border:none;border-radius:20px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s}.checklist_item:hover{box-shadow:0 4px 12px #0052cc14;transform:translateY(-2px) scale(1.01)}.checklist_item:last-child{border-bottom:none}.checklist_item>div:first-child{display:flex;align-items:center;gap:12px}.checklist_item input[type=checkbox]{width:18px;height:18px;margin:0;cursor:pointer;accent-color:#0052cc}.checklist_item span{font-size:15px;font-weight:500}.checklist_item span.completed{color:#5e6c84;text-decoration:line-through}.checklist_subitems{display:flex;flex-direction:column;margin-left:32px;gap:7px;margin-top:7px}.checklist_subitem{width:100%;display:flex;align-items:center;gap:10px;background:#f4f7fa;border-radius:6px;padding:6px 10px}.checklist_subitem input[type=checkbox]{width:15px;height:15px;cursor:pointer;accent-color:#36b37e}.checklist_subitem span{font-size:14px}.checklist_subitem span.completed{color:#8993a4;text-decoration:line-through}.checklist_footer{position:sticky;bottom:0;left:0;right:0;background:linear-gradient(to top,#f4f5f7 65%,#f4f5f700);padding:12px 0;margin-top:8px;z-index:2;display:flex;align-items:center;gap:8px}.checklist_footer .btn_add_checklist,.checklist_footer .add_checklist_row{background:#fff;border:1px solid #e1e4e8;border-radius:8px;padding:10px 12px;box-shadow:0 1px 4px #00000008;width:100%}.checklist_footer .btn_add_checklist{display:inline-flex;justify-content:center;font-weight:600;cursor:pointer;transition:box-shadow .2s,transform .1s}.checklist_footer .btn_add_checklist:hover{box-shadow:0 4px 12px #0052cc14;transform:translateY(-1px)}.checklist_footer .add_checklist_row{display:flex;align-items:center;gap:8px}.checklist_footer .add_checklist_row input[type=text]{flex:1;padding:8px 10px;border:1px solid #dfe1e6;border-radius:6px;font-size:14px;background:#fafbfc}.checklist_footer .add_checklist_row button{border:none;border-radius:6px;padding:8px 12px;cursor:pointer}.checklist_footer .add_checklist_row button:first-of-type{background:var(--color--hover--button);color:#fff}.checklist_footer .add_checklist_row .btn_cancel{background:#ebecf0;color:#253858}.subtask__container.compact{width:100%;display:flex;flex-direction:column;gap:.45rem}.subtask__container.compact .subtask__card{display:grid;grid-template-columns:auto 1fr 120px;align-items:center;gap:10px;min-height:52px;padding:8px 10px;border-radius:8px;position:relative;border:1px solid #e7ebf0;background:#fff;background-clip:padding-box;box-shadow:0 1px #1118270a}.subtask__container.compact .subtask__card:before{content:"";position:absolute;left:0;top:6px;bottom:6px;width:3px;border-radius:2px;background:#e5e7eb}.subtask__container.compact .subtask__card:hover{border-color:#dfe3ea;box-shadow:0 4px 18px #11182714;background-image:linear-gradient(transparent,#11182703)}.subtask__container.compact .st__head{display:flex;align-items:center;gap:6px;margin:0;padding-right:12px;border-right:1px dashed #e8ecf3}.subtask__container.compact .st__title{font-size:.86rem;font-weight:600;color:#111827;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.subtask__container.compact .st__priority{display:inline-flex;align-items:center;font-size:.62rem;font-weight:700;padding:.12rem .4rem;border-radius:999px;border:1px solid transparent}.subtask__container.compact .st__priority--high{background:#fee2e2;color:#991b1b;border-color:#fecaca}.subtask__container.compact .st__priority--medium{background:#fff7ed;color:#9a3412;border-color:#ffedd5}.subtask__container.compact .st__priority--low{background:#dcfce7;color:#166534;border-color:#bbf7d0}.subtask__container.compact .st__priority--normal{background:#eef2ff;color:#3730a3;border-color:#e0e7ff}.subtask__container.compact .st__meta{display:flex;align-items:center;gap:10px;margin:0;padding:0 12px;border-right:1px dashed #e8ecf3}.subtask__container.compact .st__meta .st__meta__item{display:flex;align-items:center;gap:6px;min-width:0}.subtask__container.compact .st__meta .st__meta__item .label{font-size:.64rem;color:#6b7280}.subtask__container.compact .st__meta .st__meta__item .value{font-size:.78rem;font-weight:600;color:#0f172a;max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.subtask__container.compact .st__meta .st__meta__item+.st__meta__item{border-left:1px solid #f1f3f7;padding-left:10px}.subtask__container.compact .st__footer{display:flex;align-items:center;justify-content:flex-end}.subtask__container.compact .st__progress{display:inline-flex;align-items:center;gap:.4rem;width:100%}.subtask__container.compact .st__progress__bar{position:relative;flex:1 1 auto;height:4px;background:#eef2f7;border:1px solid #e8ecf3;border-radius:999px;overflow:hidden}.subtask__container.compact .st__progress__fill{position:absolute;inset:0 auto 0 0;border-radius:inherit;transition:width .2s ease}.subtask__container.compact .st__progress__fill.ok{background:#10b981}.subtask__container.compact .st__progress__fill.warn{background:#f59e0b}.subtask__container.compact .st__progress__fill.alert{background:#ef4444}.subtask__container.compact .st__progress__label{font-size:.7rem;font-weight:700;color:#4b5563;min-width:1.8rem;text-align:right}.subtask__container.compact .subtask__card:has(.st__priority--high):before{background:#ef4444}.subtask__container.compact .subtask__card:has(.st__priority--medium):before{background:#f59e0b}.subtask__container.compact .subtask__card:has(.st__priority--low):before{background:#10b981}.subtask__container.compact .subtask__card:has(.st__priority--normal):before{background:#6366f1}.list__empty{padding:1rem;color:#6b7280;font-weight:500;font-size:12px}@media (max-width: 640px){.subtask__container.compact .subtask__card{grid-template-columns:1fr;gap:8px}.subtask__container.compact .st__head,.subtask__container.compact .st__meta{border-right:0;padding-right:0}.subtask__container.compact .st__meta .st__meta__item+.st__meta__item{border-left:0;padding-left:0}}@keyframes react-loading-skeleton{to{transform:translate(100%)}}.react-loading-skeleton{--base-color: #ebebeb;--highlight-color: #f5f5f5;--animation-duration: 1.5s;--animation-direction: normal;--pseudo-element-display: block;background-color:var(--base-color);width:100%;border-radius:.25rem;display:inline-flex;line-height:1;position:relative;-webkit-user-select:none;user-select:none;overflow:hidden}.react-loading-skeleton:after{content:" ";display:var(--pseudo-element-display);position:absolute;top:0;left:0;right:0;height:100%;background-repeat:no-repeat;background-image:var( --custom-highlight-background, linear-gradient( 90deg, var(--base-color) 0%, var(--highlight-color) 50%, var(--base-color) 100% ) );transform:translate(-100%);animation-name:react-loading-skeleton;animation-direction:var(--animation-direction);animation-duration:var(--animation-duration);animation-timing-function:ease-in-out;animation-iteration-count:infinite}@media (prefers-reduced-motion){.react-loading-skeleton{--pseudo-element-display: none}}.modal__column__backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:transparent;z-index:11999}.modal__column{position:absolute;background-color:#fff;border-radius:8px;box-shadow:0 8px 20px #00000026;padding:.5rem 0;z-index:12000;width:160px;animation:fadeIn .12s ease-in-out}.modal__column__container{display:flex;flex-direction:column}.modal__column__container__feature{display:flex;align-items:center;gap:10px;padding:.75rem 1rem;cursor:pointer;transition:background-color .2s ease;color:#333;font-size:14px}.modal__column__container__feature:hover{background-color:#f0f0f0}.modal__column__container__feature svg{font-size:16px}@keyframes fadeIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.add-task{position:absolute;top:8%;left:35%;z-index:1000;width:680px;height:710px;background-color:var(--bg--nav);border-radius:30px;overflow-y:scroll}.add-task-container{padding:20px;height:100%;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:5px;scroll-behavior:smooth}.add-task-container .text-heading{font-weight:500;line-height:30px;font-size:20px;color:var(--text-color)}.add-task-container .wrapper-title{width:100%;display:flex;align-items:center;justify-content:space-between}.add-task-container .wrapper-title i{color:#000;font-size:18px;padding:5px 8px;border-radius:100px;cursor:pointer}.add-task-container .wrapper-title i:hover{background-color:red;color:#f1f7f7}.add-task-container .wrapper-title-input{margin-bottom:10px}.add-task-container .wrapper-title-input input{width:640px;height:37px;padding:8px 8px 8px 10px;background-color:#f1f7f7;border-radius:8px;border:none;font-size:16px}.add-task-container .wrapper-title-input input:focus{outline:none;border:none}.add-task-container .wrapper-description{width:100%;display:flex;flex-direction:column;gap:6px}.add-task-container .wrapper-description h2{font-weight:500;font-size:15px;line-height:21px}.add-task-container .wrapper-description textarea{text-align:start;width:640px;height:100px;background-color:#f1f7f7;padding:10px;border-radius:12px;border:none;resize:none;vertical-align:top}.add-task-container .wrapper-description textarea::placeholder{color:#000;opacity:.6;vertical-align:top;line-height:normal}.add-task-container .wrapper-description textarea:focus{outline:none;border:none}.add-task-container .wrapper-subtask{width:100%}.add-task-container .wrapper-subtask-heading{display:flex;gap:5px;width:100%}.add-task-container .wrapper-subtask-heading img{width:16px;height:16px}.add-task-container .wrapper-subtask-heading h2{font-weight:500;font-size:15px;line-height:21px;padding-bottom:3px}.add-task-container .wrapper-subtask .wrapper-input{display:flex;gap:5px;align-items:center;position:relative}.add-task-container .wrapper-subtask .wrapper-input input[type=text]{width:640px;height:37px;padding:8px 8px 8px 35px;background-color:#f1f7f7;border-radius:8px;font-size:16px;border:none}.add-task-container .wrapper-subtask .wrapper-input input[type=text]:focus{outline:none;border:none}.add-task-container .wrapper-subtask .wrapper-input .fa-plus{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#000;font-size:16px}.add-task-container .wrapper-assign-user{width:100%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:12px}.add-task-container .wrapper-assign-user-heading{display:flex;align-items:center;justify-content:center;gap:6px}.add-task-container .wrapper-assign-user-heading h2{font-weight:500;font-size:15px;line-height:21px}.add-task-container .wrapper-assign-user-heading img{width:15px;height:15px}.add-task-container .wrapper-assign-user .assigned-users-list{width:100%;display:flex;flex-direction:column;gap:8px}.add-task-container .wrapper-assign-user .assigned-user-card{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:linear-gradient(135deg,#e8f5e8,#f0f9f0);border:1px solid #c3e6c3;border-radius:12px;transition:all .2s ease}.add-task-container .wrapper-assign-user .assigned-user-card:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.add-task-container .wrapper-assign-user .assigned-user-card .user-info{display:flex;align-items:center;gap:12px}.add-task-container .wrapper-assign-user .assigned-user-card .user-info .avatar-container{position:relative}.add-task-container .wrapper-assign-user .assigned-user-card .user-info .avatar-container .user-avatar{width:36px;height:36px;border-radius:50%;border:2px solid #4ade80;object-fit:cover}.add-task-container .wrapper-assign-user .assigned-user-card .user-info .avatar-container .check-icon{position:absolute;top:-4px;right:-4px;width:18px;height:18px;background:#22c55e;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid white}.add-task-container .wrapper-assign-user .assigned-user-card .user-info .avatar-container .check-icon i{color:#fff;font-size:10px}.add-task-container .wrapper-assign-user .assigned-user-card .user-info .user-name{font-weight:600;font-size:14px;color:#166534}.add-task-container .wrapper-assign-user .assigned-user-card .remove-user-btn{background:none;border:none;color:#dc2626;cursor:pointer;padding:6px;border-radius:50%;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.add-task-container .wrapper-assign-user .assigned-user-card .remove-user-btn:hover{background-color:#fee2e2;transform:scale(1.1)}.add-task-container .wrapper-assign-user .assigned-user-card .remove-user-btn i{font-size:12px}.add-task-container .wrapper-assign-user .add-member-section{width:100%}.add-task-container .wrapper-assign-user .add-member-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#f8fafc;border:2px dashed #cbd5e1;border-radius:12px;cursor:pointer;transition:all .2s ease;width:100%;font-size:14px;font-weight:500;color:#64748b}.add-task-container .wrapper-assign-user .add-member-btn:hover{background:#f1f5f9;border-color:#94a3b8;color:#475569}.add-task-container .wrapper-assign-user .add-member-btn img{width:20px;height:20px}.add-task-container .wrapper-assign-user .assign-dropdown{width:100%;position:relative}.add-task-container .wrapper-assign-user .assign-checkbox-list{width:100%;max-width:none;padding:8px;border-radius:12px;max-height:200px;overflow-y:auto;box-shadow:0 4px 20px #0000001a;background:#fff;border:1px solid #e2e8f0}.add-task-container .wrapper-assign-user .assign-checkbox-list .member-option{width:100%;display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:8px;cursor:pointer;transition:all .2s ease}.add-task-container .wrapper-assign-user .assign-checkbox-list .member-option:hover{background-color:#f8fafc}.add-task-container .wrapper-assign-user .assign-checkbox-list .member-option input[type=checkbox]{transform:scale(1.2);accent-color:#22c55e}.add-task-container .wrapper-assign-user .assign-checkbox-list .member-option .member-info{display:flex;align-items:center;gap:10px;flex:1}.add-task-container .wrapper-assign-user .assign-checkbox-list .member-option .member-info .member-avatar{width:32px;height:32px;border-radius:50%;border:2px solid #e2e8f0;object-fit:cover}.add-task-container .wrapper-assign-user .assign-checkbox-list .member-option .member-info .member-name{font-weight:500;font-size:14px;color:#374151}.add-task-container .wrapper-priority{width:100%;display:flex;flex-direction:column;gap:12px}.add-task-container .wrapper-priority-heading{display:flex;align-items:center;gap:10px}.add-task-container .wrapper-priority-heading h2{font-weight:500;font-size:15px;line-height:21px;color:#1f2937}.add-task-container .wrapper-priority-heading img{width:15px;height:15px}.add-task-container .wrapper-priority .priority-selector{position:relative;width:200px}.add-task-container .wrapper-priority .priority-selector .priority-toggle{width:100%;padding:10px 16px;border-radius:12px;border:2px solid;background-color:#fff;display:flex;align-items:center;gap:10px;cursor:pointer;font-size:14px;font-weight:500;color:#1f2937;transition:all .2s ease}.add-task-container .wrapper-priority .priority-selector .priority-toggle:hover{box-shadow:0 2px 8px #0000001a}.add-task-container .wrapper-priority .priority-selector .priority-toggle .priority-dot{width:12px;height:12px;border-radius:50%}.add-task-container .wrapper-priority .priority-selector .priority-toggle i{margin-left:auto;font-size:12px;color:#64748b}.add-task-container .wrapper-priority .priority-selector .priority-dropdown{position:absolute;top:100%;left:0;width:100%;background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 4px 20px #0000001a;z-index:10;margin-top:4px}.add-task-container .wrapper-priority .priority-selector .priority-dropdown .priority-option{padding:10px 16px;display:flex;align-items:center;gap:10px;cursor:pointer;font-size:14px;font-weight:500;color:#374151;transition:all .2s ease}.add-task-container .wrapper-priority .priority-selector .priority-dropdown .priority-option:hover{background-color:#f8fafc}.add-task-container .wrapper-priority .priority-selector .priority-dropdown .priority-option.selected{background-color:#e6f3ff;font-weight:600}.add-task-container .wrapper-priority .priority-selector .priority-dropdown .priority-option .priority-dot{width:12px;height:12px;border-radius:50%}.add-task-container .wrapper-start-end-time{width:100%;display:flex;align-items:center;justify-content:center;gap:10px}.add-task-container .wrapper-start-end-time .wrapper_input_time{width:100%}.add-task-container .wrapper-start-end-time .wrapper_input_time p{font-weight:700;font-size:16px;line-height:21px}.add-task-container .wrapper-start-end-time .wrapper_input_time .date-input-container{position:relative;display:flex;align-items:center;width:250px}.add-task-container .wrapper-start-end-time .wrapper_input_time .date-input-container .date-input{width:100%;padding:10px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:15px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;color:#1f2937;background-color:#fff;box-shadow:0 1px 2px #0000000d;transition:border-color .2s ease,box-shadow .2s ease;outline:none;text-align:left;letter-spacing:.5px}.add-task-container .wrapper-start-end-time .wrapper_input_time .date-input-container .date-input::placeholder{color:#9ca3af;letter-spacing:1px;font-weight:400}.add-task-container .wrapper-start-end-time .wrapper_input_time .date-input-container .date-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.add-task-container .wrapper-start-end-time .wrapper_input_time .date-input-container .date-input:hover{border-color:#9ca3af}.add-task-container .wrapper-start-end-time .wrapper_input_time .date-input-container .date-input:disabled{background-color:#f3f4f6;border-color:#e5e7eb;cursor:not-allowed;color:#6b7280}.add-task-container .wrapper-track-time{width:100%;display:flex;flex-direction:column;align-items:flex-start}.add-task-container .wrapper-track-time-heading{display:flex;align-items:center;justify-content:center;gap:6px}.add-task-container .wrapper-track-time-heading h2{font-weight:500;font-size:15px;line-height:21px}.add-task-container .wrapper-track-time-heading img{width:15px;height:15px}.add-task-container .wrapper-track-time-input{width:100%;display:flex;align-items:center;justify-content:space-around}.add-task-container .wrapper-track-time-input input[type=text]{width:30%;padding:10px;border-radius:8px;border:1px solid #d1d5db;font-size:15px}.add-task-container .wrapper-btn-submit{width:100%}.add-task-container .wrapper-btn-submit button{width:100%;text-align:center;margin-top:20px;background-color:var(--bg--primary-color);color:var(--text-color);font-size:16px;font-weight:600;line-height:21px;border-radius:20px;padding:15px 20px;border:none}.add-task-container .wrapper-btn-submit button:hover{background-color:#000;color:#f3f4f6}.comment__task__container{width:500px;max-width:90vw;height:500px;display:flex;flex-direction:column;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:9000;font-family:Inter,Segoe UI,sans-serif;background:#fff;border-radius:20px;box-shadow:0 4px 30px #00000026;overflow-y:auto}.comment__task__container::-webkit-scrollbar{width:10px}.comment__task__container::-webkit-scrollbar-thumb{background:#6b7280;border-radius:10px;border:2px solid #ffffff;transition:background .2s ease}.comment__task__container::-webkit-scrollbar-thumb:hover{background:#2a9d8f}.comment__task__container::-webkit-scrollbar-track{background:#f1f5f9;border-radius:10px}.comment__task__container .comment__task__header{width:100%;padding:16px 24px;background:linear-gradient(135deg,#2a9d8f,#264653);color:#fff;border-radius:20px 20px 0 0;display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.comment__task__container .comment__task__header h2{font-size:18px;font-weight:700;letter-spacing:.5px}.comment__task__container .comment__task__header .close-icon{font-size:20px;cursor:pointer;transition:transform .3s ease,color .3s ease}.comment__task__container .comment__task__header .close-icon:hover{transform:scale(1.2);color:#f4a261}.comment__task__body{width:100%;flex:1;overflow-y:auto;background:#f9fafb;padding:20px 24px}.comment__task__body::-webkit-scrollbar{width:8px}.comment__task__body::-webkit-scrollbar-thumb{background:#6b7280;border-radius:8px;border:1px solid #f9fafb}.comment__task__body::-webkit-scrollbar-thumb:hover{background:#2a9d8f}.comment__task__body::-webkit-scrollbar-track{background:#e5e7eb}.comment__task__body .comment__task__card{width:100%;padding:16px;background:#fff;border-radius:12px;margin-bottom:16px;box-shadow:0 2px 10px #0000000d;transition:transform .2s ease,box-shadow .2s ease}.comment__task__body .comment__task__card:hover{transform:translateY(-2px);box-shadow:0 4px 15px #0000001a}.comment__task__body .comment__task__card__header{display:flex;align-items:center;margin-bottom:12px}.comment__task__body .comment__task__card__header .infor__user{display:flex;align-items:center;gap:12px}.comment__task__body .comment__task__card__header .infor__user img{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid #e5e7eb}.comment__task__body .comment__task__card__header .infor__user__name{font-weight:600;font-size:15px;color:#1f2937;margin:0}.comment__task__body .comment__task__card__header .infor__user__create{font-size:12px;color:#6b7280;margin:0}.comment__task__body .comment__task__card__content__container{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.comment__task__body .comment__task__card__content__container p{margin:0;font-size:14px;color:#374151;line-height:1.5}.comment__task__body .comment__task__card__content__container .comment__edit__container{display:flex;align-items:center;flex:1;gap:10px}.comment__task__body .comment__task__card__content__container .comment__edit__container .comment__edit__input{flex:1;padding:8px 12px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;background:#fff;transition:border-color .3s,box-shadow .3s}.comment__task__body .comment__task__card__content__container .comment__edit__container .comment__edit__input:focus{outline:none;border-color:#2a9d8f;box-shadow:0 0 0 3px #2a9d8f1a}.comment__task__body .comment__task__card__content__container .comment__edit__container .comment-icon-check{color:#2a9d8f;cursor:pointer;transition:transform .2s ease,color .2s ease}.comment__task__body .comment__task__card__content__container .comment__edit__container .comment-icon-check:hover{transform:scale(1.2);color:#264653}.comment__task__body .comment__task__card__content__container__feature{display:flex;align-items:center;gap:12px}.comment__task__body .comment__task__card__content__container__feature .comment-icon{font-size:14px;color:#6b7280;cursor:pointer;transition:transform .2s,color .2s}.comment__task__body .comment__task__card__content__container__feature .comment-icon:hover{transform:scale(1.2)}.comment__task__body .comment__task__card__content__container__feature .comment-icon.comment-icon-pen:hover{color:#2a9d8f}.comment__task__body .comment__task__card__content__container__feature .comment-icon.comment-icon-trash:hover{color:#e63946}.comment__task__footer{width:100%;background:#fff;padding:20px 24px;display:flex;align-items:flex-start;gap:16px;border-top:1px solid #e5e7eb;flex-shrink:0}.comment__task__footer img{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid #e5e7eb}.comment__task__footer .comment__task__create__content{flex:1;display:flex;flex-direction:column;gap:12px}.comment__task__footer .comment__task__create__content textarea{width:100%;height:100px;padding:12px;border-radius:10px;border:1px solid #d1d5db;background:#f9fafb;font-size:14px;resize:none;transition:border-color .3s,background-color .3s,box-shadow .3s}.comment__task__footer .comment__task__create__content textarea:focus{outline:none;border-color:#2a9d8f;background:#fff;box-shadow:0 0 0 3px #2a9d8f1a}.comment__task__footer .comment__task__create__content textarea::placeholder{color:#9ca3af}.comment__task__footer .comment__task__create__content .wrapper_icon_comment{display:flex;justify-content:space-between;align-items:center}.comment__task__footer .comment__task__create__content .wrapper_icon_comment .wrapper_icon_features{display:flex;gap:12px}.comment__task__footer .comment__task__create__content .wrapper_icon_comment .wrapper_icon_features img{width:26px;height:26px;cursor:pointer;transition:transform .2s,opacity .2s}.comment__task__footer .comment__task__create__content .wrapper_icon_comment .wrapper_icon_features img:hover{transform:scale(1.15);opacity:.9}.comment__task__footer .comment__task__create__content .wrapper_icon_comment .send__comment{width:48px;height:48px;border:none;background:#2a9d8f;border-radius:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .3s,transform .2s}.comment__task__footer .comment__task__create__content .wrapper_icon_comment .send__comment:hover{background:#264653;transform:scale(1.05)}.comment__task__footer .comment__task__create__content .wrapper_icon_comment .send__comment svg{width:24px;height:24px;fill:#fff}.no__content{font-size:15px;font-weight:500;line-height:21px;color:#c8cad4}@media (max-width: 768px){.comment__task__container{width:90vw;max-width:500px;height:450px}.comment__task__header h2{font-size:16px}.comment__task__body .comment__task__card{padding:12px}.comment__task__footer{padding:16px}}.swal-on-top{z-index:20050!important}.class__and__member__container{width:100%}.class__and__member__container .class__and__member__content__member{width:100%;display:flex;align-items:center;justify-content:space-between}.class__and__member__container .class__and__member__content__member__class{display:flex;align-items:center;gap:20px;position:relative}.class__and__member__container .class__and__member__content__member__class select{width:314px;height:auto;background:none;border:none;font-size:16px;font-weight:700;color:var(--text--color--task--heading);padding:6px 10px;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAABISURBVHgB7Y1BCgAgCATtJ36ll/cUe0oSBmEhevDmwF6WZRagSAEl3v5hcEiNUbrhEZwxXa/0kW6aIdFvnTMhAFrPEQlCkcsCtHkMODQWnl0AAAAASUVORK5CYII=);background-repeat:no-repeat;background-position:120px;background-size:15px 15px}.class__and__member__container .class__and__member__content__member__class select::-ms-expand{display:none}.class__and__member__container .class__and__member__content__member__class select:hover{color:#000}.class__and__member__container .class__and__member__content__member__student{display:flex;align-items:center;gap:5px;width:164px;height:auto}.class__and__member__container .class__and__member__content__member__student ul{display:flex;align-items:center;list-style:none;padding-left:10px;margin:0}.class__and__member__container .class__and__member__content__member__student ul li{position:relative;margin-left:-10px}.class__and__member__container .class__and__member__content__member__student ul li:nth-child(n+4):not(.extra-count){display:none}.class__and__member__container .class__and__member__content__member__student ul li img{width:30px;height:30px;border-radius:50%;border:2px solid #fff;object-fit:cover}.class__and__member__container .class__and__member__content__member__button-add{display:flex;align-items:center;justify-content:center;gap:5px;margin-left:5px}.class__and__member__container .class__and__member__content__member__button-add img{width:24px;height:24px}.class__and__member__container .extra-count{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;background-color:#f0f0f0;color:#333;font-size:14px;font-weight:700;border:2px solid #fff;margin-left:-10px;z-index:1}.spinner-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#fff;z-index:9999;display:flex;justify-content:center;align-items:center;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.spinner-overlay.open{opacity:1;visibility:visible}.add__column{position:absolute;top:35%;left:55%;transform:translate(-50%,-50%);width:400px;padding:20px;background-color:var(--bg--nav);border-radius:20px;box-shadow:0 10px 25px #0003;z-index:1000}.add__column__container{display:flex;flex-direction:column;gap:20px}.add__column__container__heading{display:flex;justify-content:space-between;align-items:center}.add__column__container__heading h2{font-weight:600;font-size:22px;color:var(--text-color)}.add__column__container__heading i{font-size:18px;color:var(--text-color);padding:6px 8px;border-radius:50%;cursor:pointer;transition:.2s ease-in-out}.add__column__container__heading i:hover{background-color:red;color:#f1f7f7}.add__column__container__content{display:flex;flex-direction:column;gap:15px}.add__column__container__content__input input[type=text]{width:100%;background-color:var(--bg--nav);color:var(--text-color);padding:10px;border:1px solid var(--color--border-input);font-size:16px;border-radius:8px;outline:none;transition:border .2s}.add__column__container__content__color{width:100%;display:flex;align-items:center;gap:10px}.add__column__container__content__color label{font-size:16px;color:var(--text-color)}.add__column__container__content__color input[type=color]{width:50px;height:40px;border:none;border-radius:10px;cursor:pointer;padding:0;background:none}.add__column__container__content__color .color-preview{width:40px;height:40px;border-radius:8px;border:1px solid #ccc}.add__column__container .btn__add__status{border:none;padding:5px;font-weight:600;background-color:var(--bg--primary-color);color:var(--text-color);font-size:15px;line-height:21px;border-radius:10px}.add__subtask{position:absolute;top:55%;left:25%;z-index:1000;width:700px;height:520px;background-color:var(--bg--nav);border-radius:30px}.add__subtask__container{padding:20px;height:100%;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:5px;scroll-behavior:smooth;overflow-x:hidden}.add__subtask__container>*{flex-shrink:0}.add__subtask__container .text-heading{font-weight:500;line-height:30px;font-size:20px;color:var(--text-color)}.add__subtask__container .wrapper-title{width:100%;display:flex;align-items:center;justify-content:space-between}.add__subtask__container .wrapper-title i{color:#000;font-size:18px;padding:5px 8px;border-radius:100px;cursor:pointer}.add__subtask__container .wrapper-title i:hover{background-color:red;color:#f1f7f7}.add__subtask__container .wrapper-title-input{margin-bottom:10px}.add__subtask__container .wrapper-title-input input{width:640px;height:37px;padding:8px 8px 8px 10px;background-color:#f1f7f7;border-radius:8px;border:none;font-size:16px}.add__subtask__container .wrapper-title-input input:focus{outline:none;border:none}.add__subtask__container .wrapper-description{width:100%;display:flex;flex-direction:column;gap:6px}.add__subtask__container .wrapper-description h2{font-weight:500;font-size:15px;line-height:21px}.add__subtask__container .wrapper-description textarea{text-align:start;width:640px;height:100px;background-color:#f1f7f7;padding:10px;border-radius:12px;border:none;resize:none;vertical-align:top}.add__subtask__container .wrapper-description textarea::placeholder{color:#000;opacity:.6;vertical-align:top;line-height:normal}.add__subtask__container .wrapper-description textarea:focus{outline:none;border:none}.add__subtask__container .wrapper-subtask{width:100%}.add__subtask__container .wrapper-subtask-heading{display:flex;gap:5px;width:100%}.add__subtask__container .wrapper-subtask-heading img{width:16px;height:16px}.add__subtask__container .wrapper-subtask-heading h2{font-weight:500;font-size:15px;line-height:21px;padding-bottom:3px}.add__subtask__container .wrapper-subtask .wrapper-input{display:flex;gap:5px;align-items:center;position:relative}.add__subtask__container .wrapper-subtask .wrapper-input input[type=text]{width:640px;height:37px;padding:8px 8px 8px 35px;background-color:#f1f7f7;border-radius:8px;font-size:16px;border:none}.add__subtask__container .wrapper-subtask .wrapper-input input[type=text]:focus{outline:none;border:none}.add__subtask__container .wrapper-subtask .wrapper-input .fa-plus{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#000;font-size:16px}.add__subtask__container .wrapper-assign-user{width:100%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:5px;width:164px;height:auto}.add__subtask__container .wrapper-assign-user-heading{display:flex;align-items:center;justify-content:center;gap:6px}.add__subtask__container .wrapper-assign-user-heading h2{font-weight:500;font-size:15px;line-height:21px;padding-top:10px}.add__subtask__container .wrapper-assign-user-heading img{width:15px;height:15px}.add__subtask__container .wrapper-assign-user-content{display:flex;align-items:center;width:164px}.add__subtask__container .wrapper-assign-user-content ul{display:flex;align-items:center;list-style:none;padding-left:10px;margin:0}.add__subtask__container .wrapper-assign-user-content ul li{position:relative;margin-left:-10px}.add__subtask__container .wrapper-assign-user-content ul li:nth-child(n+4):not(.extra-count){display:none}.add__subtask__container .wrapper-assign-user-content ul li img{width:30px;height:30px;border-radius:50%;border:2px solid #fff;object-fit:cover}.add__subtask__container .wrapper-assign-user-content.button-add{padding-left:5px}.add__subtask__container .wrapper-assign-user-content.button-add img{width:24px;height:24px}.add__subtask__container .wrapper-priority-heading{display:flex;align-items:center;gap:10px}.add__subtask__container .wrapper-priority-heading h2{font-weight:500;font-size:15px;line-height:21px;padding-top:10px}.add__subtask__container .wrapper-priority-heading img{width:15px;height:15px}.add__subtask__container .wrapper-priority select{padding:10px 25px;border:none;border-radius:10px;color:#000}.add__subtask__container .wrapper-priority select:focus{border:none}.add__subtask__container .wrapper-priority select:hover{border:none}.add__subtask__container .wrapper-start-end-time{width:100%;display:flex;align-items:center;justify-content:center;gap:10px}.add__subtask__container .wrapper-start-end-time .wrapper_input_time{width:100%}.add__subtask__container .wrapper-start-end-time .wrapper_input_time p{font-weight:700;font-size:16px;line-height:21px}.add__subtask__container .wrapper-start-end-time .wrapper_input_time .date-input-container{position:relative;display:flex;align-items:center;width:250px}.add__subtask__container .wrapper-start-end-time .wrapper_input_time .date-input-container .date-input{width:100%;padding:10px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:15px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;color:#1f2937;background-color:#fff;box-shadow:0 1px 2px #0000000d;transition:border-color .2s ease,box-shadow .2s ease;outline:none;text-align:left;letter-spacing:.5px}.add__subtask__container .wrapper-start-end-time .wrapper_input_time .date-input-container .date-input::placeholder{color:#9ca3af;letter-spacing:1px;font-weight:400}.add__subtask__container .wrapper-start-end-time .wrapper_input_time .date-input-container .date-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.add__subtask__container .wrapper-start-end-time .wrapper_input_time .date-input-container .date-input:hover{border-color:#9ca3af}.add__subtask__container .wrapper-start-end-time .wrapper_input_time .date-input-container .date-input:disabled{background-color:#f3f4f6;border-color:#e5e7eb;cursor:not-allowed;color:#6b7280}.add__subtask__container .wrapper-start-end-time .wrapper_input_time .date-input-container .date-icon{position:absolute;right:10px;top:50%;transform:translateY(-50%);color:#6b7280;font-size:16px;pointer-events:none}.add__subtask__container .wrapper-track-time{width:100%;display:flex;flex-direction:column;align-items:flex-start}.add__subtask__container .wrapper-track-time-heading{display:flex;align-items:center;justify-content:center;gap:6px}.add__subtask__container .wrapper-track-time-heading h2{font-weight:500;font-size:15px;line-height:21px;padding-top:10px}.add__subtask__container .wrapper-track-time-heading img{width:15px;height:15px}.add__subtask__container .wrapper-track-time-input{width:100%;display:flex;align-items:center;justify-content:space-around}.add__subtask__container .assign-checkbox-list{width:200px;padding:10px 12px;border-radius:8px;max-height:200px;overflow-y:auto;box-shadow:0 2px 6px #0000000d}.add__subtask__container .assign-checkbox-list label{width:100%;display:flex;align-items:center;gap:10px;padding:6px 8px;border-radius:5px}.add__subtask__container .assign-checkbox-list label input[type=checkbox]{transform:scale(1.2);accent-color:#0d9488}.add__subtask__container .assign-checkbox-list label:hover{cursor:pointer}.add__subtask__container .wrapper-btn-submit{width:100%}.add__subtask__container .wrapper-btn-submit button{width:100%;text-align:center;margin-top:20px;background-color:var(--bg--primary-color);color:var(--text-color);font-size:16px;font-weight:600;line-height:21px;border-radius:20px;padding:15px 20px;border:none}.add__subtask__container .wrapper-btn-submit button:hover{background-color:#000;color:#f3f4f6}.modal-ai-fab{position:fixed;z-index:1400}.modal-ai-bottom-right{bottom:22px;right:22px}.modal-ai-fab-btn{width:56px;height:56px;border-radius:999px;border:none;background:#045745;color:#fff;font-weight:700;box-shadow:0 6px 18px #0457452e;cursor:pointer}.modal-ai-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a73;display:flex;align-items:center;justify-content:center;z-index:1500;padding:20px}.modal-ai-box{width:100%;max-width:720px;background:#fff;border-radius:12px;box-shadow:0 12px 40px #0f172a2e;overflow:hidden;display:flex;flex-direction:column;max-height:92vh;position:relative}.modal-ai-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid #f3f4f6}.modal-ai-header h4{margin:0;font-size:16px;color:#0f172a}.modal-ai-actions button{background:transparent;border:none;margin-left:8px;cursor:pointer;color:#6b7280}.modal-ai-body{padding:12px 16px;display:flex;flex-direction:column;gap:12px;flex:1 1 auto;overflow-y:auto;overflow-x:hidden}.modal-ai-tabs{display:flex;gap:8px;align-items:center}.modal-ai-tab{background:transparent;border:1px solid #e5e7eb;padding:6px 10px;border-radius:8px;cursor:pointer;color:#374151}.modal-ai-tab.active{background:#045745;color:#fff;border-color:#045745}.modal-ai-clear{padding:6px 10px;border-radius:8px;border:1px solid #e5e7eb;background:transparent;color:#374151;cursor:pointer;font-size:14px}.modal-ai-clear:hover{background:#f8fafb}.modal-ai-form label{display:block;margin-bottom:6px;font-size:13px;color:#374151}.modal-ai-priority-select{position:relative}.modal-ai-priority-btn{display:inline-flex;align-items:center;gap:8px;padding:8px 10px;border-radius:8px;border:1px solid #e5e7eb;background:#fff;cursor:pointer}.modal-ai-priority-dropdown{position:absolute;top:44px;left:0;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 8px 20px #0f172a0f;padding:8px;z-index:1600;min-width:180px;z-index:2400}.modal-ai-priority-item{padding:8px 10px;cursor:pointer;display:flex;align-items:center;gap:10px;border-radius:6px}.modal-ai-priority-item:hover{background:#f8fafb}.modal-ai-priority-dot{width:10px;height:10px;border-radius:50%;display:inline-block}.modal-ai-priority-high{background:#ef4444}.modal-ai-priority-medium{background:#f59e0b}.modal-ai-priority-low{background:#10b981}.modal-ai-history{flex:1 1 auto;min-height:160px;overflow:auto;overflow-x:visible;display:flex;flex-direction:column;gap:8px;position:relative}.modal-ai-generated-list{display:flex;flex-direction:column;gap:12px;padding:8px 6px 8px 8px;background:transparent;flex:1 1 auto;max-height:56vh;overflow:visible;position:relative}@media (max-width: 640px){.modal-ai-generated-list{max-height:42vh}}.modal-ai-task-item{display:flex;gap:12px;padding:14px;border-radius:12px;background:#fff;border:1px solid rgba(15,23,42,.08);box-shadow:0 2px 8px #0206170f;align-items:flex-start;cursor:pointer;transition:all .2s ease;position:relative;z-index:1;margin-bottom:4px}.modal-ai-task-item:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0206171f;z-index:1000;border-color:#045745;background:#f0fdf4}.modal-ai-task-item.selected{border-color:#10b981;background:#f0ffef;box-shadow:0 6px 20px #10b9810f}.modal-ai-task-left{display:flex;align-items:flex-start}.modal-ai-task-select input{position:absolute;opacity:0;width:18px;height:18px;margin:0;cursor:pointer}.modal-ai-checkbox-fake{width:18px;height:18px;border-radius:6px;border:2px solid #e6e9ef;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;background:#fff;color:transparent;font-size:12px;line-height:1}.modal-ai-task-item.selected .modal-ai-checkbox-fake{background:#10b981;border-color:#10b981;color:#fff}.modal-ai-task-item.selected .modal-ai-checkbox-fake:after{content:"✓";font-weight:700}.modal-ai-task-main{flex:1;display:flex;flex-direction:column}.modal-ai-task-row{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}.modal-ai-task-title{font-weight:700;color:#0f172a;font-size:15px}.modal-ai-task-meta,.modal-ai-task-meta-inner{display:flex;gap:8px;align-items:center}.modal-ai-priority{font-size:12px;color:#374151;background:#f3f4f6;padding:4px 8px;border-radius:8px}.modal-ai-priority.priority-default{background:#f3f4f6;color:#374151}.modal-ai-priority.priority-high{background:#fff1f2;color:#b91c1c;border:1px solid rgba(185,28,28,.08)}.modal-ai-priority.priority-critical{background:#fff1f2;color:#7f1d1d;border:1px solid rgba(127,29,29,.08);font-weight:700}.modal-ai-priority.priority-medium{background:#fffbeb;color:#92400e;border:1px solid rgba(146,64,14,.06)}.modal-ai-priority.priority-low{background:#ecfdf5;color:#065f46;border:1px solid rgba(6,95,70,.06)}.modal-ai-priority.priority-high:before,.modal-ai-priority.priority-medium:before,.modal-ai-priority.priority-low:before,.modal-ai-priority.priority-critical:before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px;vertical-align:middle}.modal-ai-priority.priority-high:before{background:#ef4444}.modal-ai-priority.priority-critical:before{background:#7f1d1d}.modal-ai-priority.priority-medium:before{background:#f59e0b}.modal-ai-priority.priority-low:before{background:#10b981}.modal-ai-points{font-size:12px;color:#374151;font-weight:600}.modal-ai-task-desc{color:#374151;margin-top:8px;font-size:13px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;line-clamp:3}.modal-ai-task-footer{display:flex;justify-content:space-between;margin-top:12px;align-items:center;gap:12px}.modal-ai-badge{font-size:12px;color:#6b7280;background:#f3f4f6;padding:4px 8px;border-radius:8px}.modal-ai-dates{font-size:12px;color:#6b7280}.modal-ai-task-list{max-height:32vh;overflow:auto;padding-right:6px}.modal-ai-task-tooltip-portal{width:380px;max-height:500px;background:#fff;border:2px solid #045745;border-radius:12px;box-shadow:0 10px 40px #0f172a40,0 4px 16px #04574526;padding:18px;pointer-events:none;animation:tooltipFadeIn .2s cubic-bezier(.16,1,.3,1);overflow-y:auto}@keyframes tooltipFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.modal-ai-tooltip-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:2px solid #f0f0f0}.modal-ai-tooltip-title{font-weight:700;font-size:16px;color:#0f172a;flex:1;word-wrap:break-word;line-height:1.4}.modal-ai-tooltip-id{font-size:11px;color:#6b7280;background:#f3f4f6;padding:4px 10px;border-radius:8px;font-family:Courier New,monospace;font-weight:600;margin-left:12px;flex-shrink:0}.modal-ai-tooltip-section{margin-bottom:16px}.modal-ai-tooltip-section strong{display:block;font-size:11px;color:#6b7280;margin-bottom:8px;text-transform:uppercase;letter-spacing:.8px;font-weight:700}.modal-ai-tooltip-section p{margin:0;font-size:14px;color:#374151;line-height:1.6;max-height:150px;overflow-y:auto;padding:12px;background:#f9fafb;border-radius:8px;border:1px solid #e5e7eb}.modal-ai-tooltip-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:12px}.modal-ai-tooltip-item{display:flex;flex-direction:column;gap:6px;padding:12px;background:#f9fafb;border-radius:8px;border:1px solid #e5e7eb}.modal-ai-tooltip-item strong{font-size:10px;color:#6b7280;text-transform:uppercase;letter-spacing:.8px;font-weight:700}.modal-ai-tooltip-item span{font-size:14px;color:#0f172a;font-weight:600}.modal-ai-tooltip-priority{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:8px;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.modal-ai-tooltip-priority:before{content:"";width:8px;height:8px;border-radius:50%;display:inline-block}.modal-ai-tooltip-priority.priority-high{background:#fee2e2;color:#b91c1c;border:2px solid #fca5a5}.modal-ai-tooltip-priority.priority-high:before{background:#dc2626;box-shadow:0 0 8px #dc262680}.modal-ai-tooltip-priority.priority-critical{background:#fef2f2;color:#7f1d1d;border:2px solid #fca5a5}.modal-ai-tooltip-priority.priority-critical:before{background:#991b1b;box-shadow:0 0 8px #991b1b80}.modal-ai-tooltip-priority.priority-medium{background:#fef3c7;color:#92400e;border:2px solid #fcd34d}.modal-ai-tooltip-priority.priority-medium:before{background:#f59e0b;box-shadow:0 0 8px #f59e0b80}.modal-ai-tooltip-priority.priority-low{background:#d1fae5;color:#065f46;border:2px solid #6ee7b7}.modal-ai-tooltip-priority.priority-low:before{background:#10b981;box-shadow:0 0 8px #10b98180}.modal-ai-tooltip-priority.priority-{background:#f3f4f6;color:#6b7280;border:2px solid #d1d5db}.modal-ai-tooltip-priority.priority-:before{background:#9ca3af}@media (max-width: 640px){.modal-ai-task-tooltip{left:0!important;right:0!important;top:calc(100% + 8px);width:100%;max-width:none;padding:16px}.modal-ai-tooltip-grid{grid-template-columns:1fr;gap:12px}.modal-ai-tooltip-title{font-size:14px}.modal-ai-tooltip-section p{font-size:13px;max-height:100px}@keyframes tooltipSlideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}}.modal-ai-empty{color:#6b7280;font-size:14px}.modal-ai-msg{padding:8px 10px;border-radius:8px;max-width:90%}.modal-ai-msg-user{align-self:flex-end;background:#e6ffef;color:#044a3b}.modal-ai-msg-ai{align-self:flex-start;background:#f3f4f6;color:#0f172a}.modal-ai-input-row{display:flex;gap:8px;align-items:center}.modal-ai-input{flex:1 1 auto;border:1px solid #e5e7eb;border-radius:8px;padding:8px 10px;font-size:14px}.modal-ai-textarea{width:100%;min-height:88px;max-height:360px;border:1px solid #e5e7eb;border-radius:8px;padding:10px 12px;font-size:14px;line-height:1.4;resize:vertical;overflow:auto;box-sizing:border-box}.modal-ai-form .modal-ai-textarea{margin-bottom:6px}.modal-ai-send{background:#045745;color:#fff;border:none;padding:8px 12px;border-radius:8px;cursor:pointer}.modal-ai-history pre{white-space:pre-wrap;word-break:break-word;margin:0;flex:none;min-height:160px;max-height:56vh;background:#f9fafb;padding:12px;border-radius:8px;overflow:visible}.modal-ai-history .modal-ai-footer{margin-top:auto;background:transparent;padding-top:8px}@media (max-width: 640px){.modal-ai-box{max-width:95%;height:90vh}.modal-ai-body{padding:10px}.modal-ai-form>div[style],.modal-ai-form>div{flex-direction:column!important}.modal-ai-form .modal-ai-input,.modal-ai-form input[type=date],.modal-ai-form .modal-ai-textarea,.modal-ai-form .modal-ai-priority-select{width:100%!important}.modal-ai-history{max-height:40vh}}.modal-ai-footer{display:flex;gap:8px;align-items:center;padding:12px 16px;background:#fff;border-top:1px solid #f3f4f6;position:sticky;bottom:0;z-index:100}.modal-ai-btn{padding:8px 12px;border-radius:8px;border:1px solid transparent;cursor:pointer;font-size:14px}.modal-ai-btn-cancel{background:transparent;color:#374151;border-color:#e5e7eb}.modal-ai-btn-confirm{background:#045745;color:#fff;border-color:#045745}@media (max-width: 640px){.modal-ai-box{max-width:100%;height:80vh}.modal-ai-fab-btn{width:48px;height:48px}}.check__task__by__list__container{width:fit-content;height:100%;padding-bottom:40px;overflow-y:auto;overflow-x:auto;display:block;scrollbar-width:thin;scrollbar-color:#888 #f0f0f0;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}.check__task__by__list__container::-webkit-scrollbar{width:8px;height:8px}.check__task__by__list__container::-webkit-scrollbar-track{background:#f0f0f0;border-radius:4px}.check__task__by__list__container::-webkit-scrollbar-thumb{background:#203b1e;border-radius:4px}.check__task__by__list__container::-webkit-scrollbar-thumb:hover{background:#243f29}.check__task__by__list__container .check__task__by__list__column{width:100%}.check__task__by__list__container .btn_add_status{width:260px;height:40px;display:flex;align-items:center;gap:5px;border:none;cursor:pointer;border-radius:50px;background-color:transparent!important}.check__task__by__list__container .btn_add_status span{font-weight:600;font-size:14px;line-height:21px}.check__task__by__list__container .btn_add_status i{font-size:10px}.column-list-container{width:100%;height:auto;display:flex;justify-content:flex-start;gap:20px;margin-top:10px}.column-list-container .column-list{width:100%}.column-list-container .column-list .prop-status{padding:10px 20px;width:200px;display:flex;align-items:center;justify-content:space-between}.column-list-container .column-list .prop-status-length{width:100%;display:flex;align-items:center;justify-content:flex-end;gap:10px}.column-list-container .column-list .prop-status-length p{color:#fff;font-size:16px;font-style:700;line-height:24px;margin:0}.column-list-container .column-list .prop-status-length .prop-status-text-total-task{color:#fff;font-size:16px;font-style:600;line-height:24px;margin:0}.column-list-container .column-task{width:100%;padding:10px 20px}.column-list-container .column-task table{width:100%}.column-list-container .column-task table th{color:#333;font-weight:500;font-size:14px;line-height:21px;border-bottom:1px solid #595858;padding-bottom:10px}.column-list-container .column-task table .task-empty{font-size:14px;font-weight:500;color:var(--text--color--gray);padding-top:20px}.task_list_container{width:100%;padding:5px 10px}.task_list_container td{width:200px;padding:5px;vertical-align:middle;text-align:left}.task_list_container .task_list_head{display:flex;align-items:center;gap:5px}.task_list_container .task_list_head img{width:20px;height:20px}.task_list_container .task_list_head_content{display:flex;align-items:center;gap:5px;padding-top:8px}.task_list_container .task_list_head_content h2,.task_list_container .task_list_head_content p{font-weight:500;font-size:14px;line-height:21px;color:#000}.task_list_container .task_list_member{padding-top:5px;display:flex;align-items:center;justify-content:flex-start}.task_list_container .task_list_member ul{display:flex;align-items:center;list-style:none;padding-left:11px;margin:0}.task_list_container .task_list_member ul li{position:relative;margin-left:-12px}.task_list_container .task_list_member ul li:nth-child(n+4):not(.extra-count){display:none}.task_list_container .task_list_member ul li img{width:30px;height:30px;border-radius:50%;border:2px solid #fff;object-fit:cover}.task_list_container .task_list_member .extra-count{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;background-color:#f0f0f0;color:#333;font-size:14px;font-weight:700;border:2px solid #fff;margin-left:-10px;z-index:1}.task_list_container .task_list_due_date h2,.task_list_container .task_list_priority h2{margin:0;font-weight:500;font-size:14px;line-height:21px;color:#000}.task_list_container .task_list_action img{width:20px;height:20px;cursor:pointer}.feature{display:flex;align-items:center;justify-content:center;gap:10px;margin-right:50px}.feature .comment__lenght,.feature .subtask_length{display:flex;align-items:center;gap:5px}.subtask_row{border-left:3px solid #d0d0d0;margin-left:20px}.subtask_row td{padding:8px 10px 8px 40px;vertical-align:middle;text-align:left}.subtask_row .task_list_head{display:flex;align-items:center;gap:5px}.subtask_row .task_list_head img{width:18px;height:18px}.subtask_row .task_list_head_content{display:flex;align-items:center;gap:5px;padding-top:6px}.subtask_row .task_list_head_content h2,.subtask_row .task_list_head_content p{font-weight:500;font-size:13px;line-height:20px;color:#222}.subtask_row .task_list_member{padding-top:4px;display:flex;align-items:center;justify-content:flex-start}.subtask_row .task_list_member ul{display:flex;align-items:center;list-style:none;padding-left:11px;margin:0}.subtask_row .task_list_member ul li{position:relative;margin-left:-12px}.subtask_row .task_list_member ul li:nth-child(n+4):not(.extra-count){display:none}.subtask_row .task_list_member ul li img{width:28px;height:28px;border-radius:50%;border:2px solid #fff;object-fit:cover}.subtask_row .task_list_member .extra-count{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background-color:#f0f0f0;color:#333;font-size:13px;font-weight:700;border:2px solid #fff;margin-left:-10px;z-index:1}.subtask_row .task_list_due_date h2,.subtask_row .task_list_priority h2{margin:0;font-weight:500;font-size:13px;line-height:20px;color:#222}.subtask_row .task_list_action img{width:18px;height:18px;cursor:pointer}.subtask_row .task-content-percent{display:flex;align-items:center;gap:10px}.subtask_row .task-content-percent .task-content-percent-container{flex:1;height:6px;background:#e0e0e0;border-radius:4px;overflow:hidden}.subtask_row .task-content-percent .task-content-percent-container .task-content-percent-line{height:100%;transition:width .3s ease}.subtask_row .task-content-percent span{font-size:12px;color:#444}.calendar-wrapper{padding:1rem;width:100%;background-color:#f9f9f9;border-radius:12px;box-shadow:0 4px 12px #00000014;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.calendar-wrapper .rbc-calendar{background-color:#fff;border-radius:8px;overflow:hidden;border:1px solid #e0e0e0}.calendar-wrapper .rbc-toolbar{padding:1rem;background-color:#fff;border-bottom:1px solid #ddd;font-weight:500}.calendar-wrapper .rbc-toolbar .rbc-btn-group button{padding:6px 12px;margin:0 4px;border:none;background-color:#f0f0f0;border-radius:4px;cursor:pointer;transition:all .2s ease-in-out}.calendar-wrapper .rbc-toolbar .rbc-btn-group button:hover{background-color:#dcdcdc}.calendar-wrapper .rbc-toolbar .rbc-btn-group button.rbc-active{background-color:#045745;color:#fff}.calendar-wrapper .rbc-event{background-color:#045745;border:none;color:#fff;padding:2px 6px;border-radius:4px;font-size:.85rem}.calendar-wrapper .rbc-event.rbc-selected{background-color:#0056b3}.calendar-wrapper .rbc-today{background-color:#f3f9ff}.calendar-wrapper .rbc-time-view .rbc-row,.calendar-wrapper .rbc-month-view .rbc-row{border-color:#e6e6e6}.calendar-wrapper .rbc-time-view .rbc-timeslot-group,.calendar-wrapper .rbc-month-view .rbc-timeslot-group{min-height:40px}.calendar-wrapper .rbc-time-view .rbc-time-content,.calendar-wrapper .rbc-month-view .rbc-time-content{border-left:1px solid #e6e6e6}.calendar-wrapper .loading-overlay{position:absolute;top:10%;left:50%;transform:translate(-50%);background:#ffffffe6;padding:1rem 2rem;border-radius:8px;font-weight:700;box-shadow:0 0 10px #0000001a}.modal-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0006;display:flex;align-items:center;justify-content:center;z-index:999}.modal-container{background:#fff;border-radius:10px;padding:0;width:500px;max-width:92%;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 8px 32px #00000026;animation:scaleIn .25s ease;position:relative}.modal-header2{background:#fff;color:#000;padding:16px 20px;display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.modal-header2 h2{font-size:1.35rem;font-weight:600;margin:0;letter-spacing:.3px}.close-button{background:#ffffff1a;border:none;font-size:1.8rem;cursor:pointer;color:#000;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s ease;line-height:1}.close-button:hover{background:#fff3;transform:rotate(90deg)}.modal-body{padding:0 20px 20px;display:flex;flex-direction:column;gap:16px;overflow-y:auto;flex:1}.modal-body::-webkit-scrollbar{width:5px}.modal-body::-webkit-scrollbar-track{background:transparent}.modal-body::-webkit-scrollbar-thumb{background:#ddd;border-radius:10px}.modal-body::-webkit-scrollbar-thumb:hover{background:#bbb}.modal-field{display:flex;flex-direction:column}.modal-field label{font-weight:600;margin-bottom:6px;font-size:.9rem;color:#2c3e50}.modal-field input{padding:9px 12px;border:1.5px solid #e0e0e0;border-radius:6px;background:#fafafa;font-size:.9rem;transition:all .2s ease}.modal-field input:focus{outline:none;border-color:#1a5f4f;background:#fff;box-shadow:0 0 0 3px #1a5f4f1a}.modal-field input:disabled{background:#f5f5f5;color:#666;cursor:not-allowed}.modal-actions{display:flex;gap:10px;padding:16px 20px;background:#f8f9fa;border-top:1px solid #e9ecef;flex-shrink:0}.modal-actions button{flex:1;padding:10px 16px;border:none;border-radius:6px;color:#fff;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s ease;background:var(--bg--primary-color)}.modal-actions button:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.modal-actions button:active{transform:translateY(0)}.modal-actions .edit{background:linear-gradient(135deg,#1a5f4f,#0d4839)}.modal-actions .edit:hover{background:linear-gradient(135deg,#0d4839,#1a5f4f)}.modal-actions .save{background:linear-gradient(135deg,#1a5f4f,#0d4839)}.modal-actions .save:hover{background:linear-gradient(135deg,#0d4839,#1a5f4f)}.modal-actions .delete{background:linear-gradient(135deg,#dc3545,#c82333)}.modal-actions .delete:hover{background:linear-gradient(135deg,#c82333,#dc3545)}.modal-actions .close{background:linear-gradient(135deg,#6c757d,#5a6268)}.modal-actions .close:hover{background:linear-gradient(135deg,#5a6268,#6c757d)}.assigned-users-section .loading-users{padding:16px;text-align:center;color:#666;font-size:.9rem;font-style:italic}.assigned-users-section .assigned-users-list{display:flex;flex-direction:column;gap:8px;margin-top:6px}.assigned-users-section .assigned-user-item{display:flex;justify-content:space-between;align-items:center;padding:10px;border:1.5px solid #e9ecef;border-radius:8px;background:#fff;transition:all .2s ease;gap:10px}.assigned-users-section .assigned-user-item:hover{background:#f8f9fa;border-color:#1a5f4f;box-shadow:0 2px 8px #1a5f4f14;transform:translate(2px)}.assigned-users-section .user-info{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.assigned-users-section .user-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid #e0e0e0;flex-shrink:0;background:#f0f0f0}.assigned-users-section .user-details{display:flex;flex-direction:column;gap:5px;flex:1;min-width:0}.assigned-users-section .user-name{font-weight:600;font-size:.9rem;color:#2c3e50;display:flex;align-items:center;gap:6px;flex-wrap:wrap}.assigned-users-section .you-badge{display:inline-flex;align-items:center;padding:2px 7px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:.7rem;border-radius:10px;font-weight:600;letter-spacing:.3px}.assigned-users-section .status-badge{display:inline-block;padding:3px 10px;font-size:.8rem;border-radius:12px;font-weight:500;text-transform:capitalize}.assigned-users-section .status-badge.status-pending{background:#fff3cd;color:#856404;border:1px solid #ffc107}.assigned-users-section .status-badge.status-accepted,.assigned-users-section .status-badge.status-accept,.assigned-users-section .status-badge.status-approve{background:#d4edda;color:#155724;border:1px solid #28a745}.assigned-users-section .status-badge.status-rejected,.assigned-users-section .status-badge.status-reject{background:#f8d7da;color:#721c24;border:1px solid #dc3545}.assigned-users-section .user-actions{display:flex;gap:6px;flex-shrink:0}.assigned-users-section .btn-accept,.assigned-users-section .btn-reject{padding:6px 10px;border:none;border-radius:6px;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap;display:inline-flex;align-items:center;gap:3px}.assigned-users-section .btn-accept:hover,.assigned-users-section .btn-reject:hover{transform:translateY(-2px);box-shadow:0 3px 10px #0003}.assigned-users-section .btn-accept:active,.assigned-users-section .btn-reject:active{transform:translateY(0)}.assigned-users-section .btn-accept:disabled,.assigned-users-section .btn-reject:disabled{opacity:.5;cursor:not-allowed;transform:none}.assigned-users-section .btn-accept{background:var(--bg--primary-color);color:#fff}.assigned-users-section .btn-reject{background:#dc3545;color:#fff}.assigned-users-section .btn-reject:hover{background:#c82333}@keyframes scaleIn{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0006;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#fff;border-radius:10px;padding:0;width:550px;max-width:92%;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 8px 32px #00000026;position:relative}.close-btn{position:absolute;top:16px;right:20px;background:#ffffff1a;border:none;font-size:1.8rem;color:#000;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;line-height:1;z-index:10}.close-btn:hover{background:#fff3;transform:rotate(90deg)}.add-schedule-form{display:flex;flex-direction:column;height:100%;overflow:auto;padding:0}.add-schedule-form h3{color:#000;padding:16px 20px;margin:0;font-size:1.35rem;font-weight:600;letter-spacing:.3px;flex-shrink:0}.add-schedule-form .form-body{padding:0 20px 20px;overflow-y:auto;flex:1;display:flex;flex-direction:column;gap:16px}.add-schedule-form .form-body::-webkit-scrollbar{width:5px}.add-schedule-form .form-body::-webkit-scrollbar-track{background:transparent}.add-schedule-form .form-body::-webkit-scrollbar-thumb{background:#ddd;border-radius:10px}.add-schedule-form .form-body::-webkit-scrollbar-thumb:hover{background:#bbb}.add-schedule-form .form-group{display:flex;flex-direction:column}.add-schedule-form .form-group label{font-weight:600;margin-bottom:6px;font-size:.9rem;color:#2c3e50}.add-schedule-form .form-group input,.add-schedule-form .form-group textarea,.add-schedule-form .form-group select{padding:9px 12px;border:1.5px solid #e0e0e0;border-radius:6px;background:#fafafa;font-size:.9rem;transition:all .2s ease;font-family:inherit;background-color:#f1f7f7}.add-schedule-form .form-group input:focus,.add-schedule-form .form-group textarea:focus,.add-schedule-form .form-group select:focus{outline:none;border-color:#1a5f4f;background:#fff;box-shadow:0 0 0 3px #1a5f4f1a}.add-schedule-form .form-group input:disabled,.add-schedule-form .form-group textarea:disabled,.add-schedule-form .form-group select:disabled{background:#f5f5f5;color:#666;cursor:not-allowed}.add-schedule-form .form-group textarea{resize:vertical;min-height:60px}.add-schedule-form .students-checklist{position:relative}.add-schedule-form .students-checklist .students-label{display:block;font-size:.9rem;color:#2c3e50;margin-bottom:6px;font-weight:600;cursor:pointer;-webkit-user-select:none;user-select:none}.add-schedule-form .students-checklist .students-label:hover{text-decoration:underline}.add-schedule-form .students-checklist .students-controls-row{display:flex;flex-direction:column;gap:10px;margin-bottom:10px}.add-schedule-form .students-checklist .students-controls-row .selected-members{display:flex;flex-direction:column;gap:8px;align-items:flex-start;flex:1 1 auto;max-width:100%}.add-schedule-form .students-checklist .students-controls-row .no-selected{color:#6b6b6b;font-size:.85rem}.add-schedule-form .students-checklist .students-controls-row .member-pill{display:flex;align-items:center;gap:10px;background:#e8f5e9;border:1px solid #c8e6c9;padding:6px 10px;border-radius:8px;color:#2e7d32;font-weight:600;font-size:.85rem;min-width:180px}.add-schedule-form .students-checklist .students-controls-row .member-pill img{width:28px;height:28px;border-radius:50%;object-fit:cover}.add-schedule-form .students-checklist .students-controls-row .pill-remove{background:transparent;border:none;margin-left:auto;color:#2e7d32;font-weight:700;cursor:pointer;font-size:1.1rem;padding:0 4px;transition:opacity .2s}.add-schedule-form .students-checklist .students-controls-row .pill-remove:hover{opacity:.7}.add-schedule-form .students-checklist .students-controls-row .add-member-box{width:100%;display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:8px;border:1.5px dashed #e0e0e0;background:#fafafa;color:#666;cursor:pointer;transition:all .2s ease}.add-schedule-form .students-checklist .students-controls-row .add-member-box .plus{width:28px;height:28px;border-radius:50%;border:1.5px solid #e0e0e0;display:flex;align-items:center;justify-content:center;color:#1a5f4f;font-weight:700;background:#fff;font-size:1.2rem}.add-schedule-form .students-checklist .students-controls-row .add-member-box .add-text{font-weight:600;font-size:.9rem}.add-schedule-form .students-checklist .students-controls-row .add-member-box.open{background:#f0f8f6;border-color:#1a5f4f}.add-schedule-form .students-checklist .students-controls-row .add-member-box.open .plus{border-color:#1a5f4f;background:#e8f5e9}.add-schedule-form .students-checklist .students-controls-row .add-member-box:hover:not(.open){border-color:#ccc;background:#fff}.add-schedule-form .students-checklist .students-panel{background:#fff;border:1.5px solid #e0e0e0;border-radius:8px;max-height:260px;overflow-y:auto;padding:8px;position:absolute;left:0;right:0;top:calc(100% + 8px);z-index:9999;box-shadow:0 8px 24px #0000001f}.add-schedule-form .students-checklist .students-panel::-webkit-scrollbar{width:5px}.add-schedule-form .students-checklist .students-panel::-webkit-scrollbar-track{background:#f5f5f5}.add-schedule-form .students-checklist .students-panel::-webkit-scrollbar-thumb{background:#ddd;border-radius:10px}.add-schedule-form .students-checklist .students-panel::-webkit-scrollbar-thumb:hover{background:#bbb}.add-schedule-form .students-checklist .students-row{display:flex;align-items:center;gap:12px;padding:8px 10px;border-bottom:1px solid #f5f5f5;transition:background .15s;cursor:pointer}.add-schedule-form .students-checklist .students-row:hover{background:#f8f9fa}.add-schedule-form .students-checklist .students-row:last-child{border-bottom:none}.add-schedule-form .students-checklist .student-avatar{width:36px;height:36px;border-radius:50%;object-fit:cover;border:1px solid #e0e0e0}.add-schedule-form .students-checklist .student-name{color:#2c3e50;font-weight:500;font-size:.9rem;flex:1}.add-schedule-form .students-checklist .student-checkbox input[type=checkbox]{width:18px;height:18px;accent-color:#1a5f4f;cursor:pointer}.add-schedule-form .form-footer{background:#f8f9fa;padding:16px 20px;display:flex;gap:10px;justify-content:flex-end;flex-shrink:0;border-top:1px solid #e9ecef}.add-schedule-form .form-footer button[type=submit]{background:linear-gradient(135deg,#1a5f4f,#0d4839);color:#fff;padding:9px 24px;border:none;border-radius:6px;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #0000001a}.add-schedule-form .form-footer button[type=submit]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.add-schedule-form .form-footer button[type=submit]:active:not(:disabled){transform:translateY(0)}.add-schedule-form .form-footer button[type=submit]:disabled{background:linear-gradient(135deg,#6c757d,#495057);cursor:not-allowed;opacity:.6}.add-schedule-form .selected-group{background:linear-gradient(90deg,#e0f7fa 60%,#f8fafc);border-left:4px solid #045745;border-radius:7px;display:flex;justify-content:space-between;align-items:center;font-size:13.5px;font-weight:500;color:#045745;box-shadow:0 1px 2px #00000008;gap:6px;transition:box-shadow .2s;min-height:28px;padding:4px 8px 4px 10px;margin-top:2px;margin-bottom:0;line-height:1.2}.add-schedule-form .selected-group .remove-btn{margin-left:6px;width:22px;height:22px;font-size:1rem;display:flex;align-items:center;justify-content:center;padding:0}.add-schedule-form .remove-btn{background:#fff;color:#d32f2f;border:1px solid #f5bdbd;border-radius:50%;cursor:pointer;font-size:1.1rem;width:28px;height:28px;display:flex;align-items:center;justify-content:center;margin-left:8px;transition:background .2s,color .2s}.add-schedule-form .remove-btn:hover{background:#ffeaea;color:#b71c1c;border-color:#f44336}.select-wrapper{width:100%;display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:14px;margin-bottom:0}.select-wrapper select{flex:1 1 180px;min-width:150px;max-width:220px;padding:9px 12px;border-radius:8px;border:1.5px solid #045745;font-size:15px;background:#fafdff;color:#045745;outline:none;transition:border-color .2s,box-shadow .2s;box-shadow:0 1px 2px #00000008}.select-wrapper select:focus{border-color:#045745;box-shadow:0 0 0 2px #b2ebf2}.select-wrapper select:disabled{background:#f0f0f0;color:#bdbdbd;cursor:not-allowed}.add-schedule-form .selected-group{width:100%;margin-top:10px;margin-bottom:0;box-sizing:border-box;word-break:break-word}@media (max-width: 600px){.select-wrapper{flex-direction:column;gap:8px}.select-wrapper select{min-width:100px;max-width:100%;width:100%;font-size:14px}}@media (max-width: 600px){.add-schedule-form .modal-content{width:95%;max-height:95vh}.add-schedule-form .form-body{padding:16px}.add-schedule-form .form-footer{padding:12px 16px}.add-schedule-form .form-footer button[type=submit]{width:100%}.add-schedule-form .students-panel{left:0;right:0;max-height:220px}.add-schedule-form .selected-group{font-size:14px;padding:8px 10px}}.class__list{width:1112px;height:590px;background-color:var(--bg--nav);border-radius:20px}.class__list__container{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.class__list__container__heading{width:100%;display:flex;align-items:center;justify-content:space-between;padding:15px 20px}.class__list__container__heading__select select{width:214px;background:none;border:none;font-size:16px;font-weight:700;color:var(--text--color--task--heading);padding:6px 10px;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;border-radius:10px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAABISURBVHgB7Y1BCgAgCATtJ36ll/cUe0oSBmEhevDmwF6WZRagSAEl3v5hcEiNUbrhEZwxXa/0kW6aIdFvnTMhAFrPEQlCkcsCtHkMODQWnl0AAAAASUVORK5CYII=);background-repeat:no-repeat;background-position:120px;background-size:15px 15px}.class__list__container__heading__select select::-ms-expand{display:none}.class__list__container__heading__select select:hover{color:#000}.class__list__container__heading__select select:focus{border:none}.class__list__container__heading__feature{width:100%;display:flex;align-items:flex-end;justify-content:flex-end;gap:18px}.class__list__container__heading__feature .icon{font-size:13px;color:var(--text-color);transition:color .5s ease-in}.class__list__container__heading__feature .icon:hover{color:var(--bg--primary-color)}.class__list__container__body{width:100%;padding-top:20px;padding-left:20px}.class__list__container__body table{width:99%;border-collapse:separate;border-spacing:0;overflow:hidden;border-radius:10px}.class__list__container__body table thead{background-color:var(--bg--color--table)}.class__list__container__body table thead th{padding:12px 20px;text-align:left;font-weight:500;font-size:13px;line-height:21px;color:var(--text-color);width:33.3333333333%}.class__list__container__body table tbody{background-color:#fff}.class__list__container__body table tbody tr{border-bottom:1px solid #e0e0e0}.class__list__container__body table tbody tr:hover{background-color:#f9f9f9}.class__list__container__body table tbody td{padding:12px 20px;font-size:14px;color:#333;width:33.3333333333%;vertical-align:middle}.class__list__container .pagination{display:flex;justify-content:center;margin:20px 0;gap:10px}.class__list__container .pagination button{background-color:#f0f0f0;color:#333;border:none;padding:6px 12px;border-radius:6px;cursor:pointer;font-size:14px;transition:background-color .3s ease}.class__list__container .pagination button:hover:not(.active){background-color:#ddd}.class__list__container .pagination button:disabled{background-color:#e0e0e0;color:#aaa;cursor:not-allowed}.class__list__container .pagination button.active{background-color:var(--bg--primary-color);color:#fff;font-weight:700}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:1000;display:flex;justify-content:center;align-items:center}.modal-content{position:relative;background:transparent}.close-button span{position:absolute;top:-12px;right:-12px;font-size:22px;cursor:pointer;background-color:#fff;color:#333;border:2px solid #ccc;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:background .3s}.close-button:hover{color:var(--bg--nav);background-color:#f0f0f0}.form__add_student__container{max-width:500px;width:100%;margin:auto;background:#fff;padding:30px;border-radius:16px;z-index:1001;position:fixed;top:20%;left:50%;transform:translate(-50%);box-shadow:0 10px 25px #0003;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;animation:slideDown .35s ease-out}@keyframes slideDown{0%{opacity:0;transform:translate(-50%,-30%)}to{opacity:1;transform:translate(-50%)}}.form__add_student__container form{display:flex;flex-direction:column;gap:16px}.form__add_student__container input{padding:12px 14px;font-size:15px;border:1px solid #ddd;border-radius:10px;transition:all .3s ease}.form__add_student__container input:focus{outline:none;border-color:#4caf50;box-shadow:0 0 0 3px #4caf5033}.form__add_student__container button{padding:12px;background-color:#4caf50;color:#fff;font-weight:700;font-size:15px;border:none;border-radius:10px;cursor:pointer;transition:background-color .3s ease}.form__add_student__container button:hover{background-color:#388e3c}.plan__add-topic-form__center-btn{display:flex;justify-content:center;margin-bottom:12px}.sl-form{display:flex;flex-direction:column;gap:12px}.sl-form__grid{display:flex;flex-direction:column;gap:18px;margin-bottom:10px}.sl-input,.sl-textarea{width:100%;padding:10px 12px;border-radius:10px;border:1px solid #e6eaf0;background:#f8fafc;font-size:14px}.sl-input:focus,.sl-textarea:focus{outline:none;border-color:var(--color--div-head);background:#fff;box-shadow:0 0 0 3px #1976d21f}.sl-textarea{min-height:90px;resize:vertical}.sl-upload{display:flex;flex-direction:column;gap:8px;grid-column:1/-1}.sl-upload__row{display:flex;align-items:center;gap:10px}.sl-upload__hint{font-size:12.5px;color:#64748b}.sl-filechips{display:flex;flex-wrap:wrap;gap:8px}.sl-chip{display:inline-flex;align-items:center;gap:8px;background:#f8fafc;border:1px solid #e6eaf0;border-radius:999px;padding:6px 10px}.sl-chip__label{max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sl-chip__link{color:var(--color--div-head);font-weight:700}.sl-chip__remove{border:0;background:transparent;cursor:pointer;display:grid;place-items:center;color:#64748b}.sl-actions{display:flex;gap:10px;margin-top:8px}.sl-actions--center{justify-content:center}.sl-actions .sl-btn--primary{background:#fff;color:var(--color--div-head)!important;border:2px solid var(--color--div-head);font-weight:700;transition:background .18s,color .18s}.sl-actions .sl-btn--primary:hover,.sl-actions .sl-btn--primary:focus{background:var(--color--div-head);color:#fff!important;border-color:var(--color--div-head)}.sl-modal__card2--sm{max-width:600px;min-width:400px;width:100%;height:85vh;border-radius:22px;padding:32px 28px 28px;background:#fff;box-shadow:0 12px 40px #02061721;display:flex;flex-direction:column;box-sizing:border-box;overflow-y:auto}.sl-modal__card2,.sl-modal__card2--sm{max-height:65vh}.upload__file_{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background-color:#0006;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:999;animation:fadeInBg .25s ease-in-out}.upload__file_ .upload__file__container{width:480px;max-height:80vh;border:2px dashed var(--bg--primary-color);border-radius:16px;text-align:center;background-color:#fff;padding:30px;display:flex;flex-direction:column;overflow-y:auto;gap:12px;animation:slideDown .35s ease-out}.upload__file_ .upload__file__container .upload__title{font-size:20px;color:var(--bg--primary-color);margin-bottom:8px}.upload__file_ .upload__file__container .upload__form{display:flex;flex-direction:column;gap:10px;text-align:left;overflow-y:scroll}.upload__file_ .upload__file__container .upload__form .upload__label{display:flex;flex-direction:column;font-size:14px;color:#333}.upload__file_ .upload__file__container .upload__form .upload__label input,.upload__file_ .upload__file__container .upload__form .upload__label select{margin-top:4px;padding:8px 10px;border:1px solid #ccc;border-radius:8px;font-size:14px;outline:none}.upload__file_ .upload__file__container .upload__form .upload__label input:focus,.upload__file_ .upload__file__container .upload__form .upload__label select:focus{border-color:var(--bg--primary-color)}.upload__file_ .upload__file__container .upload__text{color:#444;font-size:15px}.upload__file_ .upload__file__container .upload__text span{color:var(--bg--primary-color);font-weight:600;text-decoration:underline}.upload__file_ .upload__file__container .upload__input{position:absolute;opacity:0;cursor:pointer;left:0;top:0}.upload__file_ .upload__file__container .upload__preview{display:flex;flex-direction:column;align-items:center}.upload__file_ .upload__file__container .upload__preview .preview__img{max-width:100%;height:120px;object-fit:contain;border-radius:8px;margin-bottom:12px}.upload__file_ .upload__file__container .upload__preview .preview__name{color:#333;font-weight:500;margin-bottom:10px}.upload__file_ .upload__file__container .upload__preview .upload__btn{background-color:var(--bg--primary-color);color:#fff;border:none;padding:10px 24px;border-radius:8px;font-weight:600;cursor:pointer;transition:.3s}.upload__file_ .upload__file__container .upload__preview .upload__btn:hover{filter:brightness(.9);transform:translateY(-1px)}.upload__file_ .upload__file__container .upload__preview .upload__btn:disabled{opacity:.7;cursor:not-allowed}.upload__file_ .upload__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#045745cc;color:#fff;font-size:22px;font-weight:600;display:flex;justify-content:center;align-items:center;border-radius:16px;animation:fadeIn .25s ease-in-out;z-index:5}.groups-selection{display:flex;flex-direction:column;gap:10px;margin-top:10px}.groups-selection .group-item{display:flex;align-items:center;gap:10px;font-size:14px}.groups-selection .group-item input{margin-right:10px}.selected-groups{margin-top:20px}.selected-groups .selected-group-list{display:flex;flex-direction:column;gap:10px}.selected-groups .selected-group-list .selected-group-item{display:flex;justify-content:space-between;align-items:center;background-color:#f4f4f4;padding:8px;border-radius:8px}.selected-groups .selected-group-list .selected-group-item .remove-group-btn{background:none;border:none;font-size:18px;color:red;cursor:pointer;transition:.2s}.selected-groups .selected-group-list .selected-group-item .remove-group-btn:hover{transform:scale(1.2)}.choose__file__btn{background-color:var(--bg--primary-color);color:#fff;border:none;padding:10px 24px;border-radius:8px;font-weight:600;cursor:pointer;transition:.3s;margin-top:10px}.choose__file__btn:hover{filter:brightness(.9);transform:translateY(-1px)}@keyframes fadeInBg{0%{opacity:0}to{opacity:1}}.own__group{width:100%}.own__group .document__card_item span{font-size:14px;font-weight:500;letter-spacing:.5px}.option_create_document{display:flex;align-items:center;gap:8px;margin-top:8px}.option_create_document .upload__label{margin:0;font-size:14px;color:#333}.option_create_document input[type=checkbox]{width:18px;height:18px;accent-color:var(--bg--primary-color);cursor:pointer}@keyframes slideDown{0%{transform:translateY(-40px);opacity:0}to{transform:translateY(0);opacity:1}}.add-deadline{display:flex;justify-content:center;align-items:center;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:9999}.add-deadline__form{width:450px;background:#fff;border-radius:12px;padding:24px;box-shadow:0 10px 30px #0000001a}.add-deadline__title{text-align:center;margin-bottom:20px;color:#045745}.add-deadline__field{margin-bottom:16px}.add-deadline__field label{display:block;font-weight:600;margin-bottom:6px;color:#333}.add-deadline__datetime{display:flex;gap:10px}.add-deadline__datetime input{flex:1}.add-deadline input{width:100%;padding:10px;border-radius:8px;border:1px solid #ccc}.add-deadline input:focus{outline:none;border-color:#045745;box-shadow:0 0 0 2px #04574533}.add-deadline__actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.btn-primary{background:#045745;color:#fff;padding:10px 18px;border-radius:8px;border:none;font-weight:600;cursor:pointer}.btn-primary:hover{background:#034a3c}.btn-secondary{background:#eee;color:#333;padding:10px 18px;border-radius:8px;border:none;cursor:pointer}.btn-secondary:hover{background:#ddd}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.class-group-display{display:flex;height:44px;align-items:center;gap:24px}.class-group-display .class-item{display:flex;align-items:center;gap:8px;font-size:14px;color:#222}.class-group-display .label{font-weight:600;color:#333}.class-group-display .value{font-weight:500;color:#0b70c9}.class-group-display .group-name .value{color:#4a4a4a}.btn-export{background-color:var(--bg--primary-color)!important;color:#fff!important;border-color:transparent!important}.btn-export:hover,.btn-export:focus,.btn-export:active{background-color:var(--bg--primary-color)!important;box-shadow:none!important;transform:none!important}.btn-delete-student{background:transparent;color:var(--danger-color, #d33);border:1px solid var(--danger-color, #d33);padding:6px 10px;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s ease;line-height:1;display:inline-flex;align-items:center;justify-content:center;gap:6px}.btn-delete-student:hover{background:var(--danger-color, #d33);color:#fff;box-shadow:0 2px 6px #00000014;transform:translateY(-1px)}.btn-delete-student:disabled{opacity:.6;cursor:not-allowed;transform:none;background:transparent;color:#aaa;border-color:#eee}.btn-kick-user{background:transparent;color:#333;border:1px solid #dcdcdc;padding:6px 10px;border-radius:6px;font-size:13px;cursor:pointer;transition:all .12s ease;display:inline-flex;align-items:center;justify-content:center;gap:6px}.btn-kick-user:hover{background:#f6f7f9;transform:translateY(-1px)}.btn-add-member{background:var(--bg--primary-color);color:#fff;border:none;padding:6px 12px;border-radius:6px;font-size:13px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn-leave-group{background:transparent;color:var(--danger-color, #d33);border:1px solid var(--danger-color, #d33);padding:6px 10px;border-radius:6px;font-size:13px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px}.btn-pick-leader{background:var(--bg--primary-color);color:#fff;border:none;padding:6px 12px;border-radius:6px;font-size:13px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px;transition:all .2s ease}.btn-pick-leader:hover{opacity:.9;transform:translateY(-1px)}.btn-github-setup{background:#24292e;color:#fff;border:none;padding:6px 12px;border-radius:6px;font-size:13px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px;transition:all .2s ease}.btn-github-setup:hover{background:#1a1e22;transform:translateY(-1px)}.btn-github-setup i{font-size:14px}.grades__component__container__table__list td button{vertical-align:middle}.grades__component__container__table__list{width:100%;height:auto}.btn-export{display:flex;align-items:center;gap:20px;background:var(--bg--primary-color);color:"#fff";font-size:"12px"}.import-students-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px}.import-students-modal{background:var(--bg--nav);border-radius:12px;width:100%;max-width:700px;max-height:90vh;overflow-y:auto;box-shadow:0 10px 40px #0000004d}.import-students-modal__header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid rgba(0,0,0,.1)}.import-students-modal__header h2{font-size:24px;font-weight:600;color:var(--text-color);margin:0}.import-students-modal__header .close-btn{background:transparent;border:none;font-size:24px;cursor:pointer;color:var(--text-color);padding:4px 8px;border-radius:4px;transition:background .2s}.import-students-modal__header .close-btn:hover{background:#0000000d}.import-students-modal__content{padding:24px}.import-students-modal__content .class-info{text-align:center;margin-bottom:24px}.import-students-modal__content .class-info h3{font-size:20px;font-weight:600;color:var(--text-color);margin:0}.import-students-modal__content .info-box{background:#fff3cd;border:1px solid #ffc107;border-radius:8px;padding:16px;margin-bottom:24px}.import-students-modal__content .info-box p{margin:0;font-size:14px;color:#856404}.import-students-modal__content .info-box p .link{color:var(--bg--primary-color);cursor:pointer;text-decoration:underline;font-weight:600}.import-students-modal__content .info-box p .link:hover{color:#0056b3}.import-students-modal__content .upload-section{text-align:center;margin-bottom:24px}.import-students-modal__content .upload-section p{font-size:14px;color:var(--text-color);margin-bottom:16px}.import-students-modal__content .upload-section .upload-btn{display:inline-flex;align-items:center;gap:8px;background:var(--bg--primary-color);color:#fff;padding:10px 24px;border-radius:6px;font-weight:600;cursor:pointer;transition:background .2s}.import-students-modal__content .upload-section .upload-btn:hover{background:var(--bg--primary-color)}.import-students-modal__content .upload-section .upload-btn i{font-size:14px}.import-students-modal__content .upload-section .selected-file{margin-top:12px;display:column;align-items:center;gap:8px;padding:8px 16px;background:var(--bg--primary-color);border-radius:6px;color:#fff;font-size:14px}.import-students-modal__content .upload-section .selected-file i{font-size:18px}.import-students-modal__content .instructions{background:#f8f9fa;border-radius:8px;padding:20px;margin-bottom:24px}.import-students-modal__content .instructions h4{font-size:16px;font-weight:600;color:var(--text-color);margin:0 0 16px}.import-students-modal__content .instructions .instruction-step{font-size:14px;color:#666;margin-bottom:12px;line-height:1.6}.import-students-modal__content .instructions .instruction-step:last-child{margin-bottom:0}.import-students-modal__content .instructions .instruction-step strong{color:var(--text-color);font-weight:600}.import-students-modal__actions{display:flex;justify-content:flex-end;gap:12px;padding:20px 24px;border-top:1px solid rgba(0,0,0,.1)}.import-students-modal__actions .btn{padding:10px 24px;border-radius:6px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s;border:none}.import-students-modal__actions .btn:disabled{opacity:.5;cursor:not-allowed}.import-students-modal__actions .btn--cancel{background:#f8f9fa;color:#495057}.import-students-modal__actions .btn--cancel:hover:not(:disabled){background:#e2e6ea}.import-students-modal__actions .btn--primary{background:var(--bg--primary-color);color:#fff}@media (prefers-color-scheme: dark){.import-students-modal .info-box{background:#ffc1071a;border-color:#ffc1074d}.import-students-modal .info-box p{color:#ffc107}.import-students-modal__content .instructions{background:#0003}.import-students-modal__content .instructions .instruction-step{color:#ffffffb3}}.github-setup-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px}.github-setup-modal-box{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;width:100%;max-width:600px;max-height:90vh;overflow-y:auto}.github-setup-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #e5e7eb}.github-setup-modal-header h3{margin:0;font-size:20px;font-weight:600;color:#111827}.github-setup-modal-header .close-btn{background:transparent;border:none;font-size:24px;color:#6b7280;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s}.github-setup-modal-header .close-btn:hover{background:#f3f4f6;color:#111827}.github-setup-modal-body{padding:24px}.step-indicator{display:flex;align-items:center;justify-content:center;margin-bottom:32px;gap:12px}.step-indicator .step{display:flex;flex-direction:column;align-items:center;gap:8px;flex:1;max-width:200px}.step-indicator .step .step-number{width:40px;height:40px;border-radius:50%;background:#e5e7eb;color:#6b7280;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:16px;transition:all .3s}.step-indicator .step .step-label{font-size:14px;color:#6b7280;font-weight:500;transition:all .3s}.step-indicator .step.active .step-number{background:#045745;color:#fff}.step-indicator .step.active .step-label{color:#045745}.step-indicator .step.completed .step-number{background:#10b981;color:#fff}.step-indicator .step.completed .step-number:after{content:"✓"}.step-indicator .step.completed .step-label{color:#10b981}.step-indicator .step-line{flex:1;height:2px;background:#e5e7eb;margin-bottom:24px}.github-form .form-group{margin-bottom:20px}.github-form .form-group label{display:block;font-size:14px;font-weight:500;color:#374151;margin-bottom:8px}.github-form .form-group label .label-hint{font-weight:400;color:#6b7280;font-size:13px;margin-left:4px}.github-form .form-group label .label-hint a{color:#045745;text-decoration:none}.github-form .form-group label .label-hint a:hover{text-decoration:underline}.github-form .form-group .form-input{width:100%;padding:10px 14px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;transition:all .2s;box-sizing:border-box}.github-form .form-group .form-input:focus{outline:none;border-color:#045745;box-shadow:0 0 0 3px #0457451a}.github-form .form-group .form-input:disabled{background:#f9fafb;cursor:not-allowed}.github-form .form-group .form-input::placeholder{color:#9ca3af}.github-form .error-message{background:#fee2e2;color:#991b1b;padding:12px 16px;border-radius:8px;font-size:14px;margin-bottom:16px;border:1px solid #fecaca}.github-form .form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}.github-form .form-actions button{padding:10px 20px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;border:none}.github-form .form-actions button:disabled{opacity:.5;cursor:not-allowed}.github-form .form-actions .btn-secondary{background:#fff;color:#374151;border:1px solid #d1d5db}.github-form .form-actions .btn-secondary:hover:not(:disabled){background:#f9fafb}.github-form .form-actions .btn-primary{background:#045745;color:#fff}.github-form .form-actions .btn-primary:hover:not(:disabled){background:#033a2f}@media (max-width: 640px){.github-setup-modal-box{max-width:95%;margin:10px}.github-setup-modal-header{padding:16px 20px}.github-setup-modal-header h3{font-size:18px}.github-setup-modal-body{padding:20px}.step-indicator .step .step-label{font-size:12px}.step-indicator .step .step-number{width:36px;height:36px;font-size:14px}.github-form .form-actions{flex-direction:column}.github-form .form-actions button{width:100%}}.document{width:100%;z-index:999}.document__container{width:100%;background-color:var(--bg--nav);padding:10px 20px}.document .document__header{width:100%;display:flex;align-items:center;justify-content:space-between}.document__detail{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#0000008c;display:flex;justify-content:center;align-items:center;z-index:999;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.document__detail .document__detail__container{width:70%;max-width:1000px;height:80vh;background-color:#fff;border-radius:16px;box-shadow:0 4px 25px #00000026;padding:25px 30px;display:flex;flex-direction:column;animation:fadeIn .3s ease-out}.document__detail .document__detail__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.document__detail .document__detail__header .title-input{width:100%;padding:8px 12px;font-size:1rem;border:2px solid transparent;border-radius:8px;background-color:#f8f9fa;color:#333;transition:all .25s ease;outline:none}.document__detail .document__detail__header .title-input:hover{border-color:#046c54;background-color:#fff;box-shadow:0 0 6px #046c544d}.document__detail .document__detail__header .title-input:focus{border-color:#046c54;box-shadow:0 0 8px #046c5480;background-color:#fff}.document__detail .document__detail__header .title-input:disabled{opacity:.6;cursor:not-allowed}.document__detail .document__detail__content{flex:1;display:flex;flex-direction:column;overflow:hidden}.document__detail .document__detail__content .detail-section{overflow-y:auto;display:flex;flex-direction:column;gap:12px;transition:flex .25s ease}.document__detail .document__detail__content .detail-item{background:#fafafa;border:1px solid #eee;border-radius:10px;padding:10px 15px;transition:all .2s ease}.document__detail .document__detail__content .detail-item strong{color:#046c54;font-weight:600}.document__detail .document__detail__content .resize-handle{position:relative;height:8px;background-color:#ddd;border-radius:4px;cursor:row-resize;margin:5px 0;transition:background .2s}.document__detail .document__detail__content .resize-handle:hover{background-color:#04a67f}.document__detail .document__detail__content .resize-handle .resize-label{position:absolute;top:-22px;left:50%;transform:translate(-50%);font-size:.75rem;color:#777;-webkit-user-select:none;user-select:none}.document__detail .document__detail__content .document__preview{border:1px solid #e1e1e1;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0000001a;transition:flex .3s ease}.document__detail .document__detail__content .document__preview iframe{width:100%;height:100%;border:none;background-color:#fff}@keyframes fadeIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.reuse-modal{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;z-index:9999}.reuse-modal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#0006}.reuse-modal-card{position:relative;background:#fff;padding:22px;border-radius:12px;width:640px;max-width:95%;box-shadow:0 10px 30px #10182814;z-index:10;color:#0b2f23;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial}.reuse-modal-header{display:flex;justify-content:space-between;align-items:center}.reuse-modal-header h3{margin:0;font-size:20px;font-weight:700}.reuse-modal-body{margin-top:18px;max-height:56vh;overflow:auto;padding-right:8px}.reuse-list{display:flex;flex-direction:column}.reuse-row{display:flex;gap:14px;padding:14px 10px;align-items:center;border-bottom:1px solid rgba(11,47,35,.06)}.reuse-row input[type=checkbox]{width:18px;height:18px}.reuse-info{display:flex;flex-direction:column}.reuse-name{font-weight:600;font-size:15px;color:#09261b}.reuse-meta{font-size:13px;color:#6b7a73;margin-top:6px}.reuse-modal-actions{margin-top:18px;display:flex;justify-content:flex-end;gap:12px}.reuse-modal-actions button{padding:10px 16px;border-radius:8px;border:1px solid rgba(11,47,35,.08);background:#fff;cursor:pointer}.reuse-modal-actions button:disabled{opacity:.6;cursor:not-allowed}.reuse-modal-actions button:last-child{background:#0b6b4f;color:#fff;border-color:transparent}.reuse-row input[type=checkbox]:focus{outline:2px solid rgba(11,107,79,.12)}.reuse-modal-header .close{background:transparent;border:1px solid rgba(11,47,35,.06);padding:6px 8px;border-radius:6px;cursor:pointer}@media (max-width: 640px){.reuse-modal-card{width:95%;padding:14px}.reuse-row{padding:10px 8px}.reuse-modal-header h3{font-size:18px}}.detail__score{width:1060px;height:416px;max-height:90vh;overflow-y:auto;background-color:var(--bg--nav);z-index:1000;position:absolute;top:20%;left:22%;border-radius:20px;box-shadow:#00000030 0 10px 20px,#0000003b 0 6px 6px}.detail__score__container{width:100%;display:flex;align-items:center;justify-content:center}.detail__score__container__left{width:30%;height:416px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:20px;box-shadow:1px 0 5px #0003;border-bottom-left-radius:20px;border-top-left-radius:20px}.detail__score__container__left__infor{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px}.detail__score__container__left__infor img{width:84px;height:84px;border-radius:200px}.detail__score__container__left__infor h3{font-weight:600;font-size:14px;letter-spacing:.5px;line-height:21px}.detail__score__container__left__infor p{font-weight:400;font-size:13px;color:#5c5959}.detail__score__container__left__infor__class__code{width:100%;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;margin-top:5px}.detail__score__container__left__infor__class__code h4{font-size:14px;font-weight:600;color:var(--bg--primary-color)}.detail__score__container__left__infor__class__code ul{margin:0;padding:0 0 0 15px}.detail__score__container__left__infor__class__code ul li{font-size:12px;font-weight:400;color:var(--text-color)}.detail__score__container__left__infor__subject__code{width:100%;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;margin-top:5px}.detail__score__container__left__infor__subject__code h4{font-size:14px;font-weight:600;color:var(--bg--primary-color)}.detail__score__container__left__infor__subject__code ul{margin:0;padding:0 0 0 15px}.detail__score__container__left__infor__subject__code ul li{font-size:12px;font-weight:400;color:var(--text-color)}.detail__score__container__right{width:70%;height:416px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:20px;padding:10px}.detail__score__container__right__heading{width:100%;display:flex;align-items:center;justify-content:space-between;padding:0 10px}.detail__score__container__right__heading h2{font-size:24px;font-weight:600;color:var(--text-color)}.detail__score__container__right__total__status{width:100%;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:30px;padding:0 10px}.detail__score__container__right__total__status__total{display:flex;align-items:center;justify-content:flex-start;gap:12px}.detail__score__container__right__total__status__total h4{font-weight:500;font-size:14px;color:var(--text-color);white-space:nowrap}.detail__score__container__right__total__status__total span{font-weight:500;font-size:14px;color:var(--text-color)}.detail__score__container__right__total__status__status{display:flex;align-items:center;justify-content:flex-start;gap:12px}.detail__score__container__right__total__status__status h4{font-weight:500;font-size:14px;color:var(--text-color);white-space:nowrap}.detail__score__container__right__total__status__status span{font-weight:500;font-size:14px;color:var(--text-color)}.detail__score__container__right__total__status__toggle{display:flex;align-items:center;margin-left:auto}.detail__score__container__right__table__list{padding:0 10px}.detail__score__container__right__table__list table{width:100%;table-layout:fixed;border-collapse:collapse;border-spacing:0;border-radius:10px;overflow:hidden}.detail__score__container__right__table__list table thead{background-color:var(--bg--color--table)}.detail__score__container__right__table__list table thead th{text-align:center;padding:5px 10px;font-weight:500;font-size:14px;line-height:21px;color:var(--text-color)}.detail__score__container__right__table__list table thead th:nth-child(1),.detail__score__container__right__table__list table thead th:nth-child(2),.detail__score__container__right__table__list table thead th:nth-child(3),.detail__score__container__right__table__list table thead th:nth-child(4){width:25%}.detail__score__container__right__table__list table tbody{background-color:var(--bg--nav);overflow-x:auto;-webkit-overflow-scrolling:touch}.detail__score__container__right__table__list table tbody td{text-align:center;padding:5px 10px;font-weight:500;font-size:14px;line-height:21px;color:var(--text-color)}.detail__score__container__right__table__list table tbody td:nth-child(1),.detail__score__container__right__table__list table tbody td:nth-child(2),.detail__score__container__right__table__list table tbody td:nth-child(3),.detail__score__container__right__table__list table tbody td:nth-child(4){width:25%;text-align:center}.detail__score__container__right__table__list table tbody tr>td:first-child{display:flex;align-items:center;gap:10px}.detail__score__container__right__table__list .detail__score__container__right__footer{width:100%;display:flex;justify-content:flex-end;padding:12px 10px 4px}.detail__score__container__right__table__list .score__input{width:110px;padding:8px 10px;border-radius:8px;border:1px solid rgba(0,0,0,.12);background:#fff;font-size:14px;color:var(--text-color);outline:none;transition:box-shadow .12s ease,border-color .12s ease}.detail__score__container__right__table__list .inline-cat-name{width:100%;padding:8px 10px;border-radius:8px;border:1px solid rgba(0,0,0,.12);background:#fff;font-size:14px;color:var(--text-color);outline:none;transition:box-shadow .12s ease,border-color .12s ease;box-sizing:border-box;display:block;flex:1 1 auto;min-width:0}.detail__score__container__right__table__list .inline-cat-weight{width:80px;padding:8px 10px;border-radius:8px;border:1px solid rgba(0,0,0,.12);background:#fff;font-size:14px;color:var(--text-color);outline:none;transition:box-shadow .12s ease,border-color .12s ease;box-sizing:border-box;display:inline-block;flex:0 0 auto}.detail__score__container__right__table__list .inline-cat-name:focus,.detail__score__container__right__table__list .inline-cat-weight:focus{box-shadow:0 0 0 3px #1470430f;border-color:#14704366}.detail__score__container__right__table__list .score__input:focus{box-shadow:0 0 0 3px #1470430f;border-color:#14704366}.detail__score__container__right__table__list .score__actions{display:flex;gap:6px;justify-content:center;align-items:center}.detail__score__container__right__table__list .btn{padding:6px 12px;border-radius:8px;border:1px solid transparent;background:transparent;cursor:pointer;font-weight:600;font-size:13px}.detail__score__container__right__table__list .btn--edit{color:var(--bg--primary-color);background:#1470430f;border-color:#1470431f}.detail__score__container__right__table__list .btn--save{color:#fff;background:var(--bg--primary-color);border-color:#1470431f}.detail__score__container__right__table__list .btn--cancel{color:#333;background:#fff;border:1px solid rgba(0,0,0,.08)}.detail__score__container__right__table__list .btn--eye{padding:6px 10px;border-radius:8px;background:#1470430a;border:1px solid rgba(20,112,67,.12);font-size:14px;color:var(--bg--primary-color);display:inline-flex;align-items:center;justify-content:center;gap:6px}.detail__score__container__right__table__list .btn--eye i{color:inherit;font-size:14px}.detail__score__container__right__table__list .btn--eye:hover{background:#14704314;border-color:#1470432e}.detail__score__container__right__table__list .btn--eye.active{background:#1470431f;border-color:#14704338;color:#0f5132}.detail__score__container__right__table__list .btn--toggle-all{padding:8px 16px;border-radius:8px;background:var(--bg--primary-color);border:1px solid rgba(20,112,67,.12);font-size:14px;font-weight:600;color:#fff;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:all .2s ease;white-space:nowrap}.detail__score__container__right__table__list .btn--toggle-all i{font-size:14px}.detail__score__container__right__table__list .btn--danger{color:#fff;background:#842029;border-color:#00000014;padding:6px 10px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.detail__score__container__right__table__list table tbody tr{position:relative}.detail__score__container__right__table__list table tbody td:last-child{padding-left:6px;width:auto}.detail__score__container__right__table__list table tbody td:last-child .btn--danger{position:relative;left:-25px;z-index:3}.detail__score__container__right__table__list table tbody td:nth-child(4) .score__actions,.detail__score__container__right__table__list table tbody td:nth-child(4)>div{display:inline-flex;gap:8px;align-items:center;justify-content:center}@media (max-width: 480px){.detail__score__container__right__table__list table tbody td:last-child .btn--danger{left:0;margin-left:6px;z-index:1}.detail__score__container__right__table__list table tbody td:nth-child(4) .score__actions,.detail__score__container__right__table__list table tbody td:nth-child(4)>div{gap:6px}}.detail__score__container__right .isPassed{display:inline-block;min-width:56px;padding:6px 12px;border-radius:20px;background-color:#146c43;color:#f2f2f2;text-align:center;font-weight:600;font-size:13px;line-height:1}.detail__score__container__right .notPassed{display:inline-block;min-width:56px;padding:6px 12px;border-radius:20px;background-color:#842029;color:#f2f2f2;text-align:center;font-weight:600;font-size:13px;line-height:1}.detail__score .modal-close-top-right{position:absolute;top:12px;right:12px;z-index:1100;background:transparent;border:none;cursor:pointer;padding:6px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;color:var(--text-color);font-size:16px}.detail__score .modal-close-top-right i{pointer-events:none;color:#000}.detail__score .modal-close-top-right:focus{outline:2px solid rgba(20,112,67,.18);outline-offset:2px}@media (max-width: 1024px){.detail__score .detail__score{left:18%;width:85%;max-height:86vh}}@media (max-width: 768px){.detail__score .detail__score{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:92%;height:auto;max-height:88vh}.detail__score .detail__score .detail__score__container{max-height:calc(88vh - 48px);overflow-y:auto;flex-direction:column;align-items:stretch}.detail__score .detail__score .detail__score__container__left,.detail__score .detail__score .detail__score__container__right{width:100%;height:auto}.detail__score .detail__score .detail__score__container__left{border-radius:12px 12px 0 0;box-shadow:none;padding:12px}.detail__score .detail__score .detail__score__container__right{padding:12px}.detail__score .detail__score .detail__score__container__right__total__status{flex-direction:column;align-items:flex-start;gap:12px}.detail__score .detail__score .detail__score__container__right__total__status__toggle{width:100%;margin-left:0}.detail__score .detail__score .btn--toggle-all{width:100%;justify-content:center}.detail__score .detail__score .isPassed,.detail__score .detail__score .notPassed{min-width:48px;padding:4px 10px;font-size:12px}.detail__score .detail__score .score__input{width:90px}}@media (max-width: 480px){.detail__score .detail__score{left:50%;top:50%;transform:translate(-50%,-50%);width:96%;height:auto;max-height:92vh}.detail__score .detail__score .detail__score__container__right__heading h2{font-size:18px}.detail__score .detail__score .score__input{width:80px;padding:6px 8px}.detail__score .detail__score .btn{padding:6px 8px;font-size:13px}}.btn--toggle-all,.btn--toggle-all:hover{background:var(--bg--primary-color);color:#fff}.task-card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 1px 3px #0000001a;transition:all .3s ease}.task-card:hover{box-shadow:0 4px 12px #00000026}.task-card__content{display:flex;flex-direction:column;gap:16px}.task-card__header{display:flex;gap:16px;align-items:flex-start}.task-card__percentage{position:relative;width:80px;height:80px;flex-shrink:0}.task-card__percentage--teal .progress-circle__fill{stroke:#045745}.task-card__percentage--orange .progress-circle__fill{stroke:#f97316}.progress-circle{width:100%;height:100%;transform:rotate(-90deg)}.progress-circle__bg{fill:none;stroke:#e5e7eb;stroke-width:8}.progress-circle__fill{fill:none;stroke-width:8;stroke-linecap:round;transition:stroke-dasharray .3s ease}.task-card__percentage .percentage-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:18px;font-weight:700;color:#1f2937}.task-card__info{flex:1}.task-card__title{font-size:16px;font-weight:600;color:#1f2937;margin:0 0 4px}.task-card__description{font-size:13px;color:#6b7280;margin:0 0 4px}.task-card__total{font-size:12px;color:#9ca3af;margin:0}.task-card__footer{display:flex;justify-content:space-between;align-items:center;padding-top:12px;border-top:1px solid #f3f4f6}.task-card__avatars{display:flex;align-items:center;gap:-8px}.task-card__avatars .avatar{width:36px;height:36px;border-radius:50%;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;border:2px solid white;margin-left:-10px;background:#f3f4f6}.task-card__avatars .avatar-img{width:100%;height:100%;object-fit:cover;display:block}.task-card__avatars .avatar:first-child{margin-left:0}.task-card__avatars .avatar-count{font-size:12px;color:#6b7280;margin-left:8px;font-weight:500}.task-card__button{padding:8px 16px;border:none;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.task-card__button--teal{background:#045745;color:#fff}.task-card__button--teal:hover{background:#033f3a;transform:translate(2px)}.task-card__button--orange{background:#045745;color:#fff}.task-card__button--orange:hover{background:#ea580c;transform:translate(2px)}@media (max-width: 640px){.task-card{padding:16px}.task-card__header{flex-direction:column;align-items:center;text-align:center}.task-card__footer{flex-direction:column;gap:12px;align-items:stretch}.task-card__button{width:100%;text-align:center}}.overall__project{width:400px;height:598px;background-color:var(--bg--nav);padding:10px 0 0 12px;border-radius:20px}.overall__project__container{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start}.overall__project__container__heading{width:180px;height:50px;white-space:nowrap}.overall__project__container__heading p{font-weight:700;padding:10px 25px;font-size:20px;line-height:30px;background-color:var(--color--div-head);color:var(--text--name);border-top-left-radius:16px;border-top-right-radius:16px;border-bottom-right-radius:16px}.overall__project__container__circle{width:100%;margin-top:30px}.overall__project__container__circle__item{display:flex;align-self:center;justify-content:center}.overall__project__container__circle__item .total{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px;background-color:transparent!important;border-radius:100%;box-shadow:#64646f33 0 7px 29px}.overall__project__container__circle__item .total h2{color:#9d9b9b;font-weight:300;font-size:15px}.overall__project__container__circle__item .total p{font-weight:600;font-size:18px;color:var(--text-color)}.overall__project__container__list{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0 10px}.overall__project__container__list__item{width:100%;display:flex;align-items:center;justify-content:space-between;gap:5px}.overall__project__container__list__item__left{display:flex;align-items:center;justify-content:center;gap:10px}.overall__project__container__list__item__left .dot__color{padding:4px;border-radius:50%}.overall__project__container__list__item__left p,.overall__project__container__list__item__right p{color:#9d9b9b;font-weight:300;font-size:15px;padding-top:20px}.overall__project .btn__see__detail{width:95%;border-radius:10px;border:none;display:flex;align-items:center;justify-content:center;gap:10px;background-color:#045745;transition:transform .5s ease}.overall__project .btn__see__detail p{color:#fff;font-weight:500;font-size:14px;padding-top:10px}.overall__project .btn__see__detail i{color:#fff;font-size:14px;padding-bottom:5px}.overall__project .btn__see__detail:hover{transform:scale(1.1)}.overall__project .chart__wrapper{position:relative;width:100%;display:flex;justify-content:center;align-items:center}.overall__project .chart__center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.overall__project .chart__center h2{font-size:14px;font-weight:400;color:#9d9b9b;margin:0}.overall__project .chart__center p{font-size:22px;font-weight:700;color:var(--text-color);margin:0}.task-completion-chart{width:100%;background:transparent}.task-completion-chart .chart-card-inner{padding:18px}.task-completion-chart .chart-title{margin:0 0 30px;font-size:18px;font-weight:700;color:var(--text-color, #111827)}.task-completion-chart .chart-row{display:flex;gap:30px;align-items:center;justify-content:space-between}.task-completion-chart .chart-legend{flex:1 1 48%;display:flex;flex-direction:column;gap:12px}.task-completion-chart .legend-item{display:flex;align-items:center;justify-content:space-between}.task-completion-chart .legend-left{display:flex;align-items:center;gap:12px}.task-completion-chart .legend-dot{width:12px;height:12px;border-radius:50%;display:inline-block}.task-completion-chart .legend-label{font-size:14px;color:#6b7280}.task-completion-chart .legend-right{font-size:14px;color:#6b7280;min-width:72px;text-align:right}.task-completion-chart .chart-donut{flex:0 0 48%;display:flex;align-items:center;justify-content:center;position:relative}.task-completion-chart .donut-center-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;pointer-events:none}.task-completion-chart .donut-total{font-size:14px;color:#9d9b9b;margin-bottom:6px}.task-completion-chart .donut-value{font-size:22px;font-weight:700;color:var(--text-color, #111827)}@media (max-width: 800px){.task-completion-chart .chart-row{flex-direction:column;gap:14px;align-items:stretch}.task-completion-chart .chart-legend,.task-completion-chart .chart-donut{flex:1 1 100%}}@media (max-width: 1024px){.overall__project{width:100%}}.task-dashboard{min-height:100vh;padding:24px;--accent: #045745;--accent-dark: #033f3a;--accent-pale: #e8f6f3;--muted: #6b7280;--card-bg: #ffffff;--soft-border: #eef2f5}.task-dashboard .dashboard-container{max-width:1400px;margin:0 auto}.task-dashboard .task-cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-bottom:20px}.task-dashboard .charts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:20px;margin-bottom:20px}.task-dashboard .chart-card{background:#fff;border-radius:12px;padding:24px;box-shadow:0 1px 3px #0000001a}.task-dashboard .chart-card.full-width{grid-column:1/-1;margin-bottom:20px}.task-dashboard .chart-card .chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.task-dashboard .chart-card .chart-header h3{font-size:16px;font-weight:600;color:#1f2937;margin:0}.task-dashboard .group-score-card{display:block;margin-bottom:20px}.group-score-body{display:flex;gap:16px;align-items:center;justify-content:space-between}.group-score-left{display:flex;flex-direction:column;gap:12px;flex:1 1 40%}.group-score-value{font-size:32px;font-weight:700;color:#0f172a}.group-score-progress{width:100%;height:12px;background:#eef2f5;border-radius:999px;overflow:hidden}.group-score-progress__fill{height:100%;background:linear-gradient(90deg,var(--accent),var(--accent-dark));transition:width .3s ease}.group-score-right{display:flex;flex-direction:column;gap:8px;align-items:flex-end;flex:0 0 260px}.group-score-label{font-size:12px;color:var(--muted)}.group-score-input{width:100%;padding:8px 10px;border-radius:8px;border:1px solid #e5e7eb;font-size:14px}.group-score-actions{display:flex;gap:8px}.group-score-save{background:var(--accent);color:#fff;border:none;padding:8px 12px;border-radius:8px;font-weight:600;cursor:pointer}.group-score-save:disabled{opacity:.6;cursor:default}.overallgroup-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a73;display:flex;align-items:center;justify-content:center;z-index:1200;padding:24px;box-sizing:border-box}.overallgroup-modal{width:100%;max-width:520px;max-height:90vh;background:#fff;border-radius:12px;box-shadow:0 12px 40px #0f172a2e;overflow:auto;box-sizing:border-box}.overallgroup-modal-header{padding:18px 20px;border-bottom:1px solid #f3f4f6}.overallgroup-modal-header h4{margin:0;font-size:16px;color:#0f172a}.overallgroup-modal-body{padding:16px 20px;display:flex;flex-direction:column;gap:8px}.overallgroup-modal-actions{padding:12px 20px;display:flex;justify-content:flex-end;gap:8px;border-top:1px solid #f3f4f6}.overallgroup-modal-btn{padding:8px 12px;border-radius:8px;font-weight:600;cursor:pointer}.overallgroup-modal-cancel{background:#fff;border:1px solid #e5e7eb;color:#374151}.overallgroup-modal-save{background:#045745;border:none;color:#fff;padding:10px 16px;border-radius:8px;font-weight:600;cursor:pointer;transition:background .15s ease,transform .12s ease;box-shadow:0 2px 6px #0457451f}.overallgroup-modal-save:hover:not(:disabled){background:#045745;transform:translateY(-1px)}.overallgroup-modal-save:disabled{opacity:1;cursor:not-allowed;background:#f3f4f6;color:#6b7280;border:1px solid #e5e7eb;box-shadow:none}.task-dashboard .chart-card .chart-header .menu-btn{background:none;border:none;font-size:20px;cursor:pointer;color:#6b7280;padding:0}.task-dashboard .chart-card .chart-header .menu-btn:hover{color:#1f2937}.task-dashboard .chart-wrapper{width:100%}.task-dashboard .time-filter{display:flex;gap:12px;margin-bottom:20px;flex-wrap:wrap}.task-dashboard .time-filter .filter-btn{padding:6px 12px;border:1px solid #e5e7eb;background:#fff;border-radius:6px;font-size:12px;cursor:pointer;transition:all .2s;color:#6b7280}.task-dashboard .time-filter .filter-btn:hover{border-color:var(--accent);color:var(--accent)}.task-dashboard .time-filter .filter-btn.active{background:var(--accent);color:#fff;border-color:var(--accent)}.task-dashboard .donut-center-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;pointer-events:none}.task-dashboard .donut-center-text .donut-total{font-size:12px;color:#6b7280;margin-bottom:4px}.task-dashboard .donut-center-text .donut-value{font-size:24px;font-weight:700;color:#1f2937}@media (max-width: 768px){.task-dashboard{padding:16px}.task-dashboard .task-cards-grid,.task-dashboard .charts-grid{grid-template-columns:1fr;gap:16px}.task-dashboard .chart-card{padding:16px}}.schedule__page{width:100%}.main__component{width:100%;min-width:0;height:auto;background-color:var(--bg--nav);border-radius:20px;margin-top:20px;padding:12px 12px 0;z-index:999;box-sizing:border-box}.main__component__container{width:100%;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start}.main__component__container__heading{width:100%;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}.main__component__container__heading__title{width:auto;min-width:140px;height:54px;padding:18px 24px 5px 16px;background-color:var(--color--div-head);border-bottom-right-radius:20px;border-top-left-radius:20px;border-top-right-radius:20px;text-align:center;white-space:nowrap}.main__component__container__heading__title h2{font-size:22px;font-weight:600;line-height:21px;color:var(--text--color-manage)}.main__component__container__heading__btn__add button{display:flex;align-items:center;gap:5px;width:80px;padding:10px;border:none;border-radius:10px;background-color:var(--bg--primary-color);font-size:16px;font-weight:500;color:#fff;line-height:21px;cursor:pointer}@media (max-width: 1024px){.main__component{width:95vw;min-width:0;padding:10px 4vw 0;border-radius:16px}.main__component__container__heading__title{padding:14px 16px 5px 10px}.main__component__container__heading__title h2{font-size:20px}}@media (max-width: 600px){.main__component{width:100vw;min-width:0;border-radius:0;margin-top:0;padding:8px 0 0}.main__component__container{padding:0 4vw}.main__component__container__heading{flex-direction:column;align-items:stretch;gap:8px}.main__component__container__heading__title{width:100%;min-width:0;height:auto;padding:12px 8px 5px;border-radius:12px 12px 12px 0}.main__component__container__heading__title h2{font-size:18px}.main__component__container__heading__btn__add{width:100%}.main__component__container__heading__btn__add button{width:100%;padding:10px 0;font-size:15px}}.document__page{width:100%;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:20px}.document__list{width:1112px;height:346px;background-color:transparent!important;margin-top:20px}.document__list__container{width:100%}.document__list__container__heading{width:150px;height:46px;white-space:nowrap}.document__list__container__heading h2{font-weight:700;padding:10px 25px;font-size:20px;line-height:30px;background-color:var(--color--div-head);color:var(--text--name);border-top-left-radius:16px;border-top-right-radius:16px;border-bottom-right-radius:16px}.document__list__container__main__content{display:flex;align-items:flex-start;justify-content:space-around;gap:10px;flex-wrap:wrap;overflow-y:auto}.document__card{width:450px;height:272px;border-radius:20px;background-color:var(--bg--nav);padding:20px;margin-top:20px;overflow-y:auto}.document__card__container{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:10px}.document__card__container__heading{width:100%;display:flex;align-items:center;justify-content:space-between}.document__card__container__heading h2{color:var(--text-color);font-size:18px;font-weight:600}.document__card__container__list__data{width:100%;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:20px}.document__card__container__list__data__item{width:420px;height:52px;display:flex;align-items:flex-start;justify-content:flex-start;gap:20px;padding:12px 12px 8px;background-color:var(--bg--color--table);border-radius:10px}.document__card__container__list__data__item i{width:25px;height:25px;font-size:14px;background-color:var(--bg--non--green);color:var(--bg--primary-color);padding:5px 10px 5px 7px;border-radius:100%}.document__card__container__list__data__item__content{width:75%;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:1px}.document__card__container__list__data__item__content__title{font-size:12px;font-weight:600;color:var(--text-color)}.document__card__container__list__data__item__content__size{font-size:12px;font-weight:600;color:var(--text--color--gray)}.document__recent{width:1112px;height:auto;background-color:var(--bg--nav);border-radius:20px;padding:5px 12px 20px;transition:.3s ease;overflow:hidden}.document__recent__container{width:100%}.document__recent__container__heading h2{font-weight:700;padding:10px 25px;font-size:20px;line-height:30px;background-color:var(--color--div-head);color:var(--text--name);border-radius:16px;width:fit-content}.document__recent__container__main__content{width:100%;height:300px;display:flex;flex-direction:column;gap:16px;padding-top:20px}.document__recent__container__main__content__item{display:flex;align-items:center;height:80px;justify-content:space-between;border-radius:12px;padding:12px 20px;transition:all .25s ease;cursor:pointer;box-shadow:0 2px 4px #0000000d;background-color:#f8f8f8}.document__recent__container__main__content__item:hover{background-color:#eefbf7;transform:translateY(-2px);border-color:#04a67f}.document__recent__container__main__content__item:hover__bin{opacity:1;transform:scale(1);color:var(--text--color--gray)}.document__recent__container__main__content__item .file-icon{color:#04a67f;font-size:18px;flex-shrink:0}.document__recent__container__main__content__item__content{flex:1;padding:0 15px;display:flex;flex-direction:column;gap:2px}.document__recent__container__main__content__item__content__title{color:var(--text--chart--center);font-weight:600;font-size:15px}.document__recent__container__main__content__item__content__description{color:#777;font-size:13px}.document__recent__container__main__content__item__bin{color:var(--text--color--gray);font-size:18px;cursor:pointer;transition:all .2s ease;opacity:1;transform:scale(.8);margin-left:15px}.document__recent__container__main__content__item__bin:hover{color:#a30000;transform:scale(1.2)}.document__recent__container .pagination{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:25px}.document__recent__container .pagination__button{width:36px;height:36px;border-radius:50%;background-color:#f3f3f3;border:1px solid #ccc;color:var(--text-color);font-size:14px;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.document__recent__container .pagination__button:hover:not(:disabled){background-color:#045745;color:#fff;transform:scale(1.1)}.document__recent__container .pagination__button:disabled{background-color:#e0e0e0;color:#999;cursor:not-allowed}.document__recent__container .pagination__info{font-size:14px;font-weight:500;color:#333}.main__chat__page{width:100%;height:100%;display:flex;align-items:stretch;justify-content:flex-start;gap:0;padding:0;overflow:hidden;position:relative}.main__chat__page .chat-group-container,.main__chat__page .chat-window-container,.main__chat__page .chat-feature-container{transition:all .3s ease;height:100%;overflow:hidden}.main__chat__page .chat-group-container{flex-shrink:0;width:25%;min-width:280px;max-width:350px;border-right:1px solid #e8e8e8}.main__chat__page .chat-window-container{flex:1 1 auto;min-width:0}.main__chat__page .chat-feature-container{flex-shrink:0;width:22%;min-width:250px;max-width:320px;border-left:1px solid #e8e8e8}.main__chat__page .show{display:flex}.main__chat__page .hide{display:none}.main__chat__page .chat__page__container{width:100%;max-width:100%;height:100%;display:flex;flex-direction:column;background-color:var(--bg--nav);border-radius:20px;border:1px solid #e8e8e8;overflow:hidden}.main__chat__page .chat__page__container .chat__heading{width:100%;padding:20px 24px 19px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e8e8e8}.main__chat__page .chat__page__container .chat__heading__left{display:flex;align-items:center;justify-content:center;gap:20px;position:relative}.main__chat__page .chat__page__container .chat__heading__left img{width:56px;height:56px;border-radius:100px}.main__chat__page .chat__page__container .chat__heading__left h2{font-weight:700;font-size:14px;line-height:21px}.main__chat__page .chat__page__container .chat__heading__left .online_dot{padding:7px;border-radius:100%;position:absolute;background-color:green;border:1px solid #ffffff;top:41px;left:39px}.main__chat__page .chat__page__container .chat__heading__right{display:flex;align-items:center;justify-content:center;gap:20px}.main__chat__page .chat__page__container .chat__heading__right i{font-size:14px;padding:10px;border-radius:20px;color:#045745;transition:all .3s ease;cursor:pointer}.main__chat__page .chat__page__container .chat__heading__right i:hover{background-color:#a3d4c6;color:#fff}.main__chat__page .chat__page__container .chat__content{width:100%;flex:1 1 auto;padding:16px 32px;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column}.main__chat__page .chat__page__container .chat__footer{width:100%;flex-shrink:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:15px 19px;border-top:1px solid #e8e8e8;background-color:var(--bg--nav)}.main__chat__page .chat__page__container .chat__footer input[type=text]{width:100%;max-width:650px;height:48px;border-radius:12px;border:1px solid #b5b5b5;padding:12px;background-color:var(--bg--nav)}.main__chat__page .chat__page__container .chat__footer__feature{width:100%;display:flex;align-items:center;justify-content:space-between;padding-top:15px}.main__chat__page .chat__page__container .chat__footer__feature .wrapper__feature{padding-top:10px;display:flex;align-items:center;justify-content:center;gap:10px}.main__chat__page .chat__page__container .chat__footer__feature .wrapper__feature img{width:18px;height:18px}.main__chat__page .chat__page__container .chat__footer__feature .send__message{padding-top:10px}.main__chat__page .chat__page__container .chat__footer__feature .send__message i{border:1px solid #045745;padding:5px;font-size:18px;border-radius:8px;color:#045745}.main__chat__page .chat__page__container .chat__footer__feature .send__message i:hover{background-color:#045745;color:#fff}@media (max-width: 1280px){.main__chat__page{gap:0}.main__chat__page .chat-group-container{width:23%;min-width:260px;max-width:300px}.main__chat__page .chat-feature-container{width:20%;min-width:230px;max-width:280px}.main__chat__page .chat__page__container{max-width:100%}.main__chat__page .chat__page__container .chat__heading{padding:18px 20px}.main__chat__page .chat__page__container .chat__heading__left{gap:15px}.main__chat__page .chat__page__container .chat__heading__left img{width:48px;height:48px}.main__chat__page .chat__page__container .chat__heading__left h2{font-size:13px}.main__chat__page .chat__page__container .chat__heading__left .online_dot{padding:6px;top:35px;left:34px}.main__chat__page .chat__page__container .chat__heading__right{gap:15px}.main__chat__page .chat__page__container .chat__heading__right i{font-size:13px;padding:9px}.main__chat__page .chat__page__container .chat__content{min-height:380px;max-height:380px;padding:0 24px 24px}.main__chat__page .chat__page__container .chat__footer{padding:12px 16px}.main__chat__page .chat__page__container .chat__footer input[type=text]{height:44px;font-size:14px}.main__chat__page .chat__page__container .chat__footer__feature .wrapper__feature{gap:8px}.main__chat__page .chat__page__container .chat__footer__feature .wrapper__feature img{width:16px;height:16px}.main__chat__page .chat__page__container .chat__footer__feature .send__message i{font-size:16px;padding:4px}}@media (max-width: 1024px){.main__chat__page .chat-group-container,.main__chat__page .chat-window-container,.main__chat__page .chat-feature-container{width:100%;max-width:100%;height:100%;border:none}.main__chat__page .chat-group-container,.main__chat__page .chat-window-container,.main__chat__page .chat-feature-container{display:none}.main__chat__page .chat-group-container.show,.main__chat__page .chat-window-container.show,.main__chat__page .chat-feature-container.show{display:flex}.main__chat__page .chat__page__container{max-width:100%;border-radius:0;height:100%}.main__chat__page .chat__page__container .chat__content{padding:12px 20px}.main__chat__page .chat__page__container .chat__heading{padding-top:60px}}@media (max-width: 768px){.main__chat__page .chat__page__container .chat__heading{padding:50px 16px 15px}.main__chat__page .chat__page__container .chat__heading__left{gap:12px}.main__chat__page .chat__page__container .chat__heading__left img{width:42px;height:42px}.main__chat__page .chat__page__container .chat__heading__left h2{font-size:12px}.main__chat__page .chat__page__container .chat__heading__left .online_dot{padding:5px;top:30px;left:30px}.main__chat__page .chat__page__container .chat__heading__right{gap:12px}.main__chat__page .chat__page__container .chat__heading__right i{font-size:12px;padding:8px}.main__chat__page .chat__page__container .chat__content{min-height:300px;max-height:300px;padding:0 16px 16px}.main__chat__page .chat__page__container .chat__footer{padding:10px 12px}.main__chat__page .chat__page__container .chat__footer input[type=text]{height:40px;font-size:13px;padding:10px}.main__chat__page .chat__page__container .chat__footer__feature{padding-top:12px}.main__chat__page .chat__page__container .chat__footer__feature .wrapper__feature{gap:6px}.main__chat__page .chat__page__container .chat__footer__feature .wrapper__feature img{width:14px;height:14px}.main__chat__page .chat__page__container .chat__footer__feature .send__message i{font-size:14px;padding:4px}}@media (max-width: 600px){.main__chat__page .chat__page__container .chat__heading{padding:45px 12px 12px;flex-wrap:wrap}.main__chat__page .chat__page__container .chat__heading__left{gap:10px}.main__chat__page .chat__page__container .chat__heading__left img{width:38px;height:38px}.main__chat__page .chat__page__container .chat__heading__left h2{font-size:11px}.main__chat__page .chat__page__container .chat__heading__left .online_dot{padding:4px;top:27px;left:27px}.main__chat__page .chat__page__container .chat__heading__right{gap:10px}.main__chat__page .chat__page__container .chat__heading__right i{font-size:11px;padding:7px}.main__chat__page .chat__page__container .chat__content{min-height:280px;max-height:280px;padding:0 12px 12px}.main__chat__page .chat__page__container .chat__footer{padding:8px 10px}.main__chat__page .chat__page__container .chat__footer input[type=text]{height:38px;font-size:12px;padding:8px}.main__chat__page .chat__page__container .chat__footer__feature{padding-top:10px}.main__chat__page .chat__page__container .chat__footer__feature .wrapper__feature img{width:13px;height:13px}.main__chat__page .chat__page__container .chat__footer__feature .send__message i{font-size:13px}}@media (max-width: 480px){.main__chat__page .chat__page__container .chat__heading{padding:42px 10px 10px}.main__chat__page .chat__page__container .chat__heading__left{gap:8px}.main__chat__page .chat__page__container .chat__heading__left img{width:34px;height:34px}.main__chat__page .chat__page__container .chat__heading__left h2{font-size:10px}.main__chat__page .chat__page__container .chat__heading__left .online_dot{padding:3px;top:24px;left:24px}.main__chat__page .chat__page__container .chat__heading__right{gap:8px}.main__chat__page .chat__page__container .chat__heading__right i{font-size:10px;padding:6px;border-radius:15px}.main__chat__page .chat__page__container .chat__content{min-height:250px;max-height:250px;padding:0 10px 10px}.main__chat__page .chat__page__container .chat__footer{padding:8px}.main__chat__page .chat__page__container .chat__footer input[type=text]{height:36px;font-size:11px;padding:8px;border-radius:10px}.main__chat__page .chat__page__container .chat__footer__feature{padding-top:8px}.main__chat__page .chat__page__container .chat__footer__feature .wrapper__feature{gap:5px}.main__chat__page .chat__page__container .chat__footer__feature .wrapper__feature img{width:12px;height:12px}.main__chat__page .chat__page__container .chat__footer__feature .send__message i{font-size:12px;padding:3px;border-radius:6px}}.feature__chat__container{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:15px;padding:15px 10px;overflow-y:auto}.feature__chat__container .feature__header{width:100%;display:none;align-items:center;gap:15px;padding:15px 10px;border-bottom:1px solid #e8e8e8;background-color:#fff}.feature__chat__container .feature__header .feature__back-btn{width:36px;height:36px;border-radius:50%;background-color:transparent;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s ease}.feature__chat__container .feature__header .feature__back-btn i{font-size:18px;color:#045745}.feature__chat__container .feature__header .feature__back-btn:hover{background-color:#f0f0f0}.feature__chat__container .feature__header h2{font-size:18px;font-weight:600;margin:0}.feature__chat__container .feature__dropdown{width:100%;background-color:#fff;border-radius:20px;box-shadow:0 2px 8px #0000001a}.feature__chat__container .feature__dropdown .feature__dropdown__heading{display:flex;align-items:center;justify-content:space-between;padding:20px;cursor:pointer;border-radius:20px}.feature__chat__container .feature__dropdown .feature__dropdown__heading h2{font-weight:700;font-size:14px;line-height:21px;color:#667085;text-transform:uppercase;margin:0}.feature__chat__container .feature__dropdown .feature__dropdown__heading i{font-size:10px;color:#000;transition:transform .3s ease}.feature__chat__container .feature__dropdown .feature__dropdown__heading:hover{background-color:#f9f9f9}.feature__chat__container .feature__dropdown .feature__menu{padding:0 15px 15px;animation:slideDown .3s ease-out}.feature__chat__container .feature__dropdown .feature__menu .feature__menu__item{display:flex;align-items:center;gap:12px;padding:12px 8px;border-radius:8px;cursor:pointer;transition:background-color .2s ease}.feature__chat__container .feature__dropdown .feature__menu .feature__menu__item:hover{background-color:#f5f5f5}.feature__chat__container .feature__dropdown .feature__menu .feature__menu__item i{font-size:16px;color:#374151;width:20px;text-align:center}.feature__chat__container .feature__dropdown .feature__menu .feature__menu__item span{font-size:14px;font-weight:500;color:#374151;flex:1}.feature__chat__container .feature__dropdown .feature__menu .feature__menu__item:last-child i,.feature__chat__container .feature__dropdown .feature__menu .feature__menu__item:last-child span{color:#ef4444}.feature__chat__container .feature__chat__user{width:100%;height:auto;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:20px;background-color:#fff;padding:20px;border-radius:20px}.feature__chat__container .feature__chat__user img{width:56px;height:56px;border-radius:100px}.feature__chat__container .feature__chat__user h2{font-weight:700;font-size:14px;line-height:21px;color:#101828}.feature__chat__container .feature__detail__class{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px}.feature__chat__container .feature__detail__class .class-selection,.feature__chat__container .feature__detail__class .team-selection{width:200px;font-size:14px;font-weight:700;color:#8a8a8a;border-radius:10px}.feature__chat__container .feature__detail__class .class-selection:hover,.feature__chat__container .feature__detail__class .team-selection:hover{color:#000}.feature__chat__container .feature__detail__class .class-selection p,.feature__chat__container .feature__detail__class .team-selection p{margin:0}.feature__chat__container .feature__detail__class .class-selection .team-members,.feature__chat__container .feature__detail__class .team-selection .team-members{margin-top:10px;display:flex;flex-direction:column;gap:12px;width:100%;border-radius:8px}.feature__chat__container .feature__detail__class .class-selection .team-members .team-member,.feature__chat__container .feature__detail__class .team-selection .team-members .team-member{display:flex;align-items:center;gap:12px;border-radius:6px;transition:background-color .2s}.feature__chat__container .feature__detail__class .class-selection .team-members .team-member:hover,.feature__chat__container .feature__detail__class .team-selection .team-members .team-member:hover{background-color:#e0e0e0}.feature__chat__container .feature__detail__class .class-selection .team-members .team-member .team-member-avatar,.feature__chat__container .feature__detail__class .team-selection .team-members .team-member .team-member-avatar{position:relative;width:40px;height:40px}.feature__chat__container .feature__detail__class .class-selection .team-members .team-member .team-member-avatar img,.feature__chat__container .feature__detail__class .team-selection .team-members .team-member .team-member-avatar img{width:32px;height:32px;border-radius:50%;object-fit:cover;background-color:#f0f0f0;border:1px solid #e0e0e0}.feature__chat__container .feature__detail__class .class-selection .team-members .team-member .team-member-avatar .status-indicator,.feature__chat__container .feature__detail__class .team-selection .team-members .team-member .team-member-avatar .status-indicator{position:absolute;bottom:-2px;right:-2px;width:12px;height:12px;background-color:#10b981;border:2px solid #fff;border-radius:50%}.feature__chat__container .feature__detail__class .class-selection .team-members .team-member .team-member-info,.feature__chat__container .feature__detail__class .team-selection .team-members .team-member .team-member-info{flex:1;display:flex;flex-direction:column;gap:2px}.feature__chat__container .feature__detail__class .class-selection .team-members .team-member .team-member-info .team-member-name,.feature__chat__container .feature__detail__class .team-selection .team-members .team-member .team-member-info .team-member-name{font-size:14px;font-weight:600;color:#101828;line-height:1.2}.feature__chat__container .feature__detail__class .class-selection .team-members .team-member .team-member-info .team-member-email,.feature__chat__container .feature__detail__class .team-selection .team-members .team-member .team-member-info .team-member-email{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;color:#aaa;word-break:break-all}.feature__chat__container .feature__detail__class .class-selection .team-members .team-member .member-actions,.feature__chat__container .feature__detail__class .team-selection .team-members .team-member .member-actions{margin-left:auto;display:flex;align-items:center;justify-content:center}.feature__chat__container .feature__detail__class .class-selection .team-members .team-member .member-action-btn,.feature__chat__container .feature__detail__class .team-selection .team-members .team-member .member-action-btn{-moz-appearance:none;appearance:none;-webkit-appearance:none;border:1px solid rgba(16,24,40,.06);background:#fff;color:#475569;width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;cursor:pointer;transition:all .15s ease;box-shadow:0 1px 2px #1018280a;padding:0;margin-left:8px}.feature__chat__container .feature__detail__class .class-selection .team-members .team-member .member-action-btn i,.feature__chat__container .feature__detail__class .team-selection .team-members .team-member .member-action-btn i{font-size:14px;line-height:1;color:#000}.feature__chat__container .feature__detail__class .class-selection .team-members .team-member .member-action-btn:hover,.feature__chat__container .feature__detail__class .team-selection .team-members .team-member .member-action-btn:hover{background:#ef4444;border-color:#ef4444f2;color:#fff;transform:translateY(-1px);box-shadow:0 6px 14px #ef444424}.feature__chat__container .feature__detail__class .class-selection .team-members .team-member .member-action-btn:focus,.feature__chat__container .feature__detail__class .team-selection .team-members .team-member .member-action-btn:focus{outline:none;box-shadow:0 0 0 4px #ef44441f}.feature__chat__container .feature__detail__class .class-selection .team-members p,.feature__chat__container .feature__detail__class .team-selection .team-members p{font-size:12px;color:#8a8a8a;text-align:center;margin:0;padding:8px}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.add-people-btn{margin:12px 0 18px;padding:7px 18px;background:var(--bg--primary-color);color:#fff;border:none;border-radius:8px;font-weight:600;font-size:14px;cursor:pointer;display:flex;align-items:center;gap:6px}.add-people-modal{position:fixed;z-index:1001;left:0;top:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;overflow-y:none}.add-people-modal .add-people-modal-content{background:#fff;border-radius:14px;box-shadow:0 8px 32px #0000002e;padding:10px;min-width:320px;min-height:120px;position:relative;z-index:1002;max-height:70vh;overflow-y:auto;display:flex;flex-direction:column;gap:12px}.add-people-modal .add-people-modal-header{display:flex;align-items:center;justify-content:space-between;font-weight:700;font-size:17px;color:#101828;margin-bottom:12px}.add-people-modal .close-modal-btn{background:none;border:none;font-size:26px;color:#888;cursor:pointer;font-weight:700;transition:color .2s;margin-left:12px}.add-people-modal .close-modal-btn:hover{color:#ef4444}.add-people-modal .add-people-list{display:flex;flex-direction:column;gap:12px;max-height:70vh;overflow-y:auto;padding:8px 4px}.add-people-modal .add-people-list .helper-text{margin-top:6px;color:#6b7280;font-size:13px}.add-people-modal .add-people-list .add-user-suggestions{margin-top:6px;background:#fff;border:1px solid #eef3f8;border-radius:8px;max-height:240px;overflow:auto;z-index:1200;box-shadow:0 6px 18px #0734370f;transition:transform .08s ease,box-shadow .12s ease}.add-people-modal .add-people-list .add-user-suggestion-item{display:flex;gap:12px;align-items:center;padding:10px 12px;cursor:pointer;transition:background-color .12s,transform .08s}.add-people-modal .add-people-list .add-user-suggestion-item:hover{background:#f5fbfb;transform:translateY(-1px)}.add-people-modal .add-people-list .add-user-suggestion-item img{width:36px;height:36px;border-radius:50%;object-fit:cover;box-shadow:0 1px #1018280d}.add-people-modal .add-people-list .add-user-suggestion-info .name{font-weight:600;font-size:14px;color:#0f172a}.add-people-modal .add-people-list .add-user-suggestion-info .email{font-size:12px;color:#6b7280}.add-people-modal .add-people-list .selected-add-list{margin-top:8px;display:flex;flex-direction:column;gap:8px;align-items:stretch;width:100%}.add-people-modal .add-people-list .selected-add-chip{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:8px 12px;border-radius:10px;background:#fff;border:1px solid #eef2f6;box-shadow:0 1px #10182805;width:100%;box-sizing:border-box}.add-people-modal .add-people-list .selected-add-chip img{width:36px;height:36px;border-radius:50%;object-fit:cover;flex-shrink:0}.add-people-modal .add-people-list .selected-add-info{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:2px;overflow:hidden}.add-people-modal .add-people-list .selected-add-info .name{font-weight:600;font-size:13px;color:#0f172a;white-space:normal;overflow:hidden;text-overflow:ellipsis}.add-people-modal .add-people-list .selected-add-info .email{font-size:12px;color:#6b7280;white-space:normal;overflow:hidden;text-overflow:ellipsis;word-break:break-word}.add-people-modal .add-people-list .chip-remove{background:transparent;border:1px solid rgba(16,24,40,.12);width:26px;height:26px;border-radius:6px;cursor:pointer;color:#111827;display:inline-flex;align-items:center;justify-content:center;font-size:14px}.add-people-modal .add-people-list .chip-remove:hover{background:#fff5f5;border-color:#fca5a5}.add-people-modal .add-people-list .add-people-controls{display:flex;gap:10px;align-items:flex-start;width:100%;flex-direction:column}.add-people-modal .add-people-list .add-people-controls .input-wrap{width:100%}.add-people-modal .add-people-list .add-people-actions{display:flex;width:100%;justify-content:flex-end;margin-top:6px}.add-people-modal .add-people-list .input-wrap{display:flex;align-items:center;gap:8px;background:#f8fafc;border:1px solid #e6e9ee;padding:8px 10px;border-radius:10px;flex:1}.add-people-modal .add-people-list .input-icon{color:#9aa4b2;font-size:14px}.add-people-modal .add-people-list .email-input{border:none;outline:none;background:transparent;font-size:14px;color:#111827;width:100%}.add-people-modal .add-people-list .add-member-btn[disabled]{opacity:.6;cursor:not-allowed}.add-people-modal .add-people-list .btn-content{display:inline-flex;align-items:center;gap:8px}.add-people-modal .add-people-list .spinner{width:14px;height:14px;border-radius:50%;border:2px solid rgba(255,255,255,.2);border-top-color:#fff;animation:spin .8s linear infinite;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.add-people-modal .add-people-row{display:flex;align-items:center;gap:12px;padding:8px 0;border-bottom:1px solid #f0f0f0}.add-people-modal .add-people-row:last-child{border-bottom:none}.add-people-modal .add-people-avatar{width:36px;height:36px;border-radius:50%;object-fit:cover;border:1.5px solid #e0e0e0;background:#fff}.add-people-modal .add-people-name{flex:1;font-weight:500;color:#222;font-size:15px}.add-people-modal-backdrop{position:fixed;z-index:1000;left:0;top:0;right:0;bottom:0;background:#0000002e}.btn-create-add{margin:12px 0 18px;padding:7px 18px;background:var(--bg--primary-color);color:#fff;border:none;border-radius:8px;font-weight:600;font-size:14px;gap:6px}.add-member-btn.btn-create-add{min-width:98px;height:40px}.email-input::placeholder{color:#94a3b8}@media (max-width: 1280px){.feature__chat__container{gap:12px}.feature__chat__container .feature__dropdown{border-radius:15px}.feature__chat__container .feature__dropdown .feature__dropdown__heading{padding:12px;font-size:14px}.feature__chat__container .feature__dropdown .feature__menu{padding:10px;gap:8px}.feature__chat__container .feature__dropdown .feature__menu button{font-size:13px;padding:8px 12px}.feature__chat__container .feature__dropdown .feature__menu button i{font-size:14px}.feature__chat__container .feature__chat__user{padding:15px;gap:15px}.feature__chat__container .feature__chat__user img{width:70px;height:70px}.feature__chat__container .feature__chat__user h2{font-size:15px}.add-people-modal-content{min-width:300px;padding:18px}.add-people-modal-header{font-size:16px}}@media (max-width: 1024px){.feature__chat__container{padding:15px 10px}.feature__chat__container .feature__header{display:flex}.feature__chat__container .feature__dropdown,.feature__chat__container .feature__chat__user{width:100%;max-width:100%}}@media (max-width: 768px){.feature__chat__container{gap:12px;padding:0}.feature__chat__container .feature__dropdown,.feature__chat__container .feature__chat__user{width:100%;max-width:100%}.feature__chat__container .feature__dropdown{border-radius:12px}.feature__chat__container .feature__dropdown .feature__dropdown__heading{padding:10px;font-size:13px}.feature__chat__container .feature__dropdown .feature__menu{padding:8px;gap:6px}.feature__chat__container .feature__dropdown .feature__menu button{font-size:12px;padding:7px 10px}.feature__chat__container .feature__dropdown .feature__menu button i{font-size:13px}.feature__chat__container .feature__chat__user{padding:12px;gap:12px}.feature__chat__container .feature__chat__user img{width:60px;height:60px}.feature__chat__container .feature__chat__user h2{font-size:14px}.add-people-modal-content{min-width:280px;padding:15px}.add-people-modal-header{font-size:15px}.add-people-btn,.btn-create-add{padding:6px 14px;font-size:13px}}@media (max-width: 600px){.feature__chat__container{gap:10px;padding:0}.feature__chat__container .feature__dropdown,.feature__chat__container .feature__chat__user{width:100%;max-width:100%}.feature__chat__container .feature__dropdown{border-radius:10px}.feature__chat__container .feature__dropdown .feature__dropdown__heading{padding:8px;font-size:12px}.feature__chat__container .feature__dropdown .feature__menu{padding:6px;gap:5px}.feature__chat__container .feature__dropdown .feature__menu button{font-size:11px;padding:6px 8px;border-radius:6px}.feature__chat__container .feature__dropdown .feature__menu button i{font-size:12px}.feature__chat__container .feature__chat__user{padding:10px;gap:10px}.feature__chat__container .feature__chat__user img{width:50px;height:50px}.feature__chat__container .feature__chat__user h2{font-size:13px}.add-people-modal-content{min-width:260px;padding:12px}.add-people-btn,.btn-create-add{padding:5px 12px;font-size:12px}}@media (max-width: 480px){.feature__chat__container{max-width:100%;gap:8px}.feature__chat__container .feature__dropdown{border-radius:8px}.feature__chat__container .feature__dropdown .feature__dropdown__heading{padding:6px;font-size:11px}.feature__chat__container .feature__dropdown .feature__menu{padding:5px}.feature__chat__container .feature__dropdown .feature__menu button{font-size:10px;padding:5px 7px}.feature__chat__container .feature__dropdown .feature__menu button i{font-size:11px}.feature__chat__container .feature__chat__user{padding:8px;gap:8px;border-radius:15px}.feature__chat__container .feature__chat__user img{width:45px;height:45px}.feature__chat__container .feature__chat__user h2{font-size:12px}.add-people-modal-content{min-width:240px;padding:10px;max-height:80vh}.add-people-modal-header{font-size:14px;margin-bottom:8px}.close-modal-btn{font-size:22px}.add-people-btn,.btn-create-add{padding:5px 10px;font-size:11px;min-width:80px;height:34px}.selected-add-chip{font-size:11px;padding:4px 8px;min-width:90px}.member-action-btn{padding:3px 6px;font-size:10px;width:26px;height:26px}}.chat__page__container{display:flex;flex-direction:column;width:100%;max-width:100%;height:100%;background-color:#fff;border-radius:20px;border:1px solid #e8e8e8;overflow:hidden}.chat__page__container .chat__heading{width:100%;padding:20px 24px 19px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e8e8e8;position:relative}.chat__page__container .chat__heading .chat__back-btn{position:absolute;left:15px;top:70%;transform:translateY(-50%);width:36px;height:36px;border-radius:50%;background-color:transparent;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;z-index:10}.chat__page__container .chat__heading .chat__back-btn i{font-size:20px;color:#045745}.chat__page__container .chat__heading .chat__back-btn:hover{background-color:#f0f0f0}.chat__page__container .chat__heading .chat__back-btn:active{transform:translateY(-50%) scale(.95)}.chat__page__container .chat__heading.has-back-btn{padding-left:65px}.chat__page__container .chat__heading__left{display:flex;align-items:center;justify-content:flex-start;gap:20px;position:relative}.chat__page__container .chat__heading__left img{width:56px;height:56px;border-radius:100px}.chat__page__container .chat__heading__left h2{font-weight:700;font-size:14px;line-height:21px}.chat__page__container .chat__heading__left .online_dot{padding:7px;border-radius:100%;position:absolute;background-color:green;border:1px solid #ffffff;top:41px;left:39px}.chat__page__container .chat__heading__right{display:flex;align-items:center;justify-content:center;gap:20px}.chat__page__container .chat__heading__right i{font-size:14px;padding:10px;border-radius:20px;color:#045745;transition:all .3s ease;cursor:pointer}.chat__page__container .chat__heading__right i:hover{background-color:#a3d4c6;color:#fff}.chat__page__container .chat__content{width:100%;flex:1 1 auto;padding:16px 32px;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;min-height:0}.chat__page__container .chat__footer{position:relative;width:100%;flex-shrink:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:15px 19px;border-top:1px solid #e8e8e8;background-color:#fff}.chat__page__container .chat__footer input[type=text]{width:650px;height:48px;border-radius:12px;border:1px solid #b5b5b5;padding:12px;outline:none}.chat__page__container .chat__footer input[type=text]:focus{border-color:#045745;box-shadow:0 0 0 2px #0457451a}.chat__page__container .chat__footer__feature{width:100%;display:flex;align-items:center;justify-content:space-between;padding-top:15px}.chat__page__container .chat__footer__feature .wrapper__feature{padding-top:10px;display:flex;align-items:center;justify-content:center;gap:10px}.chat__page__container .chat__footer__feature .wrapper__feature img{width:18px;height:18px;cursor:pointer;transition:opacity .2s ease}.chat__page__container .chat__footer__feature .wrapper__feature img:hover{opacity:.7}.chat__page__container .chat__footer__feature .wrapper__feature i{color:#757575;cursor:pointer;transition:color .2s ease}.chat__page__container .chat__footer__feature .wrapper__feature i:hover{color:#045745}.chat__page__container .chat__footer__feature .send__message{padding-top:10px}.chat__page__container .chat__footer__feature .send__message i{border:1px solid #045745;padding:5px;font-size:18px;border-radius:8px;color:#045745;cursor:pointer;transition:all .2s ease}.chat__page__container .chat__footer__feature .send__message i:hover{background-color:#045745;color:#fff}.chat__page__container .chat__input_wrapper{position:relative;width:100%;display:flex;justify-content:center}.chat__mention_suggestions{position:absolute;bottom:calc(100% + 8px);background:#fff;border:1px solid #e6e6e6;box-shadow:0 8px 24px #00000014;border-radius:8px;z-index:80;width:650px;max-width:calc(100% - 40px);margin:0 auto;left:50%;transform:translate(-50%)}.chat__mention_item{display:flex;align-items:center;gap:8px;padding:8px 12px;cursor:pointer}.chat__mention_item img{width:28px;height:28px;border-radius:50%}.chat__mention_item:hover{background:#f5f5f5}.chat__content--scroll{width:100%;padding:0 32px 32px;overflow-y:auto;display:flex;flex-direction:column;flex:1 1 auto;min-height:0;scroll-behavior:smooth}.chat__content--scroll::-webkit-scrollbar{width:6px}.chat__content--scroll::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.chat__content--scroll::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.chat__content--scroll::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.chat__message__row{display:flex;align-items:center;margin-bottom:20px;width:100%;position:relative;padding-bottom:28px}.chat__message__row--right{justify-content:flex-end}.chat__message__row--left{justify-content:flex-start}.chat__message__avatar{width:32px;height:32px;border-radius:50%;margin:0 8px;object-fit:cover;background:#fff;border:1px solid #e5e7eb}.msg-more-container{display:flex;align-items:center;margin-right:8px;position:relative}.msg-more-btn{background:transparent;border:none;cursor:pointer;padding:6px;border-radius:6px;color:#000;font-size:14px}.msg-more-btn:hover{background:#0000000a}.msg-more-menu{position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%);display:flex;flex-direction:column;background:#fff;border-radius:10px;padding:6px 0;min-width:160px;box-shadow:0 10px 30px #0000001f;z-index:60;pointer-events:auto}.msg-more-menu:after{content:"";position:absolute;bottom:-8px;left:50%;transform:translate(-50%);width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid #ffffff}.msg-more-menu:before{content:"";position:absolute;bottom:-9px;left:50%;transform:translate(-50%);width:0;height:0;border-left:9px solid transparent;border-right:9px solid transparent;border-top:9px solid rgba(0,0,0,.06);z-index:59}.msg-more-menu button{display:block;width:100%;background:transparent;border:none;padding:10px 16px;text-align:left;cursor:pointer;color:#111;font-size:14px;line-height:1}.msg-more-menu button+button{border-top:1px solid #f0f0f0}.msg-more-menu button:hover{background:#f7f7f8}.msg-more-btn i,.msg-more-btn svg{color:#000!important}.chat__message__row--right .msg-more-container{order:0}.chat__message__row--left .msg-more-container{order:3}.chat__message__row--right .chat__message{order:1;margin-left:0}.chat__message__row--right .chat__message__avatar{order:2;margin-left:8px}.chat__message{padding:12px 16px;border-radius:16px;max-width:60%;word-break:break-word;display:flex;flex-direction:column;background:#f3f3f3;box-shadow:0 1px 2px #00000008;margin-bottom:4px}.chat__message--right{background:#06605b;color:#fff;align-items:flex-end;border-radius:12px 4px 12px 12px;box-shadow:0 1px 2px #00000008}.chat__message--left{background:#f3f3f3;color:#222;align-items:flex-start;border-radius:8px 16px 16px}.chat__message__info{display:flex;justify-content:space-between;font-size:13px;color:#888;margin-bottom:6px;width:100%}.chat__message--right .chat__message__info,.chat__message--right .chat__message__name{color:#fff}.chat__message--right .chat__message__time{color:#e0e0e0}.chat__message__name{font-weight:600}.chat__message__time{margin-left:8px;font-size:12px}.chat__message__content{font-size:15px;color:inherit;white-space:pre-line;margin-top:2px}.chat__mention{display:inline-block;background:#04574514;color:#045745;padding:5px 10px;border-radius:10px;font-weight:700;font-size:.95em;line-height:1;border:1px solid rgba(4,87,69,.12);box-shadow:0 1px #04574505 inset;transition:background-color .12s ease,color .12s ease,box-shadow .12s ease}.chat__message--right .chat__mention{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.12);box-shadow:0 2px 6px #0457450f}.chat__message--left .chat__mention{background:#0457451a;color:#045745;border-color:#04574524}.chat__message__readers{display:flex;gap:6px;position:absolute;right:8px;bottom:6px;justify-content:flex-end;pointer-events:auto}.chat__message__reader_wrapper{position:relative;display:inline-flex;align-items:center}.chat__message__reader_avatar{width:18px;height:18px;border-radius:50%;object-fit:cover;border:2px solid #fff;box-shadow:0 0 0 1px #0000000a;cursor:default}.chat__message__reader_name{display:none;position:absolute;bottom:calc(100% + 6px);right:0;white-space:nowrap;background:#000000bf;color:#fff;font-size:12px;padding:4px 8px;border-radius:6px;transform:translateY(4px);transition:opacity .12s ease,transform .12s ease;opacity:0;pointer-events:none;z-index:50}.chat__message__reader_wrapper:hover .chat__message__reader_name{display:block;opacity:1;transform:translateY(0);pointer-events:auto}.chat__call{position:relative;background:linear-gradient(180deg,#056a5f,#034c43);color:#fff;padding:16px;border-radius:14px;max-width:360px;box-shadow:0 8px 26px #0124221f}.chat__call__meta{display:flex;align-items:center;justify-content:space-between}.chat__call__initiator_name{font-weight:700;font-size:14px}.chat__call__initiator_time{font-size:12px;opacity:.9}.chat__call__icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:10px;background:#ffffff0f}.chat__call__icon i{font-size:18px}.chat__call__body{margin-top:10px}.chat__call__title{font-weight:800;font-size:16px}.chat__call__sub{margin-top:6px;font-size:13px}.chat__call__link{color:#cfeee6;text-decoration:underline}.chat__call__actions{margin-top:12px}.chat__call__retry{background:#fff;color:#045e56;border:none;padding:8px 16px;border-radius:12px;font-weight:700;cursor:pointer}.chat__window{width:100%;padding:15px}.chat__call__retry:hover{opacity:.95;transform:translateY(-1px)}@media (max-width: 1280px){.chat__page__container{max-width:600px;min-height:600px;border-radius:18px}.chat__message__avatar{width:32px;height:32px}.chat__message__content{max-width:380px;font-size:13px;padding:9px 12px}.chat__message__name{font-size:12px}.chat__message__time{font-size:10px}}@media (max-width: 1024px){.chat__page__container{max-width:100%;min-height:550px}.chat__mention_suggestions{max-width:90%;font-size:13px}.chat__message__content{max-width:340px;font-size:12px}}@media (max-width: 768px){.chat__page__container{min-height:500px;border-radius:15px}.chat__message__row{gap:8px}.chat__message__avatar{width:28px;height:28px}.chat__message__content{max-width:280px;font-size:11px;padding:8px 10px;border-radius:10px}.chat__message__name{font-size:11px}.chat__message__time{font-size:9px}.chat__mention{padding:1px 5px;font-size:11px}.chat__message__readers{gap:3px}.chat__message__reader_avatar{width:18px;height:18px}.msg-more-btn{width:20px;height:20px;font-size:11px}.msg-more-menu{min-width:100px;padding:4px}.msg-more-menu button{font-size:11px;padding:5px 8px}}@media (max-width: 600px){.chat__page__container{min-height:450px;border-radius:12px}.chat__message__row{gap:6px}.chat__message__avatar{width:26px;height:26px}.chat__message__content{max-width:220px;font-size:10px;padding:7px 9px}.chat__message__name{font-size:10px}.chat__message__time{font-size:8px}.chat__mention_suggestions{max-width:85%;font-size:11px;padding:6px}.chat__mention_item{padding:6px}.chat__mention_item img{width:22px;height:22px}.chat__call{max-width:240px;padding:10px}.chat__call__title{font-size:14px}.chat__call__sub{font-size:11px}}@media (max-width: 480px){.chat__page__container{min-height:400px;border-radius:10px;margin-bottom:15px}.chat__message__row{gap:5px}.chat__message__avatar{width:24px;height:24px}.chat__message__content{max-width:180px;font-size:9px;padding:6px 8px;border-radius:8px}.chat__message__name{font-size:9px}.chat__message__time{font-size:7px}.chat__mention{padding:1px 4px;font-size:9px;border-radius:3px}.chat__message__readers{gap:2px}.chat__message__reader_avatar{width:16px;height:16px}.msg-more-btn{width:18px;height:18px;font-size:10px}.msg-more-menu{min-width:90px;padding:3px}.msg-more-menu button{font-size:10px;padding:4px 6px}.chat__call{max-width:200px;padding:8px}.chat__call__icon i{font-size:14px}.chat__call__title{font-size:12px}.chat__call__sub{font-size:10px}.chat__call__retry{padding:5px 10px;font-size:10px}}.group__container{width:100%;height:715px;background-color:var(--bg--nav);border-left:1px solid #c8cad4;overflow-y:auto;padding:15px 20px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;scrollbar-width:thin;scrollbar-color:#666 #edf2f2;margin:15px;border-radius:20px}.group__container::-webkit-scrollbar{width:6px}.group__container::-webkit-scrollbar-track{background:#edf2f2;border-radius:8px;margin:5px 0}.group__container::-webkit-scrollbar-thumb{background:#666;border-radius:8px;border:1px solid transparent;background-clip:padding-box}.group__container::-webkit-scrollbar-thumb:hover{background:#333}.group__container .group__heading{width:100%;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:10px}.group__container .group__heading select{width:214px;background:none;border:none;font-size:16px;font-weight:700;color:#333;padding:6px 10px;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;border-radius:10px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAABISURBVHgB7Y1BCgAgCATtJ36ll/cUe0oSBmEhevDmwF6WZRagSAEl3v5hcEiNUbrhEZwxXa/0kW6aIdFvnTMhAFrPEQlCkcsCtHkMODQWnl0AAAAASUVORK5CYII=);background-repeat:no-repeat;background-position:120px;background-size:15px 15px}.group__container .group__heading select::-ms-expand{display:none}.group__container .group__heading select:hover{color:#000}.group__container .group__heading select:focus{border:none}.group__container .group__heading .group__input{position:relative;flex:1 1 auto;z-index:100}.group__container .group__heading .group__input input[type=text]{width:100%;height:40px;padding:10px 8px 8px 40px;border-radius:10px;font-size:16px;border:1px solid #e8e8e8;background-color:var(--bg--nav);transition:border-color .2s ease,box-shadow .2s ease}.group__container .group__heading .group__input input[type=text]:focus{border-color:var(--bg--primary-color, #0b6b58);box-shadow:0 0 0 3px rgba(var(--bg--primary-color, #0b6b58),.1);outline:none}.group__container .group__heading .group__input .fa-magnifying-glass{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:#666;font-size:18px;pointer-events:none}.group__container .group__heading .group__input .member-suggestions{position:absolute;top:calc(100% + 4px);left:0;right:0;background:#fff;border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 10px 25px #0000001f;max-height:300px;overflow-y:auto;z-index:9999}.group__container .group__heading .group__input .member-suggestions>div:not(.member-suggestion-item){padding:16px;text-align:center;color:#999;font-size:14px;font-style:italic}.group__container .group__heading .group__input .member-suggestion-item{display:flex;align-items:center;gap:12px;padding:10px 14px;cursor:pointer;transition:all .2s ease;background-color:transparent}.group__container .group__heading .group__input .member-suggestion-item:hover{background-color:#f0fdfa}.group__container .group__heading .group__input .member-suggestion-item:active{background-color:#065f461f}.group__container .group__heading .group__input .member-suggestion-item:focus-visible{outline:2px solid var(--bg--primary-color, #0b6b58);outline-offset:-2px}.group__container .group__heading .group__input .member-suggestion-item img{width:40px;height:40px;border-radius:50%;object-fit:cover;background:#f0f0f0;flex-shrink:0}.group__container .group__heading .group__input .member-suggestion-item .member-suggestion-info{flex:1;min-width:0}.group__container .group__heading .group__input .member-suggestion-item .member-suggestion-info .member-name{font-weight:600;font-size:15px;color:#101828;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.group__container .group__heading .group__input .member-suggestion-item .member-suggestion-info .member-email{font-size:13px;color:#667085;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.group__container .group__heading .btn-add-group{display:flex;align-items:center;gap:8px;padding:8px 12px;margin-left:12px;background:transparent;color:var(--bg--primary-color, #0b6b58);border:1px solid transparent;border-radius:8px;font-weight:600;font-size:14px;cursor:pointer}.group__container .group__heading .btn-add-group i{color:inherit;font-size:18px}.group__container .group__heading .btn-add-group:hover{background:rgba(var(--bg--primary-color, #0b6b58),.06);border-color:rgba(var(--bg--primary-color, #0b6b58),.2)}.group__container .group__heading .visually-hidden{position:absolute!important;height:1px;width:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}@media (max-width: 768px){.group__container .group__heading .group__input .member-suggestion-item{padding:10px 12px;gap:10px}.group__container .group__heading .group__input .member-suggestion-item img{width:36px;height:36px}.group__container .group__heading .group__input .member-suggestion-item .member-name{font-size:14px}.group__container .group__heading .group__input .member-suggestion-item .member-email{font-size:12px}}@media (max-width: 480px){.group__container .group__heading .group__input .member-suggestion-item img{width:32px;height:32px}}.group__chat__container{width:100%;height:100%;margin-top:10px;overflow-y:auto;overflow-x:hidden;scrollbar-width:none}.group__chat__container::-webkit-scrollbar{width:2px;opacity:0;transition:opacity .3s ease}.group__chat__container::-webkit-scrollbar-track{background-color:transparent!important;border-radius:8px;margin:1px 0}.group__chat__container::-webkit-scrollbar-thumb{background:#045745;border-radius:8px;border:1px solid transparent;background-clip:padding-box}.group__chat__container::-webkit-scrollbar-thumb:hover{background:#667085;border:1px solid transparent;background-clip:padding-box}.group__chat__container:hover{scrollbar-width:thin;scrollbar-color:#045745 #edf2f2}.group__chat__container:hover::-webkit-scrollbar{opacity:1}.group__chat__container .group__chat__heading{display:flex;align-items:center;justify-content:space-between;color:#8a8a8a}.group__chat__container .group__chat__heading h2{font-size:14px;font-weight:700;text-transform:uppercase;line-height:21px}.group__chat__container .group__chat__list{width:100%;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;padding-left:5px;padding-top:20px;gap:15px}.group__chat__container .group__chat__list .group__chat__card{display:flex;align-items:center;justify-items:flex-start;width:260px;height:100px;gap:20px;background-color:#fff;border-radius:16px;padding:16px 24px;transition:background-color .3s ease,transform .2s ease,box-shadow .3s ease}.group__chat__container .group__chat__list .group__chat__card img{width:50px;height:50px;border-radius:50%;object-fit:cover;display:block}.group__chat__container .group__chat__list .group__chat__card__content{width:100%;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start}.group__chat__container .group__chat__list .group__chat__card__content h2{font-size:16px;font-weight:700;line-height:21px;color:#101828}.group__chat__container .group__chat__list .group__chat__card__content p{font-size:13px;line-height:20px;font-weight:400;color:#667085}.group__chat__container .group__chat__list .group__chat__card.isRead{background-color:#edf2f2}.group__chat__container .group__chat__list .group__chat__card:hover{background-color:#edf2f2;transform:scale(1.02);box-shadow:0 4px 12px #0000001a}.group__chat__container .member-suggestions{background:#fff;border:1px solid #e6eef3;border-radius:8px;margin-top:8px;width:100%;max-height:240px;overflow:auto;box-shadow:0 6px 18px #065f460f;z-index:1500}.group__chat__container .member-suggestion-item{display:flex;gap:10px;align-items:center;padding:8px 12px;cursor:pointer}.group__chat__container .member-suggestion-item img{width:32px;height:32px;border-radius:50%;object-fit:cover;background:#f3f4f6}.group__chat__container .member-suggestion-info{display:flex;flex-direction:column}.group__chat__container .member-name{font-weight:600;font-size:13px;color:#101828}.group__chat__container .member-email{font-size:12px;color:#667085}.add-group-modal{position:fixed;z-index:1001;left:0;top:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center}.add-group-modal .add-group-modal-content{background:#fff;border-radius:14px;box-shadow:0 8px 32px #0000002e;padding:24px 24px 18px;min-width:320px;min-height:120px;position:relative;z-index:1002;max-height:70vh;overflow-y:auto;display:flex;flex-direction:column;gap:12px}.add-group-modal .add-group-form{width:100%}.add-group-modal .form-grid{display:grid;grid-template-columns:160px 1fr;gap:18px;align-items:start}.add-group-modal .form-grid .left{display:flex;flex-direction:column;align-items:center}.add-group-modal .form-grid .right{display:flex;flex-direction:column;gap:10px}.add-group-modal .label{font-size:13px;color:#8a8a8a;margin-bottom:6px;font-weight:600}.add-group-modal .hint{font-size:12px;color:#667085;margin-top:8px}.add-group-modal .add-member-input,.add-group-modal .add-group-input{width:100%;padding:10px 12px;border-radius:10px;border:1px solid #e6e9ee;outline:none;transition:box-shadow .12s ease,border-color .12s ease}.add-group-modal .add-member-input:focus,.add-group-modal .add-group-input:focus{border-color:var(--bg--primary-color);box-shadow:0 4px 20px #065f460f}.add-group-modal .add-members-row{display:flex;gap:8px;align-items:center}.add-group-modal .btn-add-member{padding:8px 12px;background:transparent;border:1px solid var(--bg--primary-color);color:var(--bg--primary-color);border-radius:8px;cursor:pointer;font-weight:600}.add-group-modal .members-list{display:flex;flex-direction:column;gap:8px;margin-top:8px;width:100%}.add-group-modal .member-chip{display:flex;align-items:center;gap:10px;background:#fff;padding:8px 10px;border-radius:999px;border:1px solid #eef2f6;box-shadow:0 1px 2px #10182808;width:100%;max-width:100%;box-sizing:border-box}.add-group-modal .chip-avatar{width:36px;height:36px;border-radius:50%;object-fit:cover;background:#f3f4f6}.add-group-modal .chip-avatar--placeholder{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#e6eef3,#f8fafc)}.add-group-modal .member-chip-info{display:flex;flex-direction:column;min-width:0}.add-group-modal .member-chip .member-name{font-size:13px;font-weight:600;color:#101828;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.add-group-modal .member-chip .member-email{font-size:12px;color:#667085;white-space:normal;overflow-wrap:anywhere;word-break:break-word;margin-top:2px}.add-group-modal .chip-remove{background:none;border:none;color:#9ca3af;font-weight:700;cursor:pointer;padding:4px 8px;border-radius:6px}.add-group-modal .btn-create-group{padding:10px 16px;background:var(--bg--primary-color);color:#fff;border:none;border-radius:10px;font-weight:700;cursor:pointer}.add-group-modal .btn-cancel-group{padding:10px 16px;background:#f3f4f6;color:#374151;border:none;border-radius:10px;font-weight:700;cursor:pointer}.add-group-modal .add-group-modal-header{display:flex;align-items:center;justify-content:space-between;font-weight:700;font-size:17px;color:#101828;margin-bottom:12px}.add-group-modal .close-modal-btn{background:none;border:none;font-size:26px;color:#888;cursor:pointer;font-weight:700;transition:color .2s;margin-left:12px}.add-group-modal .close-modal-btn:hover{color:#ef4444}.group__chat__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.btn-add-group{display:flex;align-items:center;gap:8px;padding:8px 18px;background:var(--bg--primary-color);color:#fff;border:none;border-radius:8px;font-weight:600;font-size:15px}.add-group-input{width:100%;padding:8px 12px;border-radius:6px;border:1px solid #e0e0e0;margin-bottom:14px;font-size:15px}.add-group-btns{display:flex;gap:10px}.btn-create-group{padding:7px 18px;background:var(--bg--primary-color);color:#fff;border:none;border-radius:8px;font-weight:600;font-size:14px;cursor:pointer}.btn-cancel-group{padding:7px 18px;background:#e0e0e0;color:#333;border:none;border-radius:8px;font-weight:600;font-size:14px;cursor:pointer}.btn-cancel-group:hover{background:#d1d5db;color:#222}.add-group-avatar-upload{display:flex;flex-direction:column;align-items:center;margin-bottom:16px}.add-group-avatar-upload .avatar-label{cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:4px}.add-group-avatar-upload .add-group-avatar-preview{width:64px;height:64px;border-radius:50%;object-fit:cover;border:2px solid var(--bg--primary-color);background:#f3f4f6;margin-bottom:4px;transition:box-shadow .2s;box-shadow:0 2px 8px #10b98114}.add-group-avatar-upload .avatar-upload-text{font-size:13px;color:var(--bg--primary-color);font-weight:500;text-decoration:underline;cursor:pointer}.recent__chat__container{width:100%;max-height:450px;margin-top:15px;overflow-y:auto;scrollbar-width:thin;scrollbar-width:none}.recent__chat__container::-webkit-scrollbar{width:2px;opacity:0;transition:opacity .3s ease}.recent__chat__container::-webkit-scrollbar-track{background-color:transparent!important;border-radius:8px;margin:1px 0}.recent__chat__container::-webkit-scrollbar-thumb{background:#045745;border-radius:8px;border:1px solid transparent;background-clip:padding-box}.recent__chat__container::-webkit-scrollbar-thumb:hover{background:#667085;border:1px solid transparent;background-clip:padding-box}.recent__chat__container:hover{scrollbar-width:thin;scrollbar-color:#045745 #edf2f2}.recent__chat__container:hover::-webkit-scrollbar{opacity:1}.recent__chat__container .recent__chat__heading{padding-bottom:5px}.recent__chat__container .recent__chat__heading h2{color:#8a8a8a;font-size:14px;font-weight:700;text-transform:uppercase;line-height:21px}.recent__chat__container .recent__chat__list{width:100%;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;padding-left:5px;padding-top:20px;padding-bottom:5px;gap:15px}.recent__chat__container .recent__chat__list .recent__chat__card{display:flex;align-items:center;justify-items:flex-start;width:260px;height:100px;position:relative;gap:20px;background-color:#fff;border-radius:16px;padding:16px 24px;transition:background-color .3s ease,transform .2s ease,box-shadow .3s ease}.recent__chat__container .recent__chat__list .recent__chat__card img{width:50px;height:50px;padding-bottom:15px}.recent__chat__container .recent__chat__list .recent__chat__card__content{width:100%;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start}.recent__chat__container .recent__chat__list .recent__chat__card__content h2{font-size:16px;font-weight:700;line-height:21px;color:#101828}.recent__chat__container .recent__chat__list .recent__chat__card__content p{font-size:13px;line-height:20px;font-weight:400;color:#667085}.recent__chat__container .recent__chat__list .recent__chat__card.isRead{background-color:#edf2f2}.recent__chat__container .recent__chat__list .recent__chat__card:hover{background-color:#edf2f2;transform:scale(1.02);box-shadow:0 4px 12px #0000001a}.recent__chat__container .recent__chat__list .recent__chat__card .online_dot{padding:5px;border-radius:100%;position:absolute;background-color:green;border:1px solid #ffffff;top:53px;left:49px}.meeting-page{display:flex;flex-direction:column;width:100%;height:calc(100vh - 80px);min-height:480px;overflow:hidden}.meeting-page .meeting-header{display:flex;align-items:center;gap:12px;padding:8px 12px;background:#0b1221;color:#fff}.meeting-page .meeting-back{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.08);padding:6px 10px;border-radius:6px;cursor:pointer}.meeting-page .meeting-title{font-size:16px;margin:0}.meeting-page .meeting-main{flex:1 1 auto;min-height:0;display:flex;flex-direction:row;overflow:hidden}.meeting-page .meeting-container{flex:1 1 auto;height:100%;min-height:0;overflow:hidden}.meeting-page .meeting-container>div{width:100%!important;height:100%!important;min-height:0!important;display:block!important}.meeting-page .meeting-container,.meeting-page .meeting-container *{box-sizing:border-box!important;background:transparent!important;color:inherit!important;border:none!important;box-shadow:none!important}@media (max-width: 900px){.meeting-page .meeting-main{flex-direction:column}.meeting-page .meeting-header{padding:10px}}.grades__page{width:100%;z-index:999}.grades__component{width:100%;height:609px;border-radius:20px;background-color:var(--bg--nav);margin-top:20px;position:relative;padding-bottom:84px}.grades__component__container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px}.grades__component__container__filter__class{width:100%;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 20px 0 25px}.grades__component__container__filter__class__feature{width:100%;display:flex;align-items:flex-start;justify-content:flex-start;gap:10px}.grades__component__container__filter__class__feature select{width:204px;height:auto;background:none;border:none;font-size:16px;font-weight:700;color:#333;padding:6px 10px;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAABISURBVHgB7Y1BCgAgCATtJ36ll/cUe0oSBmEhevDmwF6WZRagSAEl3v5hcEiNUbrhEZwxXa/0kW6aIdFvnTMhAFrPEQlCkcsCtHkMODQWnl0AAAAASUVORK5CYII=);background-repeat:no-repeat;background-position:120px;background-size:15px 15px}.grades__component__container__filter__class__feature select::-ms-expand{display:none}.grades__component__container__filter__class__feature select:hover{color:#000}.grades__component__container__filter__class__icon{width:auto;display:flex;align-items:flex-end;justify-content:flex-end;gap:3px}.grades__component__container__filter__class__icon>i:nth-child(1),.grades__component__container__filter__class__icon>i:nth-child(2){padding-bottom:12px}.grades__component__container__filter__class__icon button{border:none;color:#fff;background-color:var(--bg--primary-color);width:150px;height:44px;padding:5px;border-radius:10px}.grades__component__container__filter__class__icon button span{font-weight:600;font-size:14px;line-height:21px}.grades__component__container__filter__class__icon button i{padding-right:5px}.grades__component__container__table__list{width:98%;height:510px;margin-left:10px}.grades__component__container__table__list table{width:100%;border-collapse:separate;border-spacing:0;overflow:hidden;border-radius:10px}.grades__component__container__table__list table thead{background-color:var(--bg--color--table)}.grades__component__container__table__list table thead th{padding:12px 20px;text-align:left;font-weight:500;font-size:14px;line-height:21px;color:var(--text-color)}.grades__component__container__table__list table thead th:nth-child(1){width:68px;text-align:center}.grades__component__container__table__list table thead th:nth-child(2){width:454px}.grades__component__container__table__list table thead th:nth-child(3){width:200px}.grades__component__container__table__list table thead th:nth-child(4){width:93px}.grades__component__container__table__list table thead th:nth-child(5){width:145px;text-align:center}.grades__component__container__table__list table thead th:nth-child(6){width:127px;text-align:center}.grades__component__container__table__list table tbody{width:100%;height:450px;vertical-align:top}.grades__component__container__table__list table tbody td{padding:30px 10px 0 20px;text-align:left;font-weight:500;font-size:13px;line-height:21px;color:#000;border-bottom:1px solid #edf2f2}.grades__component__container__table__list table tbody td:nth-child(1){width:68px;text-align:center}.grades__component__container__table__list table tbody td:nth-child(2){width:350px}.grades__component__container__table__list table tbody td:nth-child(3){width:220px}.grades__component__container__table__list table tbody td:nth-child(4){width:93px}.grades__component__container__table__list table tbody td:nth-child(5){width:145px;text-align:center}.grades__component__container__table__list table tbody td:nth-child(6){width:127px;text-align:center}.grades__component__container__table__list table tbody td p{font-weight:500;color:var(--text-color);font-size:14px;line-height:21px}.grades__component__container__table__list table tbody td .not__passed__text{width:56px;height:22px;color:#8b0000;background-color:#fbeaea;padding:10px;border-radius:20px}.grades__component__container__table__list table tbody td .name__ava{display:flex;align-items:center;gap:21px}.grades__component__container__table__list table tbody td .name__ava img{width:45px;height:45px;border-radius:50%;object-fit:cover}.grades__component__container__table__list table tbody td .name__ava p{font-weight:500;color:var(--text-color);font-size:14px;padding-top:20px}.grades__component__container__table__list table tbody td .btn__see__detail{color:var(--text--color--gray);cursor:pointer}.grades__component__container .isPassed{display:inline-block;min-width:56px;padding:6px 12px;border-radius:20px;background-color:#146c43;color:#f2f2f2;text-align:center;font-weight:600;font-size:13px;line-height:1}.grades__component__container .notPassed{display:inline-block;min-width:56px;padding:6px 12px;border-radius:20px;background-color:#842029;color:#f2f2f2;text-align:center;font-weight:600;font-size:13px;line-height:1}.grades__component__container .student-list-wrapper{display:block;width:100%;padding:0;box-sizing:border-box}.grades__component__container .student-class-list{width:100%;max-width:100%;margin:0;display:grid;grid-template-columns:repeat(2,1fr);column-gap:20px;row-gap:16px;padding:12px 20px 20px;box-sizing:border-box}.grades__component__container .student-class-item{display:flex;flex-direction:column;gap:10px;align-items:flex-start;width:100%;box-sizing:border-box}.grades__component__container .student-class-item--combined{width:100%;box-sizing:border-box}.grades__component__container .student-class-name{font-size:15px;font-weight:700;color:var(--text-color);margin-bottom:6px;padding-left:4px}.grades__component__container .student-groups{display:flex;flex-direction:column;flex-wrap:nowrap;gap:10px;width:100%}.grades__component__container .student-group-button{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:16px 18px;border-radius:10px;border:1px solid rgba(15,23,42,.08);background:#fff;color:#0f172a;font-weight:600;font-size:14px;cursor:pointer;transition:transform .14s ease,box-shadow .14s ease,background-color .14s ease,color .14s ease;box-shadow:0 4px 12px #0206170d;width:100%;min-height:72px;min-width:0;box-sizing:border-box;word-break:break-word}.grades__component__container .student-group-button__main{font-weight:700;font-size:15px;color:#0f172a;line-height:1.15;text-align:left}.grades__component__container .student-group-button__desc{font-weight:500;font-size:13px;color:#6b7280;line-height:1.2;text-align:left}.grades__component__container .student-group-button:hover{transform:translateY(-4px);box-shadow:0 12px 30px #04574514;background-color:var(--bg--primary-color);color:#fff;border-color:transparent}.grades__component__container .student-group-button:hover .student-group-button__desc,.grades__component__container .student-group-button:hover .student-group-button__main{color:#fff}.grades__component__container .student-group-button.unassigned{color:#0f172a;border-color:#e6edf3;font-weight:700}.grades__component__container .student-group-button.unassigned:hover{transform:translateY(-4px);box-shadow:0 12px 30px #04574514;background-color:var(--bg--primary-color);color:#fff;border-color:transparent}.grades__component__container .student-group-button.unassigned:hover .student-group-button__main,.grades__component__container .student-group-button.unassigned:hover .student-group-button__desc{color:#fff}.grades__component__container .pagination{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:8px}.grades__component__container .pagination__button{width:36px;height:36px;border-radius:50%;background-color:#f3f3f3;border:1px solid #ccc;color:var(--text-color);font-size:14px;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.grades__component__container .pagination__button i{font-size:14px}.grades__component__container .pagination__button:hover:not(:disabled){background-color:#045745;color:#fff;border-color:#045745;transform:scale(1.1)}.grades__component__container .pagination__button:disabled{background-color:#e0e0e0;color:#999;cursor:not-allowed}.grades__component__container .pagination__info{font-size:14px;font-weight:500;color:#333}.grades__component__container .student-pagination{position:absolute;left:50%;transform:translate(-50%);bottom:18px;display:flex;justify-content:center;gap:8px;width:auto;box-sizing:border-box;background:transparent;padding:6px 8px}.grades__component .modal__overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:1200;padding:24px}.grades__component .modal__card{width:100%;max-width:560px;background:var(--bg--nav);border-radius:12px;padding:22px;box-shadow:0 10px 30px #081e3233;color:var(--text-color);display:flex;flex-direction:column;gap:12px}.grades__component .modal__card h3{margin:0;font-size:20px;font-weight:700;color:var(--text-color)}.grades__component .modal__card label{display:flex;flex-direction:column;font-size:14px;color:var(--text-color);gap:6px}.grades__component .modal__fields{display:flex;flex-direction:column;gap:12px;margin-top:6px}.grades__component .modal__field{display:flex;flex-direction:column;gap:6px}.grades__component .modal__label{font-weight:600;font-size:13px;color:var(--text-color)}.grades__component .modal__input{padding:10px 12px;border-radius:8px;border:1px solid #e5e7eb;background:#fff;font-size:14px;color:#111827;outline:none}.grades__component .modal__input:focus{border-color:#045745e6;box-shadow:0 4px 10px #0457450f}.grades__component .modal__textarea{padding:10px 12px;border-radius:8px;border:1px solid #e5e7eb;background:#fff;font-size:14px;color:#111827;outline:none;resize:vertical}.grades__component .modal__hint{color:#6b7280;font-size:12px}.grades__component .input--percent{position:relative;display:inline-flex;align-items:center}.grades__component .input--percent .modal__input{padding-right:44px}.grades__component .percent__suffix{position:absolute;right:12px;color:#374151;font-weight:600}.grades__component .modal__card input[type=text],.grades__component .modal__card input[type=number]{padding:10px 12px;border-radius:8px;border:1px solid #e5e7eb;background:#fff;font-size:14px;color:#111827;outline:none;transition:box-shadow .15s ease,border-color .15s ease}.grades__component .modal__card input[type=text]:focus,.grades__component .modal__card input[type=number]:focus{border-color:#045745e6;box-shadow:0 4px 10px #04574514}.grades__component .modal__actions{display:flex;justify-content:flex-end;gap:10px;margin-top:6px}.grades__component .modal__actions button{padding:8px 14px;border-radius:8px;border:none;cursor:pointer;font-weight:600;font-size:14px}.grades__component .modal__actions button:first-child{background:transparent;color:var(--text-color);border:1px solid #d1d5db}.grades__component .modal__actions button:last-child{background:var(--bg--primary-color);color:#fff}.grades__component .modal__actions button:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 1024px){.grades__component .grades__component{width:calc(100% - 48px)}.grades__component .grades__component .grades__component__table__list table thead th{font-size:13px;padding:10px 12px}.grades__component .grades__component .grades__component__table__list tbody td{padding:18px 10px 0 12px}.grades__component .student-class-list{grid-template-columns:repeat(2,1fr);column-gap:16px;row-gap:14px;padding:12px 16px 20px}.grades__component .student-groups,.grades__component .student-class-item{gap:8px}}@media (max-width: 768px){.grades__component .modal__card{padding:16px}.grades__component .grades__component{width:calc(100% - 32px)}.grades__component .grades__component .grades__component__table__list{overflow-x:auto;-webkit-overflow-scrolling:touch}.grades__component .grades__component .grades__component__table__list table{min-width:820px}.grades__component .grades__component .grades__component__table__list tbody td{padding:16px 10px 10px 12px}.grades__component .grades__component .grades__component__table__list thead th:nth-child(n){text-align:left}.grades__component .grades__component .isPassed,.grades__component .grades__component .notPassed{min-width:48px;padding:4px 10px;font-size:12px}.grades__component .student-class-list{grid-template-columns:1fr;gap:12px;padding:12px 14px 18px}.grades__component .student-groups{gap:8px}}@media (max-width: 480px){.grades__component .modal__card{padding:12px;max-width:100%;border-radius:10px}.grades__component .grades__component{width:calc(100% - 20px);margin:0 10px}.grades__component .grades__component .grades__component__table__list{overflow-x:auto}.grades__component .grades__component .grades__component__table__list table{min-width:700px}.grades__component .grades__component .grades__component__table__list thead th,.grades__component .grades__component .grades__component__table__list tbody td{padding:10px 8px;font-size:13px}.grades__component .grades__component .pagination{gap:8px}.grades__component .grades__component .pagination__button{width:32px;height:32px}.grades__component .grades__component .modal__actions button{padding:10px 12px;font-size:13px}.grades__component .student-class-list{grid-template-columns:1fr;gap:10px;padding:10px 12px}.grades__component .student-groups{gap:8px}.grades__component .student-group-button{min-height:64px;padding:14px 16px}.grades__component .student-group-button__main{font-size:14px}.grades__component .student-group-button__desc{font-size:12px}.grades__component .student-class-name{font-size:14px;margin-bottom:5px}}.add_core{width:548px;min-height:623px;position:absolute;top:5%;left:35%;z-index:1000;border-radius:20px;background-color:var(--bg--nav);box-shadow:#00000030 0 10px 20px,#0000003b 0 6px 6px;padding:20px 32px;display:flex;flex-direction:column;gap:16px}.add_core__container{width:100%;height:63px;display:flex;flex-direction:column;align-items:start;justify-content:center}.add_core__header{width:100%;height:35px;display:flex;justify-content:space-between;align-items:start}.add_core__header .add_core__title{color:var(--text-color);width:100%;height:24px;font-size:22px;font-weight:700}.add_core__header .add_core__close{background:none;border:none;font-size:28px;cursor:pointer;color:var(--text-color);margin-top:-8px}.add_core__desc{width:100%;height:24px;color:var(--text--add--chart);font-size:15px;margin-bottom:8px}.add_core__section{width:100%;height:110px;margin-bottom:8px}.add_core__section .add_core__section_title{color:var(--text-color);font-size:18px;font-weight:600;margin-bottom:8px}.add_core__upload_box{border:1.5px dashed var(--color--border-input);border-radius:12px;background:var(--bg--nav);display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer;margin-bottom:0}.add_core__upload_box .add_core__icon{margin-top:8px}.add_core__upload_box .add_core__browse{color:var(--bg--primary-color);font-weight:600;cursor:pointer;text-decoration:underline}.add_core__upload_box .add_core__note{color:#6d6d6d;font-size:13px;margin-top:4px;margin-bottom:4px}.add_core__divider{width:100%;height:17px;text-align:center;color:#6d6d6d;font-size:15px;margin:16px 0 8px;position:relative}.add_core__divider span{background:#fff;padding:0 16px;position:relative;z-index:1}.add_core__divider:before{content:"";display:block;position:absolute;left:0;right:0;top:50%;border-top:1px solid #eee;z-index:0}.add_core .add_core__url_box{display:flex;align-items:center;background-color:var(--bg--nav);border:1px solid #e5e7eb;border-radius:16px;height:56px;padding:0 16px;gap:12px;margin-top:30px}.add_core .add_core__url_box input{flex:1;border:none;background:transparent!important;font-size:17px;color:var(--text-color);outline:none}.add_core .add_core__url_box input::placeholder{color:#b0b0b0;font-size:17px}.add_core .add_core__url_box .add_core__upload_btn{background:var(--bg--nav);border:1px solid #cecece;border-radius:8px;padding:6px 18px;font-size:15px;font-weight:500;cursor:pointer;color:var(--text--add--chart);transition:background .2s,border .2s;box-shadow:none}.add_core .add_core__url_box .add_core__upload_btn:hover{background:var(--bg--nav);border:1px solid #bdbdbd}.add_core__footer{display:flex;justify-content:flex-end;gap:20px;margin-top:24px}.add_core__footer .add_core__cancel{background:#f7fcf5;border:none;border-radius:8px;padding:8px 24px;font-size:16px;font-weight:500;cursor:pointer;color:#222;transition:background .2s}.add_core__footer .add_core__cancel:hover{background:#e5e7eb}.add_core__footer .add_core__submit{background:#045745;border:none;border-radius:8px;padding:8px 24px;font-size:16px;font-weight:600;color:#fff;cursor:pointer;box-shadow:0 2px 8px #065f4614;transition:background .2s}.add_core__footer .add_core__submit:hover{background:#047857}.plan__page__main{width:100%;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:20px;margin-top:20px}.sl-modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a73;display:flex;align-items:center;justify-content:center;padding:16px;z-index:3000;animation:fadeIn .15s ease}.sl-modal__card{width:100%;max-width:80%;min-width:50%;background:#fff;border-radius:18px;padding:22px 20px 20px;box-shadow:0 20px 50px #02061738;position:relative;height:90vh;overflow-y:auto;display:flex;flex-direction:column;box-sizing:border-box}.sl-modal__card--sm{max-width:560px}.sl-modal__close{position:absolute;top:10px;right:12px;border:0;background:#f1f5f9;color:#0f172a;width:34px;height:34px;border-radius:10px;cursor:pointer;display:grid;place-items:center}.sl-modal__title{text-align:center;font-size:20px;font-weight:800;color:#0f172a;margin-bottom:12px}.sl-modal__title span{color:var(--sl-success)}.sl-grid{display:grid;gap:10px;grid-template-columns:1fr 1fr;min-width:0;width:100%;box-sizing:border-box;flex:1 1 auto}@media (max-width: 720px){.sl-grid{grid-template-columns:1fr}}.sl-label{font-weight:700;color:#fff;margin-bottom:8px;text-transform:uppercase;font-size:12px;letter-spacing:.5px;background:var(--bg--primary-color);padding:4px 10px;border-radius:6px;display:inline-block;width:fit-content;border-left:3px solid #06605b}.sl-field-inline{display:flex;flex-direction:column;align-items:flex-start;gap:6px}.sl-field-inline .sl-label{margin-bottom:0}.sl-field-inline .sl-strong,.sl-field-inline .sl-kbd{width:100%}.sl-strong{font-weight:700}.sl-muted{color:#64748b}.sl-preline{white-space:pre-line;line-height:1.5;word-break:break-word;display:block;max-width:100%;min-height:1em;background:#f8fafc;padding:10px 12px;border-radius:8px;font-size:14px;box-sizing:border-box;min-width:0;width:100%;margin-bottom:8px;border:1px solid #e6eaf0}.sl-grid>div[style*="grid-column: 1 / -1"]{min-width:0!important;max-width:100%!important;overflow:visible!important;word-break:break-word;display:block;height:auto!important;max-height:none!important}.sl-link{color:var(--sl-primary);text-decoration:underline;font-weight:600}.sl-files{list-style:none;padding:0;margin:0;display:grid;gap:6px}.sl-files li{display:flex;align-items:center;gap:8px;padding:8px 10px;background:#f8fafc;border:1px solid #e6eaf0;border-radius:10px}.sl-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:14px}.sl-input{padding:8px 12px;border-radius:10px;border:1px solid #e6eaf0}.sl-input:focus{outline:none;border-color:var(--sl-primary);box-shadow:0 0 0 3px #1976d21f}.sl-input--inline{min-width:260px}.detail-title-main{text-align:center;margin-bottom:2px}.detail-title-topic{font-size:2rem;font-weight:800;color:#06605b;letter-spacing:.5px}.detail-title-sub{text-align:center;font-size:1.1rem;color:#1976d2;margin-bottom:16px;font-weight:600}.detail-grid{margin-top:10px;gap:18px 24px;grid-template-columns:1fr 1fr}@media (max-width: 900px){.sl-modal__card{max-width:98vw;min-width:0;padding:16px 8px;font-size:15px}}@media (max-width: 720px){.sl-modal__card{max-width:100vw;min-width:0;height:95vh;padding:10px 2vw;font-size:14px}.sl-modal__title{font-size:18px;padding-bottom:4px}.sl-grid{grid-template-columns:1fr!important;gap:10px!important}.detail-title-topic{font-size:1.2rem}.sl-preline{font-size:13px;padding:8px 6px}.sl-files li{font-size:13px;padding:6px}.sl-actions{gap:8px;margin-top:10px;flex-direction:column;align-items:stretch}}@media (max-width: 480px){.sl-modal__card{max-width:100vw;min-width:0;height:100vh;padding:4px 0;border-radius:0}.sl-modal__close{top:6px;right:6px;width:28px;height:28px;font-size:16px}.sl-modal__title{font-size:16px;margin-bottom:8px}.sl-label{font-size:13px}.sl-preline{font-size:12px;padding:6px 2px}}.sl-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#06605b,#0891b2);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px;flex-shrink:0;border:2px solid white;box-shadow:0 2px 8px #06605b40;overflow:hidden}.sl-avatar img{width:100%;height:100%;object-fit:cover}.sl-avatar--sm{width:28px;height:28px;font-size:12px}.sl-user-info{display:flex;align-items:center;gap:12px;background:#f8fafc;padding:10px 14px;border-radius:10px;margin-top:8px;transition:all .2s;border:1px solid #e2e8f0}.sl-user-info:hover{background:#f1f5f9;border-color:#cbd5e1}.sl-user-info span{font-weight:500;color:#1e293b}.sl-members-list{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px}.sl-member-item{display:flex;align-items:center;gap:8px;background:#f8fafc;padding:6px 12px 6px 6px;border-radius:20px;font-size:13px;font-weight:500;transition:all .2s;border:1px solid #e2e8f0}.sl-member-item:hover{background:#e0f2f1;border-color:#06605b;transform:translateY(-1px);box-shadow:0 2px 6px #06605b26}.sl-member-item span{color:#1e293b}:root{--sl-bg: #ffffff;--sl-surface: #f8fafc;--sl-line: #e6eaf0;--sl-text: #0f172a;--sl-muted: #64748b;--sl-primary: #1976d2;--sl-primary-600: #1256a3;--sl-success: #2e7d32;--sl-danger: #d32f2f;--sl-warning: #bfa100;--sl-radius: 14px;--sl-radius-sm: 10px;--sl-shadow: 0 8px 28px rgba(2, 6, 23, .08)}.plan{background:var(--bg--nav, var(--sl-bg));border-radius:20px;width:100%;padding:12px 12px 0}.plan__header{display:flex;align-items:center;justify-content:space-between;width:100%;height:54px}.plan__header h2{font-size:22px;font-weight:700;color:var(--text--color-manage);letter-spacing:.2px;background-color:var(--color--div-head);padding:18px 35px 5px 20px;border-bottom-right-radius:20px;border-top-left-radius:20px;border-top-right-radius:20px}.plan__header-topic{background:#06605b;color:#fff;border-radius:32px 0 0 32px;font-size:28px;font-weight:700;padding:18px 38px 14px 28px;display:inline-block;min-width:140px;text-align:left;letter-spacing:.5px;box-shadow:none;margin-bottom:0;margin-top:0;line-height:1.1}.plan__actions{display:flex;gap:8px}.plan__toolbar{display:grid;grid-template-columns:1fr 220px minmax(220px,1.2fr) auto;gap:10px;align-items:center;margin:8px 0 14px}@media (max-width: 900px){.plan__toolbar{grid-template-columns:1fr 1fr}.plan__toolbar .plan__count{justify-self:start}}.plan__field{display:flex;align-items:center;gap:8px}.plan__field label{font-weight:600;color:var(--sl-text);min-width:40px}.plan__field select{padding:8px 12px;border-radius:var(--sl-radius-sm);border:1px solid var(--sl-line);background:#fff;font-size:14px;outline:none}.plan__field select:focus{border-color:var(--sl-primary);box-shadow:0 0 0 3px #1976d21f}.plan__search{display:flex;align-items:center;gap:8px;border:1px solid var(--sl-line);border-radius:var(--sl-radius-sm);padding:8px 10px;background:#fff}.plan__search svg{opacity:.7}.plan__search input{border:0;outline:0;width:100%;font-size:14px}.plan__count{justify-self:end;color:var(--sl-muted);font-size:14px}.sl-btn{display:inline-flex;gap:8px;align-items:center;border:1px solid transparent;background:#fff;padding:8px 14px;font-weight:600;font-size:14px;border-radius:10px;cursor:pointer;transition:.18s ease;box-shadow:0 1px #00000008}.sl-btn--sm{padding:6px 10px;font-size:13px}.sl-btn--primary{background:var(--sl-primary);color:#fff}.sl-btn--primary:hover{background:var(--sl-primary-600)}.sl-btn--primary:disabled{opacity:.6;cursor:not-allowed}.sl-btn--ghost{background:#fff;border-color:var(--sl-line)}.sl-btn--ghost:hover{background:#f3f6fb}.sl-btn--success{background:var(--sl-success);color:#fff}.sl-btn--success:hover{filter:brightness(.95)}.sl-btn--danger{background:var(--sl-danger);color:#fff}.sl-btn--danger:hover{filter:brightness(.95)}.plan__actions .sl-btn--primary,.sl-btn--primary.sl-btn--sm{background:var(--color--div-head)!important;color:#fff!important;border:none}.plan__actions .sl-btn--primary:hover,.sl-btn--primary.sl-btn--sm:hover{filter:brightness(.95);background:var(--color--div-head)!important;color:#fff!important}.sl-select{position:relative}.sl-select__icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);pointer-events:none;opacity:.7}.sl-select select{padding-left:34px!important;padding-right:34px}.sl-table-wrap{margin-bottom:20px;width:100%;overflow:auto;border-radius:var(--sl-radius);border:1px solid var(--sl-line);background:#fff;box-shadow:var(--sl-shadow)}.sl-table{width:100%;border-collapse:separate;border-spacing:0}.sl-table thead th{position:sticky;top:0;background:#f6f8fb;font-weight:700;font-size:13.5px;color:#0f172a;text-align:left;padding:12px 14px;border-bottom:1px solid var(--sl-line);z-index:1}.sl-table tbody td{padding:12px 14px;border-bottom:1px solid #f0f2f6;vertical-align:top;font-size:14px}.sl-table tbody tr:hover{background:#f9fbff}.sl-cell-strong{font-weight:600}.sl-cell-muted{color:var(--sl-muted)}.sl-topic__title{font-weight:600}.sl-topic__meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px;color:var(--sl-muted)}.sl-kbd{background:#eef2ff;border:1px solid #e0e7ff;color:#4338ca;padding:2px 8px;border-radius:999px;font-size:12px;font-weight:700}.sl-dot{font-size:12px}.sl-badge{display:inline-block;padding:4px 10px;border-radius:999px;font-size:12.5px;font-weight:700;border:1px solid transparent}.sl-badge--pending{background:#fffbe6;color:#936f00;border-color:#ffe082}.sl-badge--approved,.sl-badge--accepted{background:#e8f5e9;color:#1b5e20;border-color:#a5d6a7}.sl-badge--rejected{background:#ffebee;color:#b71c1c;border-color:#ffcdd2}.sl-skeleton-row{height:52px;background:linear-gradient(90deg,#f2f4f7 25%,#eceff4 37%,#f2f4f7 63%);background-size:400% 100%;animation:sl-shimmer 1.2s ease-in-out infinite;border-radius:8px;margin:8px 12px}@keyframes sl-shimmer{0%{background-position:100% 0}to{background-position:0 0}}.sl-empty{text-align:center;padding:28px 8px;color:var(--sl-muted)}.sl-alert{padding:10px 12px;border-radius:10px;font-size:14px;border:1px solid var(--sl-line)}.sl-alert--danger{background:#fff1f2;border-color:#fecdd3;color:#9f1239}@media (max-width: 900px){.plan{padding:8px 2vw 0;border-radius:12px}.plan__header h2{font-size:18px;padding:12px 18px 5px 12px}.plan__header-topic{font-size:20px;padding:12px 18px 10px 14px;min-width:100px}.plan__toolbar{grid-template-columns:1fr 1fr;gap:8px;font-size:14px}.plan__count{font-size:13px}.sl-table thead th,.sl-table tbody td{font-size:13px;padding:8px}}@media (max-width: 720px){.plan{padding:4px 0 0;border-radius:0}.plan__header{flex-direction:column;align-items:flex-start;height:auto;gap:8px}.plan__header h2{font-size:16px;padding:10px 8px 4px;border-radius:10px}.plan__header-topic{font-size:16px;padding:10px 12px 8px 10px;min-width:80px;border-radius:20px 0 0 20px}.plan__toolbar{grid-template-columns:1fr;gap:6px;font-size:13px;margin:6px 0 10px}.plan__field label{font-size:13px;min-width:32px}.plan__search input{font-size:13px}.plan__count{font-size:12px;justify-self:start}.sl-table-wrap{border-radius:0;margin-bottom:10px}.sl-table thead th,.sl-table tbody td{font-size:12px;padding:6px 4px}.sl-topic__title{font-size:13px}.sl-topic__meta{font-size:11px}.sl-kbd{font-size:11px;padding:1px 6px}.sl-badge{font-size:11px;padding:3px 8px}.sl-btn,.sl-btn--sm{font-size:12px;padding:6px 10px;border-radius:8px}}@media (max-width: 480px){.plan{padding:0;border-radius:0}.plan__header h2{font-size:14px;padding:6px 4px 2px;border-radius:6px}.plan__header-topic{font-size:13px;padding:6px 6px 4px;min-width:60px;border-radius:12px 0 0 12px}.plan__toolbar{grid-template-columns:1fr;gap:4px;font-size:12px;margin:4px 0 6px}.plan__field label{font-size:11px;min-width:24px}.plan__search input{font-size:11px}.plan__count{font-size:10px}.sl-table thead th,.sl-table tbody td{font-size:10px;padding:4px 2px}.sl-topic__title{font-size:11px}.sl-topic__meta{font-size:9px}.sl-kbd{font-size:9px;padding:1px 4px}.sl-badge{font-size:9px;padding:2px 5px}.sl-btn,.sl-btn--sm{font-size:10px;padding:4px 6px;border-radius:6px}}.recent__component{width:1112px;height:478px;border-radius:20px;background-color:var(--bg--nav)}.recent__component__container{width:100%;padding:10px 0 0 15px}.recent__component__container__heading{width:117px;height:54px;padding:18px 35px 5px 20px;background-color:var(--color--div-head);border-bottom-right-radius:20px;border-top-left-radius:20px;border-top-right-radius:20px;text-align:center;white-space:nowrap}.recent__component__container__heading h2{font-size:24px;font-weight:600;line-height:21px;color:var(--text--color-manage)}.recent__component__container__main__content{width:100%;height:390px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:35px;padding-top:25px}.recent__component__container__main__content__item{width:100%;display:flex;align-items:center;justify-content:flex-start;color:var(--text-color);border-bottom:1px solid var(--color--border-input)}.recent__component__container__main__content__item i{width:5%;padding-left:20px;padding-right:20px}.recent__component__container__main__content__item__content{width:75%;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;padding-left:20px}.recent__component__container__main__content__item__content__title{color:var(--text--chart--center);font-weight:600;font-size:14px;line-height:21px}.recent__component__container__main__content__item__content__description{color:var(--color--border-1);font-weight:600;font-size:14px;line-height:21px}.recent__component__container__main__content__item__bin{width:20%;text-align:right;padding-right:20px}.recent__component__container .pagination{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:20px;margin-bottom:20px}.recent__component__container .pagination__button{width:36px;height:36px;border-radius:50%;background-color:#f3f3f3;border:1px solid #ccc;color:var(--text-color);font-size:14px;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.recent__component__container .pagination__button i{font-size:14px}.recent__component__container .pagination__button:hover:not(:disabled){background-color:#045745;color:#fff;border-color:#045745;transform:scale(1.1)}.recent__component__container .pagination__button:disabled{background-color:#e0e0e0;color:#999;cursor:not-allowed}.recent__component__container .pagination__info{font-size:14px;font-weight:500;color:#333}.profile-popup{max-width:100%;width:100%;min-height:580px;display:flex;gap:20px;align-items:stretch;justify-content:center;padding:20px;border-radius:15px}.profile-popup-avatar{display:flex;flex-direction:column;background:#045745;align-items:center;justify-content:center;gap:20px;width:100%;max-width:400px;min-height:560px;padding:20px;border-radius:15px}.profile-popup-avatar img{width:140px;height:140px;border-radius:50%;border:3px solid white;object-fit:cover}.profile-popup-avatar-content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.profile-popup-avatar-content h2{margin:0;font-size:26px;color:#fff;font-weight:600}.profile-popup-avatar-content p{margin:0;font-size:15px;color:#e0e0e0}.profile-popup-avatar-content button{width:200px;display:flex;align-items:center;justify-content:space-between;gap:8px;color:#fff;background-color:#000;padding:12px 20px;border-radius:8px;border:none;cursor:pointer;transition:background-color .3s}.profile-popup-avatar-content button:hover{background-color:#111;color:#045745}.profile-popup-avatar input{width:100px;padding:5px;background-color:#045745;border:1px solid #045745;border-radius:8px;font-size:16px}.profile-popup-avatar input:focus{outline:none}.profile-popup-information{display:flex;flex-direction:column;background-color:var(--bg--nav);color:var(--text-color);width:100%;max-width:600px;min-height:560px;padding:20px;border-radius:15px;gap:20px;box-shadow:0 2px 8px #0000000d}.profile-popup-information-heading{width:100%;font-size:20px;font-weight:600;padding-bottom:10px;border-bottom:1px solid #e0e0e0;color:var(--text-color)}.profile-popup-information-container{width:100%;display:flex;align-items:center;justify-content:center;flex-wrap:wrap}.profile-popup-information-container-content{display:flex;align-items:stretch;justify-content:space-between;width:100%;gap:15px;flex-wrap:wrap}.profile-popup-information-container-content-element{display:flex;flex-direction:column;width:calc(50% - 7.5px);padding:15px;border-radius:10px;background-color:var(--color--div-info);color:var(--text--heading-1);gap:5px}.profile-popup-information-container-content-element h4{font-size:18px;font-weight:600;color:var(--color-text);margin:0}.profile-popup-information-container-content-element p{color:#666;font-size:12px;margin:0;line-height:1.5}.profile-popup-information-content{display:flex;align-items:stretch;justify-content:space-between;width:100%;gap:15px;flex-wrap:wrap}.profile-popup-information-content-element{display:flex;flex-direction:column;width:calc(50% - 7.5px);padding:15px;border-radius:10px;background-color:var(--color--div-info);color:var(--text--heading-1);gap:5px}.profile-popup-information-content-element h4{font-size:18px;font-weight:600;color:var(--color-text);margin:0}.profile-popup-information-content-element p{color:#666;font-size:12px;margin:0;line-height:1.5}.profile-popup .btn__admin{padding:10px 20px;border:none;border-radius:10px;background-color:var(--bg--primary-color);color:var(--text-color);transition:all .5 ease-in}.profile-popup .btn__admin a{text-decoration:none;color:var(--color-text)}.profile-popup .btn__admin:hover{background-color:var(--color--hover--button);transform:scaleY(1.1)}@media (max-width: 1024px){.profile-popup{max-width:900px;gap:15px;padding:15px}.profile-popup-avatar{max-width:350px;min-height:500px;padding:15px}.profile-popup-avatar img{width:120px;height:120px}.profile-popup-avatar-content h2{font-size:24px}.profile-popup-avatar-content p{font-size:14px}.profile-popup-avatar-content button{width:180px;padding:10px 18px;font-size:14px}.profile-popup-information{max-width:550px;min-height:500px;padding:15px}.profile-popup-information-heading{font-size:18px}.profile-popup-information-container-content-element h4{font-size:16px}.profile-popup-information-container-content-element p{font-size:11px}}@media (max-width: 768px){.profile-popup{flex-direction:column;max-width:100%;gap:20px;padding:15px}.profile-popup-avatar{max-width:100%;min-height:auto;padding:30px 20px}.profile-popup-avatar img{width:100px;height:100px}.profile-popup-avatar-content h2{font-size:22px}.profile-popup-avatar-content p{font-size:13px}.profile-popup-avatar-content button{width:160px;padding:10px 16px;font-size:13px}.profile-popup-information{max-width:100%;min-height:auto;padding:20px}.profile-popup-information-heading{font-size:18px}.profile-popup-information-container-content{gap:12px}.profile-popup-information-container-content-element{width:calc(50% - 6px);padding:12px}.profile-popup-information-container-content-element h4{font-size:15px}.profile-popup-information-container-content-element p{font-size:11px}}@media (max-width: 600px){.profile-popup{padding:10px;gap:15px}.profile-popup-avatar{padding:25px 15px;gap:15px}.profile-popup-avatar img{width:90px;height:90px}.profile-popup-avatar-content{gap:6px}.profile-popup-avatar-content h2{font-size:20px}.profile-popup-avatar-content p{font-size:12px}.profile-popup-avatar-content button{width:150px;padding:9px 14px;font-size:12px}.profile-popup-information{padding:15px}.profile-popup-information-heading{font-size:16px}.profile-popup-information-container-content{gap:10px}.profile-popup-information-container-content-element{padding:10px}.profile-popup-information-container-content-element h4{font-size:14px}.profile-popup-information-container-content-element p{font-size:10px}}@media (max-width: 480px){.profile-popup{padding:10px;gap:12px;border-radius:10px}.profile-popup-avatar{padding:20px 10px;gap:12px;border-radius:10px}.profile-popup-avatar img{width:80px;height:80px;border-width:2px}.profile-popup-avatar-content{gap:5px}.profile-popup-avatar-content h2{font-size:18px}.profile-popup-avatar-content p{font-size:11px}.profile-popup-avatar-content button{width:140px;padding:8px 12px;font-size:11px;gap:6px}.profile-popup-avatar-content button i{font-size:10px}.profile-popup-avatar input{width:90px;padding:4px;font-size:14px}.profile-popup-information{padding:12px;border-radius:10px}.profile-popup-information-heading{font-size:15px;padding-bottom:8px}.profile-popup-information-heading h3{font-size:15px}.profile-popup-information-container-content{gap:8px}.profile-popup-information-container-content-element{width:100%;padding:10px}.profile-popup-information-container-content-element h4{font-size:13px}.profile-popup-information-container-content-element p{font-size:10px}.profile-popup .btn__admin{padding:8px 15px;font-size:12px}}.not-found-page-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(135deg,#035c46,#045745);color:#fff;font-family:Arial,sans-serif;overflow:hidden}.not-found-content{text-align:center;padding:20px;animation:fadeIn 1s ease-in-out}.error-code{font-size:120px;font-weight:700;margin:0;text-shadow:0 4px 8px rgba(0,0,0,.3);animation:bounce 2s infinite}.error-message{font-size:36px;margin:10px 0}.error-description{font-size:18px;max-width:500px;margin:20px auto;line-height:1.5;opacity:.9}.home-button{display:inline-block;padding:12px 24px;background-color:#fff;color:#045745;font-size:16px;font-weight:700;text-decoration:none;border-radius:25px;transition:background-color .3s,transform .2s;box-shadow:0 4px 8px #0003}.home-button:hover{background-color:#f0f0f0;transform:translateY(-2px)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-20px)}60%{transform:translateY(-10px)}}@media (max-width: 768px){.error-code{font-size:80px}.error-message{font-size:24px}.error-description{font-size:16px;max-width:90%}.home-button{padding:10px 20px;font-size:14px}}.admin__dashboard{width:100%}.list__semester__container{margin-top:10px;width:1112px;max-width:100%;height:676px;background-color:var(--bg--nav);padding:20px;border-radius:20px;box-sizing:border-box;position:relative}.list__semester{width:100%;height:100%;display:flex;flex-direction:column;gap:16px}.list__semester__heading{display:flex;justify-content:space-between;align-items:center;padding:0 10px}.list__semester__heading__title{padding:16px 32px;background-color:var(--color--div-head);border-radius:20px 20px 20px 0}.list__semester__heading__title h2{font-size:24px;font-weight:600;color:var(--text--color-manage);margin:0}.list__semester__heading__feature{display:flex;align-items:center;gap:16px}.list__semester__heading__feature .semester-select{padding:10px 16px;border:1px solid #d0d5dd;border-radius:10px;background:#fff;font-size:14px;min-width:200px;outline:none;transition:all .2s}.list__semester__heading__feature .semester-select:focus{border-color:#7a7777;box-shadow:0 0 0 3px #7a77771a}.list__semester__heading__feature i{font-size:18px;color:var(--text-color);cursor:pointer;padding:8px;border-radius:8px;transition:all .2s}.list__semester__heading__feature i:hover{background:#0000000d;color:var(--color--active-line)}.list__semester__table{flex:1;overflow:hidden;border-radius:12px;background:var(--bg-color);box-shadow:0 1px 3px #0000001a}.list__semester__table table{width:100%;height:100%;border-collapse:collapse;table-layout:fixed}.list__semester__table td,.list__semester__table th{height:80px;padding:14px 16px;text-align:left;font-size:14px;vertical-align:middle;box-sizing:border-box}.list__semester__table thead{background-color:var(--bg--color--table, #f8f9fa)}.list__semester__table thead th{font-weight:600;color:#374151;font-size:13px;text-transform:uppercase;letter-spacing:.5px}.list__semester__table thead th:first-child{width:300px;text-align:start}.list__semester__table thead th:last-child{width:120px;text-align:center}.list__semester__table tbody tr{height:80px;min-height:80px;transition:background .2s}.list__semester__table tbody tr:hover{background-color:#f9f9f9}.list__semester__table tbody td{color:#1f2937;vertical-align:middle;height:80px}.list__semester__table tbody td:first-child{text-align:start}.list__semester__table tbody td.text-center{text-align:center;color:#6b7280;font-style:italic}.list__semester__table .action-cell{display:flex;justify-content:center;align-items:center;gap:12px;height:100%}.list__semester__table .action-cell button{background:none;border:none;font-size:16px;cursor:pointer;padding:6px;border-radius:6px;transition:all .2s}.list__semester__table .action-cell button:hover{background:#f3f4f6}.list__semester__table .action-cell button.btn-edit{color:#f59e0b}.list__semester__table .action-cell button.btn-delete{color:#ef4444}.modern-pagination{display:flex;align-items:center;justify-content:center;gap:12px;padding:24px 16px;border-top:1px solid #e5e7eb;-webkit-user-select:none;user-select:none}.modern-pagination .pagination-btn{width:44px;height:44px;border:none;color:#64748b;border-radius:14px;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #00000014}.modern-pagination .pagination-btn:hover:not(:disabled){background:var(--bg--primary-color);color:#fff;transform:translateY(-4px);box-shadow:0 10px 25px #3b82f659}.modern-pagination .pagination-btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.modern-pagination .page-numbers{display:flex;gap:8px;align-items:center}.modern-pagination .page-numbers button{width:44px;height:44px;border:1.5px solid #e2e8f0;background:var(--bg-color);color:#475569;border-radius:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.modern-pagination .page-numbers button:hover{background:#f1f5f9;border-color:#94a3b8;transform:translateY(-2px)}.modern-pagination .page-numbers button.active{background:var(--bg--primary-color);color:#fff;border-color:var(--bg--primary-color);box-shadow:0 8px 20px #187a4966;transform:translateY(-4px);font-weight:700}.modern-pagination .page-numbers .dots{color:#94a3b8;font-weight:600;padding:0 4px}.modern-pagination .page-info{min-width:140px;text-align:center;font-size:14px;color:#64748b;background:var(--bg-color);padding:10px 20px;border-radius:12px;border:1px solid #e2e8f0;font-weight:500}.modern-pagination .page-info strong{color:#1e293b;font-weight:700;margin:0 4px}.export-btn{background:transparent;border:none;cursor:pointer;padding:8px;border-radius:8px;color:var(--bg--primary-color);transition:all .2s;font-weight:500}.export-btn:hover{transform:scale(1.1)}.action-cell{display:flex;gap:12px;padding-top:25px;justify-content:center;align-items:center;position:relative}.action-cell button{border:none;background:none;cursor:pointer;padding:6px;border-radius:4px;transition:all .2s}.action-cell button:hover{background:#f0f0f0}.action-cell button.btn-edit{color:#f39c12}.action-cell button.btn-edit:hover{background:#fef5e7}.action-cell button.btn-delete{color:#e74c3c}.action-cell button.btn-delete:hover{background:#fadbd8}.user-avatar{display:flex;align-items:center;gap:10px}.user-avatar img{width:36px;height:36px;border-radius:50%;object-fit:cover}.user-avatar span{font-weight:500}.status{padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase}.status.active{background:#d5efdb;color:#27ae60}.status.inactive{background:#fadbd8;color:#c0392b}.form-header{display:flex;justify-content:space-between;align-items:center;padding:20px 28px;background:var(--bg--primary-color);color:#fff}.input-group select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23667eea' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 16px center;background-size:16px}.btn-add{display:flex;align-items:center;justify-content:center;gap:10px;padding:14px 24px;font-size:1.1rem;font-weight:600;color:#fff;background:var(--bg--primary-color);border:none;border-radius:12px;cursor:pointer;transition:all .3s ease;flex:1;min-width:140px}.btn-add:hover{transform:translateY(-3px);box-shadow:0 10px 20px #667eea4d}@keyframes modalFadeIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.9)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.excel-modal-wrapper{position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999;display:flex;align-items:flex-start;justify-content:center}.excel-modal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000080;animation:fadeIn .3s ease-out}.excel-modal-slide{position:relative;margin-top:80px;width:520px;max-width:90vw;background:#fff;border-radius:12px;box-shadow:0 20px 50px #0003;overflow:hidden;animation:slideDown .4s ease-out}.modal-header{background:#045745;color:#fff;padding:18px 24px;display:flex;justify-content:space-between;align-items:center}.modal-header h3{margin:0;font-size:18px;font-weight:600}.modal-header .close-btn{background:none;border:none;color:#fff;font-size:28px;cursor:pointer;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .2s}.modal-header .close-btn:hover{background:#fff3}.modal-header .close-btn:disabled{opacity:.5;cursor:not-allowed}.modal-body{padding:40px}.modal-footer{padding:20px 24px;background:#f8f9fa;display:flex;justify-content:flex-end;gap:12px;border-top:1px solid #eee}.modal-footer button{padding:10px 20px;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s}.modal-footer button.btn-cancel{background:#e9ecef;color:#495057}.modal-footer button.btn-cancel:hover{background:#dee2e6}.modal-footer button.btn-upload{background:#045745;color:#fff}.modal-footer button.btn-upload:hover:not(:disabled){background:#037a5d}.modal-footer button.btn-upload:disabled{opacity:.6;cursor:not-allowed}.excel-dropzone{border:2px dashed #045745;border-radius:12px;padding:40px 20px;text-align:center;background:#f8fff9;transition:all .3s ease;cursor:pointer}.excel-dropzone:hover{background:#e8f7f0}.excel-dropzone.active{background:#d4f0e6;border-color:#045745}.excel-dropzone.uploading{opacity:.7;cursor:not-allowed}.excel-dropzone .dropzone-content,.excel-dropzone .file-selected{color:#045745}.excel-dropzone i{font-size:48px;margin-bottom:16px;color:#045745}.excel-dropzone p{margin:12px 0;font-size:16px}.excel-dropzone p strong{text-decoration:underline}.excel-dropzone small{color:#666;font-size:13px}.excel-dropzone .file-selected p{font-weight:600;margin:12px 0;word-break:break-all}.excel-dropzone .change-text{font-size:13px;color:#037a5d;text-decoration:underline;cursor:pointer}@keyframes slideDown{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.add-user-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:999;display:flex;align-items:center;justify-content:center}.add-user-popup{background:#fff;padding:30px;border-radius:12px;width:400px;max-width:95%;box-shadow:0 8px 16px #00000040;z-index:1000}.add-user-popup h2{margin-bottom:20px;color:#045745;text-align:center}.add-user-popup form{display:flex;flex-direction:column;gap:12px}.add-user-popup form input,.add-user-popup form textarea,.add-user-popup form select{padding:10px;border:1px solid #ccc;border-radius:6px;font-size:14px}.add-user-popup form textarea{resize:vertical;min-height:60px}.add-user-popup form .btn-group{display:flex;justify-content:space-between;margin-top:10px}.add-user-popup form .btn-group .btn-submit{background-color:#045745;color:#fff;border:none;padding:10px 16px;border-radius:6px;cursor:pointer}.add-user-popup form .btn-group .btn-submit:hover{opacity:.9}.add-user-popup form .btn-group .btn-cancel{background-color:#ccc;color:#000;border:none;padding:10px 16px;border-radius:6px;cursor:pointer}.add-user-popup form .btn-group .btn-cancel:hover{opacity:.9}.form-add-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .3s ease-out}.form-add-container{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;max-width:520px;background:#fff;border-radius:16px;box-shadow:0 20px 40px #00000026;overflow:hidden;z-index:1000;animation:modalFadeIn .35s ease-out forwards}.form-add-container:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:-1}.form-header{display:flex;justify-content:space-between;align-items:center;padding:20px 28px;background:var(--bg--primary-color, #045745);color:#fff}.form-header h1{margin:0;font-size:1.5rem;font-weight:600}.form-header .close-icon{font-size:28px;cursor:pointer;transition:all .2s ease}.form-header .close-icon:hover{transform:scale(1.1);color:#ff6b6b}form{padding:28px;display:flex;flex-direction:column;gap:24px;background:#fff}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.input-group{display:flex;flex-direction:column;gap:8px}.input-group label{font-weight:600;color:#2d3748;font-size:.95rem}.input-group input,.input-group select{padding:14px 18px;font-size:1rem;border:2px solid #e2e8f0;border-radius:12px;outline:none;transition:all .3s ease;background:#fff}.input-group input::placeholder,.input-group select::placeholder{color:#a0aec0}.input-group input:focus,.input-group select:focus{border-color:#667eea;box-shadow:0 0 0 4px #667eea26}.input-group select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23667eea' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 16px center;background-size:16px}.form-actions{display:flex;gap:14px;margin-top:10px;flex-wrap:wrap}.btn-add{display:flex;align-items:center;justify-content:center;gap:10px;padding:14px 24px;font-size:1.1rem;font-weight:600;color:#fff;background:var(--bg--primary-color, #045745);border:none;border-radius:12px;cursor:pointer;transition:all .3s ease;flex:1;min-width:140px}.btn-add svg{font-size:1.3rem}.btn-add:hover{transform:translateY(-3px);box-shadow:0 10px 20px #66ea00}.btn-add:active{transform:translateY(-1px)}.btn-add:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-cancel{padding:14px 24px;font-size:1.1rem;font-weight:600;color:#718096;background:#f7fafc;border:2px solid #e2e8f0;border-radius:12px;cursor:pointer;transition:all .3s ease;flex:1;min-width:120px}.btn-cancel:hover{background:#edf2f7;border-color:#cbd5e0;color:#4a5568}.required{color:#e74c3c}@keyframes modalFadeIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.9)}to{opacity:1;transform:translate(-50%,-50%)}}@media (max-width: 640px){.form-grid{grid-template-columns:1fr}.form-actions{flex-direction:column}.btn-add,.btn-cancel{width:100%}}@media (max-width: 480px){.form-add-container{width:95%;border-radius:12px}.form-header{padding:16px 20px}.form-header h1{font-size:1.35rem}form{padding:20px}}.filter-modal{position:absolute;width:340px;background:#fff;border-radius:16px;box-shadow:0 20px 40px #0457452e;border:1px solid #e0e0e0;overflow:hidden;z-index:1000;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;animation:slideDown .25s ease-out}.filter-modal__header{background:linear-gradient(135deg,#045745,#057a55);color:#fff;padding:18px 24px;font-size:17px;font-weight:600;text-align:center}.filter-modal__body{padding:20px 24px;max-height:70vh;overflow-y:auto}.filter-modal__body::-webkit-scrollbar{width:6px}.filter-modal__body::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.filter-modal__body::-webkit-scrollbar-thumb{background:#045745;border-radius:10px}.filter-modal .filter-group__options{display:flex;flex-direction:column;gap:12px}.filter-modal .filter-option{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:10px;cursor:pointer;transition:all .2s ease;font-size:14.5px}.filter-modal .filter-option:hover{background:#f0fdf4;transform:translate(4px)}.filter-modal .filter-option input[type=checkbox]{width:18px;height:18px;accent-color:#045745;cursor:pointer;border-radius:6px}.filter-modal .filter-option span{color:#1f2937;-webkit-user-select:none;user-select:none}.filter-modal .no-filter-text{text-align:center;color:#6b7280;font-style:italic}.filter-modal__footer{padding:16px 24px;background:#f8fff9;border-top:1px solid #dcfce7;display:flex;gap:12px}.filter-modal .btn-cancel{flex:1;padding:12px;background:#fff;color:#045745;border:2px solid #045745;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s ease}.filter-modal .btn-cancel:hover{background:#f0fdf4;transform:translateY(-2px)}.filter-modal .btn-apply{flex:1;padding:12px;background:linear-gradient(135deg,#045745,#057a55);color:#fff;border:none;border-radius:12px;font-weight:600;cursor:pointer;box-shadow:0 4px 15px #0457454d;transition:all .3s ease}.filter-modal .btn-apply:hover{background:linear-gradient(135deg,#034235,#046645);transform:translateY(-3px)}@keyframes slideDown{0%{opacity:0;transform:translateY(-15px)}to{opacity:1;transform:translateY(0)}}.task__list{width:100%;margin-top:20px}.task__list__container{width:100%;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:20px}.task__list .add__task{display:flex;align-items:center;justify-content:center;gap:10px;color:var(--text--add--chart);padding-left:10px;cursor:pointer}.task__list .add__task i{font-size:13px}.task__list .add__task span{font-size:13px;font-weight:500;line-height:21px;letter-spacing:1px}.task__list .task__list__contents{display:flex;align-items:flex-start;justify-content:flex-start;flex-wrap:wrap;gap:20px;width:100%}.chart__card{width:100%;max-width:500px;margin:16px auto;padding:24px;border-radius:20px;background:var(--bg--nav);box-shadow:0 0 10px #00000014;transition:box-shadow .3s ease}.chart__card:hover{box-shadow:0 4px 16px #00000026}.chart__card .chart__card__container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px}.chart__card .chart__card__container .chart__card__top{width:100%;display:flex;align-items:center;justify-content:center;gap:10px}.chart__card .chart__card__container .chart__card__top .chart__card__left{position:relative;width:180px;height:180px}.chart__card .chart__card__container .chart__card__top .chart__card__left .chart__center{position:absolute;top:55%;left:55%;transform:translate(-50%,-50%);text-align:center}.chart__card .chart__card__container .chart__card__top .chart__card__left .chart__center h2{font-size:14px;font-weight:400;color:#9d9b9b;margin:0}.chart__card .chart__card__container .chart__card__top .chart__card__left .chart__center p{font-size:22px;font-weight:700;color:var(--text--chart--center);margin:0}.chart__card .chart__card__container .chart__card__top .chart__card__right{flex:1;display:flex;flex-direction:column;gap:8px}.chart__card .chart__card__container .chart__card__top .chart__card__right h3{font-size:16px;font-weight:500;color:var(--text-color)}.chart__card .chart__card__container .chart__card__top .chart__card__right p{font-size:14px;font-weight:500;color:var(--text--add--chart);margin:0}.chart__card .chart__card__container .chart__card__top .chart__card__bottom{width:100%;display:flex;align-items:center;justify-content:space-around}.chart__card .chart__card__container .chart__card__top .chart__card__bottom__member__student{display:flex;align-items:center;gap:5px;width:164px;height:auto}.chart__card .chart__card__container .chart__card__top .chart__card__bottom__member__student ul{display:flex;align-items:center;list-style:none;padding-left:10px;margin:0}.chart__card .chart__card__container .chart__card__top .chart__card__bottom__member__student ul li{position:relative;margin-left:-10px}.chart__card .chart__card__container .chart__card__top .chart__card__bottom__member__student ul li:nth-child(n+4):not(.extra-count){display:none}.chart__card .chart__card__container .chart__card__top .chart__card__bottom__member__student ul li img{width:30px;height:30px;border-radius:50%;border:2px solid #fff;object-fit:cover}.chart__card .chart__card__container .chart__card__top .chart__card__bottom button{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;border:none;border-radius:10px;background-color:var(--bg--primary-color);color:#f2f2f2}.chart__card .chart__card__container .chart__card__top .chart__card__bottom button .button-text{font-weight:500;font-size:14px;line-height:21px}.chart__card .extra-count{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;background-color:#f0f0f0;color:#333;font-size:14px;font-weight:700;border:2px solid #fff;margin-left:-10px;z-index:1}.task__page{width:100%}.task__page .incoming__total{width:100%;display:flex;align-items:center;justify-content:center;gap:20px}.incoming__task{width:546px;height:364px;background-color:var(--bg--nav);border-radius:20px;padding:15px 14px 0 10px}.incoming__task h2{font-weight:600;font-size:14px;color:var(--text-color);line-height:21px}.plan__chart__component{width:100%;padding-right:20px}.plan__chart__component__container{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:10px}.plan__chart__component__container__table{width:100%}.plan__chart__component__container__table table{width:100%;border-collapse:separate;border-spacing:0;overflow:hidden;border-radius:10px}.plan__chart__component__container__table table thead{background-color:var(--bg--color--table)}.plan__chart__component__container__table table thead th{padding:12px 20px;text-align:left;font-weight:500;font-size:14px;line-height:21px;color:var(--text-color);cursor:pointer}.plan__chart__component__container__table table thead th.active{background-color:#045745;color:#fff}.plan__chart__component__container__table table thead th.active .span{color:#fff}.plan__chart__component__container__table table thead th .timing{width:100%;height:20px;display:flex;align-items:center;justify-content:center;gap:3px;border-radius:20px;transition:background-color .3s ease}.plan__chart__component__container__table table thead th .timing span{font-size:14px;font-weight:500;line-height:21px;transition:color .3s ease}.plan__chart__component__container__table table thead th .timing.active{background-color:var(--text--color-manage);padding:15px 20px}.plan__chart__component__container__table table thead th .timing.active span{color:var(--text--color--dark)}.plan__chart__component__container__table table thead th:nth-child(1){width:68px;text-align:center}.plan__chart__component__container__table table thead th:nth-child(2){width:454px}.plan__chart__component__container__table table thead th:nth-child(3){width:200px}.plan__chart__component__container__table table thead th:nth-child(4){width:93px}.plan__chart__component__container__table table thead th:nth-child(5){width:145px}.plan__chart__component__container__table table thead th:nth-child(6){width:127px}.total__task{width:546px;height:364px;background-color:var(--bg--nav);border-radius:20px;padding:24px 24px 0}.total__task h2{font-weight:600;font-size:14px;color:var(--text-color);line-height:21px}.total__task__container__main__content{width:100%;display:flex;align-items:center;justify-content:center;gap:80px;margin-top:50px}.total__task__container__main__content__list{width:70%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0 10px}.total__task__container__main__content__list__item{width:100%;display:flex;align-items:center;justify-content:space-between;gap:50px}.total__task__container__main__content__list__item__left{display:flex;align-items:center;justify-content:center;gap:10px}.total__task__container__main__content__list__item__left .dot__color{padding:4px;border-radius:50%}.total__task__container__main__content__list__item__left p,.total__task__container__main__content__list__item__right p{color:#9d9b9b;font-weight:300;font-size:15px;padding-top:20px}.total__task__container .chart__wrapper{width:30%;position:relative;width:100%;display:flex;justify-content:center;align-items:center}.total__task__container .chart__center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.total__task__container .chart__center h2{font-size:14px;font-weight:400;color:#9d9b9b;margin:0}.total__task__container .chart__center p{font-size:22px;font-weight:700;color:var(--text-color);margin:0}.up__coming__task{width:1112px;height:543px;background-color:var(--bg--nav);margin-top:20px;border-radius:20px;padding:24px 24px 0}.up__coming__task h2{font-weight:600;font-size:14px;color:var(--text-color);line-height:21px}.task__completion{width:1112px;height:297px;background-color:var(--bg--nav);border-radius:20px;padding:24px 24px 0;margin-top:20px}.task__completion h2{font-weight:600;font-size:14px;color:var(--text-color);line-height:21px}.layout{display:flex;min-height:100vh;position:relative}.layout .main-content{flex:1;padding:20px;transition:margin-left .3s ease;overflow-y:auto;max-height:100vh;background-color:var(--bg-color)}.layout .main-content .main-content-area{margin-top:20px;overflow:inherit}.announcement-place{z-index:10000;position:absolute;right:45px;top:100px}.task__self{width:100%;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:20px;margin-top:20px}.task__self__container{width:100%;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start}.task__self__container__heading{width:auto;min-width:140px;height:54px;padding:18px 24px 5px 16px;background-color:var(--color--div-head);border-bottom-right-radius:20px;border-top-left-radius:20px;border-top-right-radius:20px;text-align:center;white-space:nowrap}.task__self__container__heading h2{font-size:22px;font-weight:600;line-height:21px;color:var(--text--color-manage)}.task__self__container__content{width:100%;display:flex;gap:20px}.notification__page{width:100%;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:20px;padding:20px}:root{--nav-accent: #0f766e;--nav-baseline: #e5e7eb;--text-muted: #6b7280}.navbar{width:100%;background-color:var(--bg--nav);border-top-left-radius:20px;border-top-right-radius:20px;padding:10px}.navbar__container{width:100%}.navbar__list{position:relative;display:flex;align-items:flex-end;justify-content:space-around;gap:8px;list-style:none;margin:0;padding:0 0 14px;overflow-x:auto;scrollbar-width:thin}.navbar__baseline{position:absolute;left:0;right:0;bottom:4px;height:2px;background:var(--nav-baseline);pointer-events:none}.navbar__indicator{--indicator-left: 0px;--indicator-width: 0px;position:absolute;bottom:4px;left:0;height:3px;width:var(--indicator-width);transform:translate(var(--indicator-left));background:var(--nav-accent);border-radius:999px;box-shadow:0 1px #0000000f;transition:transform .24s ease,width .24s ease;pointer-events:none}.nav-item{flex:0 0 auto;display:flex;justify-content:center;width:200px}.nav-btn{position:relative;display:inline-flex;align-items:center;gap:10px;padding:8px 12px;background:transparent;border:none;color:var(--text-color);border-radius:10px;cursor:pointer;transition:color .15s ease,background .15s ease}.nav-btn .nav-icon{font-size:16px;line-height:0;color:var(--text-muted)}.nav-btn .nav-label{font-size:14px;font-weight:500;white-space:nowrap;color:var(--text-muted)}.nav-btn:hover{background:#0000000a}.nav-btn.is-active .nav-icon,.nav-btn.is-active .nav-label{color:var(--text-color)}@media (prefers-color-scheme: light){.nav-btn:hover{background:#00000009}}.table-wrap{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 2px #1018280a;overflow:hidden;color:#0f172a;width:100%}.table-scroll{height:100%;overflow:auto}.mail-table{width:100%;border-collapse:separate;border-spacing:0;--c1: 56px;--c2: 56px;--c3: 1fr;--c4: 180px;--c5: 56px}.mail-table tbody tr{display:grid;grid-template-columns:var(--c1) var(--c2) var(--c3) var(--c4) var(--c5);align-items:center;height:58px;border-bottom:1px solid #eef2f7;padding:0 4px}.mail-table tbody tr:last-child{border-bottom:none}.mail-table tbody tr:hover{background:#f8fafc}.mail-table tbody tr.is-selected{background:#f1f5f9}.mail-table td{display:flex;align-items:center;padding:0 6px;min-width:0}.cell-title{gap:8px}.title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500;min-width:0}.cell-time{justify-content:flex-end;color:#6b7280;font-size:13px;padding-right:8px}.chk{position:relative;width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center}.chk input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.chk span{width:18px;height:18px;border:1.5px solid #cfd8e3;border-radius:4px;background:#fff;display:block}.chk input:checked+span{background:#045745;border-color:#045745;box-shadow:inset 0 0 0 2px #fff}.star{width:22px;height:22px;border:none;background:transparent;cursor:pointer;position:relative}.star:before{content:"☆";font-size:18px;color:#94a3b8}.star.active:before{content:"★";color:#f59e0b}.more{width:24px;height:24px;border:none;background:transparent;cursor:pointer;position:relative;padding-bottom:30px}.pagination{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 12px 16px;border-top:1px solid #eef2f7}.nav{width:32px;height:32px;display:grid;place-items:center;border:1px solid #e5e7eb;background:#fff;padding-bottom:20px;padding-left:5px;border-radius:20px;cursor:pointer}.nav:disabled{opacity:.4;cursor:not-allowed}.pages{display:flex;gap:6px;align-items:center}.page{min-width:32px;height:32px;padding:0 10px;border:1px solid #e5e7eb;background:#fff;border-radius:999px;cursor:pointer}.page.active{background:#045745;color:#fff;border-color:#045745;font-weight:600}.page.ghost{border-color:transparent;background:transparent;cursor:default}@media (max-width: 640px){.mail-table{--c1: 48px;--c2: 48px;--c3: 1fr;--c4: 120px;--c5: 48px}.cell-time{font-size:12px}}