:root{--tg-theme-bg-color: #ffffff;--tg-theme-text-color: #000000;--tg-theme-hint-color: #999999;--tg-theme-link-color: #007aff;--tg-theme-button-color: #007aff;--tg-theme-button-text-color: #ffffff;--tg-theme-secondary-bg-color: #f0f0f0;--tg-section-header-text-color: var(--tg-theme-hint-color);--tg-destructive-text-color: #ff3b30;--tg-active-color: #34c759;--icon-color-users: #007aff;--icon-color-students: #ff9500;--icon-color-register: #34c759;--icon-color-settings: #8e8e93;--icon-bg-dark-theme: #2c2c2e;--list-divider-color: #e6e6e6}.theme-dark{--list-divider-color: #38383a}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background-color:var(--tg-theme-secondary-bg-color);color:var(--tg-theme-text-color);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overscroll-behavior-y:none;overflow:hidden;transition:background-color .2s,color .2s;user-select:none;-webkit-user-select:none}#root{height:100vh;display:flex;flex-direction:column}.main-content{flex-grow:1;overflow-y:auto;padding:0 16px calc(12px + var(--tg-content-safe-area-inset-bottom, 0px)) 16px}.section-header{font-size:13px;font-weight:400;color:var(--tg-section-header-text-color);text-transform:none;padding:16px 16px 8px;margin-top:20px}.main-content>.section-header:first-child{margin-top:0;padding-top:12px}.list-container{list-style:none;margin:0;padding:0;background-color:var(--tg-theme-bg-color);border-radius:18px;overflow:hidden}.list-item,.clickable-list-item,.nav-list-item{display:flex;align-items:center;padding:12px 16px;background-color:transparent;gap:16px;position:relative;width:100%;border:none;text-align:left}.list-container li:not(:last-child)>.list-item:after,.list-container li:not(:last-child)>.clickable-list-item:after,.list-container li:not(:last-child)>.nav-list-item:after{content:"";position:absolute;bottom:0;right:0;height:1px;background-color:var(--list-divider-color);left:16px}.list-container li:not(:last-child)>.clickable-list-item:has(.list-item-avatar):after,.list-container li:not(:last-child)>.list-item:has(.list-item-avatar):after{left:68px}.list-container li:not(:last-child)>*:has(.nav-icon-container):after{left:62px}.clickable-list-item,.nav-list-item{cursor:pointer;transition:background-color .2s}.clickable-list-item:hover,.nav-list-item:hover{background-color:#8080801a}.list-item-avatar{width:36px;height:36px;border-radius:50%;object-fit:cover;flex-shrink:0}.list-item-content{flex-grow:1;min-width:0}.list-item-title{font-weight:400;font-size:17px;color:var(--tg-theme-text-color)}.list-item-subtitle{font-size:13px;color:var(--tg-theme-hint-color)}.list-item-trailing{font-size:17px;font-weight:400;color:var(--tg-theme-hint-color);text-align:right;margin-left:auto;padding-left:8px;max-width:60%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.list-item.data-item .list-item-title{flex-grow:1;font-weight:400}.list-item.data-item{justify-content:space-between}.nav-icon-container{width:30px;height:30px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background-color .2s,color .2s}.nav-icon-container svg{width:20px;height:20px}.theme-light .nav-icon-container{color:var(--tg-theme-button-text-color)}.theme-light .nav-list-item:nth-of-type(1) .nav-icon-container{background-color:var(--icon-color-users)}.theme-light .nav-list-item:nth-of-type(2) .nav-icon-container{background-color:var(--icon-color-students)}.theme-light .nav-list-item:nth-of-type(3) .nav-icon-container{background-color:var(--icon-color-register)}.theme-light .nav-list-item:nth-of-type(4) .nav-icon-container{background-color:var(--icon-color-reports)}.theme-light .nav-list-item:nth-of-type(5) .nav-icon-container{background-color:var(--icon-color-settings)}.theme-dark .nav-icon-container{background-color:var(--icon-bg-dark-theme)}.theme-dark .nav-list-item:nth-of-type(1) .nav-icon-container{color:var(--icon-color-users)}.theme-dark .nav-list-item:nth-of-type(2) .nav-icon-container{color:var(--icon-color-students)}.theme-dark .nav-list-item:nth-of-type(3) .nav-icon-container{color:var(--icon-color-register)}.theme-dark .nav-list-item:nth-of-type(4) .nav-icon-container{color:var(--icon-color-reports)}.theme-dark .nav-list-item:nth-of-type(5) .nav-icon-container{color:var(--icon-color-settings)}.list-item-chevron{color:var(--tg-theme-hint-color);opacity:.5;transition:transform .2s ease;margin-left:auto}.list-item-chevron svg{width:20px;height:20px}.list-item-chevron.expanded{transform:rotate(90deg)}.list-button-container{padding-top:8px}.list-button{display:block;width:100%;padding:12px;font-size:17px;font-weight:400;text-align:center;color:var(--tg-theme-link-color);background-color:var(--tg-theme-bg-color);border:none;border-radius:12px;cursor:pointer;transition:background-color .2s}.list-button:hover{background-color:#80808026}.search-bar-container{padding:8px 0 4px}.search-bar-wrapper{position:relative;width:100%;display:flex;align-items:center}.search-bar-icon{position:absolute;left:10px;color:var(--tg-theme-hint-color);pointer-events:none;display:flex;align-items:center}.search-bar-input{width:100%;padding:9px 12px 9px 34px;font-size:16px;border:none;border-radius:10px;background-color:var(--tg-theme-bg-color);color:var(--tg-theme-text-color);flex-grow:1}.search-bar-input:focus{outline:none}.search-bar-input::placeholder{color:var(--tg-theme-hint-color)}.search-bar-qr-button{background:none;border:none;padding:0 10px;cursor:pointer;color:var(--tg-theme-link-color);display:flex;align-items:center;justify-content:center}.search-bar-qr-button svg{width:22px;height:22px}.search-bar-qr-button:hover{opacity:.7}.form-container{padding-top:12px}.form-group,.form-group-list{background-color:var(--tg-theme-bg-color);border-radius:12px;overflow:hidden;margin-bottom:20px}.form-group{padding:8px 12px}.form-group label{display:block;font-size:13px;color:var(--tg-theme-hint-color);margin-bottom:4px}.form-input,.form-select,textarea.form-input{width:100%;border:none;background:none;font-size:17px;font-family:inherit;color:var(--tg-theme-text-color);padding:2px 0}.form-input:focus,.form-select:focus,textarea.form-input:focus{outline:none}.form-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%23cccccc' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right .5em top 50%;background-repeat:no-repeat;background-size:1.25em;padding-right:2em}textarea.form-input{resize:vertical;min-height:80px}.form-error{font-size:13px;color:var(--tg-destructive-text-color);margin-top:4px}.form-group-list-item{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;gap:12px;position:relative}.form-group-list-item:not(:last-child):after{content:"";position:absolute;bottom:0;right:0;height:1px;background-color:var(--list-divider-color);left:16px}.form-group-list-item label{font-size:17px;color:var(--tg-theme-text-color);flex-shrink:0;padding:2px 0}.form-group-list-item .form-input,.form-group-list-item .form-select{text-align:right;flex-grow:1;color:var(--tg-theme-hint-color);font-size:17px}.form-group-list-item .form-select{background-position:right 0em top 50%}.form-group-list-error{font-size:13px;color:var(--tg-destructive-text-color);padding:0 12px;margin-top:-4px;margin-bottom:8px}.segmented-control{display:flex;width:100%;padding:3px;background-color:var(--tg-theme-secondary-bg-color);border-radius:8px;margin-bottom:12px}.segmented-control-button{flex:1;padding:6px;border:none;background-color:transparent;color:var(--tg-theme-text-color);font-size:14px;font-weight:500;border-radius:7px;cursor:pointer;transition:background-color .3s,color .3s}.segmented-control-button.active{background-color:var(--tg-theme-bg-color);box-shadow:0 1px 4px #0000001a}.image-picker-container{display:flex;flex-direction:column;align-items:center;gap:6px;cursor:pointer}.image-picker-selected{width:80px;height:80px;border-radius:50%;object-fit:cover;border:2px solid var(--tg-theme-secondary-bg-color)}.image-picker-label{color:var(--tg-theme-link-color);font-size:15px}.user-detail-container{padding-top:12px;display:flex;flex-direction:column;align-items:center;gap:4px}.user-detail-container .section-header,.user-detail-container .list-container{width:100%}.user-detail-avatar{width:100px;height:100px;border-radius:50%;object-fit:cover;margin-bottom:8px}.user-detail-avatar-placeholder{width:100px;height:100px;border-radius:50%;background-color:var(--tg-theme-link-color);color:var(--tg-theme-button-text-color);display:flex;align-items:center;justify-content:center;font-size:48px;font-weight:500;text-transform:uppercase;margin-bottom:8px}.user-detail-container h2{font-size:22px;font-weight:600}.user-detail-container p{font-size:17px;color:var(--tg-theme-hint-color)}.delete-button-container{margin-top:20px;width:100%}.delete-button{display:block;width:100%;padding:12px;font-size:17px;font-weight:400;text-align:center;color:var(--tg-destructive-text-color);background-color:var(--tg-theme-bg-color);border:none;border-radius:12px;cursor:pointer;transition:background-color .2s}.delete-button:hover{background-color:#80808026}.centered-message{text-align:center;padding:32px;color:var(--tg-theme-hint-color)}.registration-status{font-size:15px;text-transform:capitalize;margin-right:12px;color:var(--tg-theme-hint-color)}.registration-status.active{color:var(--tg-active-color)}.add-button{background-color:var(--tg-theme-link-color);color:var(--tg-theme-button-text-color);border:none;padding:6px 14px;border-radius:20px;font-size:15px;font-weight:500;cursor:pointer}.notes-container{background-color:var(--tg-theme-bg-color);padding:12px;border-radius:10px;width:100%}.notes-container p{white-space:pre-wrap;font-size:15px;color:var(--tg-theme-text-color);line-height:1.4}.toggle-switch{position:relative;display:inline-block;width:51px;height:31px;flex-shrink:0;margin-left:auto}.toggle-switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#e9e9ea;transition:.4s}.theme-dark .slider{background-color:#39393b}.slider:before{position:absolute;content:"";height:27px;width:27px;left:2px;bottom:2px;background-color:#fff;transition:.4s}input:checked+.slider{background-color:var(--tg-active-color)}input:focus+.slider{box-shadow:0 0 1px var(--tg-active-color)}input:checked+.slider:before{transform:translate(20px)}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}.list-item .toggle-switch{margin-left:auto}.searchable-select-container{position:relative}.dropdown-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;z-index:19}.searchable-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background-color:var(--tg-theme-bg-color);border-radius:10px;box-shadow:0 4px 12px #00000026;z-index:20;max-height:200px;overflow-y:auto;list-style:none;padding:4px;margin:0;border:1px solid var(--tg-theme-secondary-bg-color)}.searchable-dropdown li{padding:12px;font-size:16px;border-radius:6px;cursor:pointer}.searchable-dropdown li:hover{background-color:#8080801a}.searchable-dropdown li.disabled{color:var(--tg-theme-hint-color);cursor:default}.searchable-dropdown li.disabled:hover{background-color:transparent}.list-group-container{position:relative}.list-container>.list-group-container:not(:first-child):before{content:"";position:absolute;top:0;left:16px;right:0;height:1px;background-color:var(--list-divider-color)}.list-group-header{width:100%;background:none;border:none;cursor:pointer;text-align:left;transition:background-color .2s}.list-group-header:hover{background-color:#8080801a}.list-group-content{list-style:none;padding:0;margin:0}.list-group-content .clickable-list-item{padding-left:16px}.list-group-content>li:not(:last-child)>.clickable-list-item:after{left:16px}.list-item-checkmark{color:var(--tg-theme-link-color);margin-left:auto}.list-item-checkmark svg{width:20px;height:20px}.empty-state-container{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:32px 16px;height:100%}.empty-state-icon{width:60px;height:60px;display:flex;align-items:center;justify-content:center;background-color:var(--tg-theme-bg-color);color:var(--tg-theme-hint-color);border-radius:50%;margin-bottom:16px}.empty-state-icon svg{width:32px;height:32px}.empty-state-title{font-size:17px;font-weight:600;color:var(--tg-theme-text-color);margin-bottom:4px}.empty-state-message{font-size:15px;color:var(--tg-theme-hint-color);max-width:280px}.app-header{padding-top:var(--tg-content-safe-area-inset-top, 0px);background-color:var(--tg-theme-secondary-bg-color);flex-shrink:0;z-index:100}.app-header-content{height:44px;display:flex;align-items:center;justify-content:center;padding:0 16px}.app-header-title{font-family:inherit;font-size:17px;font-weight:600;color:var(--tg-theme-text-color);background:none;border:none;cursor:pointer;padding:6px 12px;border-radius:22px;transition:background-color .2s,transform .1s ease-out;display:inline-block;max-width:80%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-tap-highlight-color:transparent}.app-header-title:active{transform:scale(.96);background-color:#80808026}@media (hover: hover){.app-header-title:hover{background-color:#8080801a}}@media (hover: none){.app-header-title:hover{background-color:transparent}}.qr-code-wrapper{background-color:var(--tg-theme-bg-color);padding:12px;border-radius:12px;display:flex;flex-direction:column;align-items:center;gap:8px;width:100%}.qr-code-card{background-color:#fff;padding:16px;border-radius:8px;border:1px solid var(--tg-theme-secondary-bg-color);display:inline-block}.qr-code-student-name{font-size:17px;font-weight:500;color:var(--tg-theme-text-color);text-align:center;margin-top:4px}.qr-code-help-text{font-size:14px;color:var(--tg-theme-hint-color);text-align:center;max-width:280px}.collapsible-section{margin-top:20px}.collapsible-section .list-container{margin-top:0}.collapsible-section-header-wrapper{background-color:var(--tg-theme-bg-color);border-radius:12px;transition:border-radius .1s linear}.collapsible-section-header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:0 16px;border:none;background:none;cursor:pointer;text-align:left;position:relative;min-height:48px}.collapsible-section-header .section-header{padding:12px 0;margin:0;flex-grow:1;color:var(--tg-theme-text-color);font-size:17px;font-weight:400;text-transform:none}.collapsible-section .list-item-chevron{transition:transform .3s ease}.collapsible-section.open .list-item-chevron{transform:rotate(90deg)}.collapsible-section-content{max-height:0;overflow:hidden;transition:max-height .3s ease-out;background-color:var(--tg-theme-bg-color);border-radius:0 0 12px 12px}.collapsible-section.open .collapsible-section-header-wrapper{border-radius:12px 12px 0 0}.collapsible-section.open .collapsible-section-header:after{content:"";position:absolute;bottom:0;right:0;height:1px;background-color:var(--list-divider-color);left:16px}.collapsible-section.open .collapsible-section-content{max-height:2000px;transition:max-height .4s ease-in}.collapsible-section-content>.list-container,.collapsible-section-content>.notes-container{border-radius:0;margin-top:0;overflow:hidden;background-color:transparent}.collapsible-section-content>.list-button-container{background-color:var(--tg-theme-bg-color);padding:8px 16px 16px;border-radius:0 0 12px 12px}.collapsible-section-content .notes-container{padding:12px 16px}@media (hover: none){.list-button:hover,.nav-list-item:hover,.clickable-list-item:hover,.delete-button:hover,.list-group-header:hover{background-color:transparent}}