:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh;background-color:var(--tg-theme-bg-color, #fff);color:var(--tg-theme-text-color, #000)}#root{width:100%;min-height:100vh;margin:0;padding:0;background:var(--tg-theme-bg-color, #f0f2f5)}*{box-sizing:border-box}body{margin:0;padding:0;background:var(--tg-theme-bg-color, #f0f2f5);color:var(--tg-theme-text-color, #000000)}.home-container{font-family:Inter,sans-serif;background-color:var(--tg-theme-bg-color, #fff);min-height:100vh;display:flex;flex-direction:column}.header{background-color:#3390ecd9;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:15px 20px;color:#fff;position:sticky;top:0;z-index:100}.content{padding:30px 20px;display:flex;flex-direction:column;align-items:center;text-align:center}.instruction{color:var(--tg-theme-hint-color, #707579);margin-bottom:15px;font-size:16px}.test-input{width:100%;padding:12px;border:1px solid #dfe1e5;border-radius:8px;font-size:16px;margin-bottom:20px;outline:none;background-color:var(--tg-theme-secondary-bg-color, #f1f1f1);color:var(--tg-theme-text-color, #000)}.test-input:focus{border-color:#3390ec}.primary-btn{background-color:#3390ec;color:#fff;border:none;padding:12px 40px;border-radius:6px;font-size:16px;font-weight:500;cursor:pointer;margin-bottom:40px;transition:background-color .2s}.primary-btn:active{background-color:#2876c2}.links-section{display:flex;flex-direction:column;gap:20px;width:100%}.link-item{display:flex;flex-direction:column;align-items:center;gap:5px}.link-item span{color:var(--tg-theme-text-color, #000);font-size:14px;font-weight:500}.link-item .icon{font-size:20px}.link-item a{color:#3390ec;text-decoration:none;font-size:14px}.link-item a:hover{text-decoration:underline}.userinfo-container{font-family:Inter,sans-serif;background-color:var(--tg-theme-bg-color, #fff);min-height:100vh;display:flex;flex-direction:column}.header{background-color:#3390ecd9;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:15px 20px;color:#fff;display:flex;align-items:center;gap:15px;position:sticky;top:0;z-index:100}.header h1{margin:0;font-size:20px;font-weight:500}.form-content{padding:25px 20px;display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:14px;font-weight:600;color:var(--tg-theme-text-color, #000)}.required{color:#e74c3c}.form-input,.form-select{width:100%;padding:12px 15px;border:1px solid #dfe1e5;border-radius:8px;font-size:16px;outline:none;background-color:var(--tg-theme-secondary-bg-color, #fff);color:var(--tg-theme-text-color, #000);font-family:Inter,sans-serif}.form-input::placeholder{color:#999;font-size:15px}.form-input:focus,.form-select:focus{border-color:#3390ec;box-shadow:0 0 0 3px #3390ec1a}.form-select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23333' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 15px center;padding-right:40px}.info-box{background-color:#f0f4f8;border-left:4px solid #3390ec;padding:15px;border-radius:6px;margin-top:10px}.info-box p{margin:0;font-size:13px;line-height:1.5;color:#555}.info-box strong{color:#3390ec}.submit-btn{background-color:#3390ec;color:#fff;border:none;padding:14px 24px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;margin-top:10px;transition:all .2s}.submit-btn:hover:not(:disabled){background-color:#2876c2;transform:translateY(-1px);box-shadow:0 4px 12px #3390ec4d}.submit-btn:active:not(:disabled){transform:translateY(0)}.submit-btn:disabled{background-color:#b0b0b0;cursor:not-allowed;opacity:.6}.test-interface{font-family:Inter,sans-serif;background-color:var(--tg-theme-bg-color, #fff);min-height:100vh;padding-bottom:80px}.glass-header{background-color:#3390ecd9;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:15px 20px 0;color:#fff;display:flex;flex-direction:column;gap:10px;position:sticky;top:0;z-index:100}.header-top{display:flex;align-items:center;justify-content:space-between;gap:15px;width:100%}.back-btn{background:none;border:none;color:#fff;font-size:24px;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center}.header-info{display:flex;flex-direction:column;align-items:center;flex:1}.test-code{font-weight:700;font-size:18px}.test-subject{font-size:14px;opacity:.9}.timer{font-family:Roboto Mono,monospace;font-weight:600;font-size:16px;background:#fff3;padding:4px 8px;border-radius:6px}.questions-container{padding:20px;max-width:800px;margin:0 auto}.section{margin-bottom:30px}.section h3{margin-bottom:15px;color:var(--tg-theme-text-color, #000);border-bottom:2px solid #3390ec;display:inline-block;padding-bottom:5px}.closed-questions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:15px}.open-questions-list{display:flex;flex-direction:column;gap:15px}.footer{position:fixed;bottom:0;left:0;width:100%;background-color:var(--tg-theme-bg-color, #fff);padding:15px 20px;box-shadow:0 -4px 12px #0000000d;z-index:90;display:flex;justify-content:center}.submit-btn{background-color:#3390ec;color:#fff;border:none;padding:12px 30px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;width:auto;min-width:200px;max-width:400px;transition:all .2s}.submit-btn:hover:not(:disabled){background-color:#2876c2;transform:translateY(-1px)}.submit-btn:disabled{background-color:#b0b0b0;cursor:not-allowed}@media(max-width:576px){.glass-header{padding:10px 15px 0}.test-code{font-size:16px}.test-subject{font-size:12px}.closed-questions-grid{grid-template-columns:1fr}}.closed-question{display:flex;align-items:flex-start;gap:10px;margin-bottom:15px}.question-number{font-size:16px;font-weight:600;color:var(--tg-theme-text-color, #000);min-width:35px;padding-top:8px}.options-grid{display:grid;gap:8px;flex:1}.options-4{grid-template-columns:repeat(4,1fr)}.options-6{grid-template-columns:repeat(3,1fr)}.option-btn{background-color:#3390ec;color:#fff;border:none;padding:12px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s;min-height:48px}.option-btn:hover{background-color:#2876c2}.option-btn:active{transform:scale(.98)}.option-btn.selected{background-color:#27ae60}.open-question{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.question-label{font-size:16px;font-weight:600;color:var(--tg-theme-text-color, #000)}.math-input{width:100%;min-height:60px;padding:12px;border:2px solid #dfe1e5;border-radius:8px;font-size:18px;background-color:var(--tg-theme-secondary-bg-color, #fff)}.math-input:focus{border-color:#3390ec;outline:none;box-shadow:0 0 0 3px #3390ec1a}math-field::part(virtual-keyboard-toggle),math-field::part(menu-toggle){display:none!important}.progress-bar-wrapper{padding:0 0 15px;width:100%}.progress-header{display:flex;justify-content:flex-end;align-items:center;margin-bottom:5px}.progress-count{font-size:14px;font-weight:600;color:#ffffffe6}.progress-track{width:100%;height:6px;background-color:#ffffff4d;border-radius:3px;overflow:hidden}.progress-fill{height:100%;background-color:#fff;border-radius:3px;transition:width .3s ease}.admin-login-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:var(--tg-theme-bg-color, #f0f2f5);padding:20px;transition:background-color .3s ease}.login-card{width:100%;max-width:400px;background:var(--tg-theme-secondary-bg-color, #ffffff);border-radius:16px;box-shadow:0 4px 24px #0000001a;padding:30px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);animation:slideUp .5s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.login-title{text-align:center;margin-bottom:30px;color:var(--tg-theme-text-color, #000000);font-size:24px;font-weight:700}.login-card .ant-input-affix-wrapper{background-color:var(--tg-theme-bg-color, #ffffff);border-color:var(--tg-theme-hint-color, #d9d9d9);color:var(--tg-theme-text-color, #000000);padding:10px 11px;border-radius:8px}.login-card .ant-input{background-color:transparent;color:var(--tg-theme-text-color, #000000)}.login-card .ant-input-password-icon{color:var(--tg-theme-hint-color, rgba(0, 0, 0, .45))}.login-card .ant-btn-primary{background-color:var(--tg-theme-button-color, #1890ff);color:var(--tg-theme-button-text-color, #ffffff);border:none;height:45px;font-size:16px;font-weight:600;border-radius:8px;box-shadow:0 2px 8px #00000026}.login-card .ant-btn-primary:hover{opacity:.9;transform:translateY(-1px);box-shadow:0 4px 12px #0003}.login-icon{font-size:48px;color:var(--tg-theme-button-color, #1890ff);margin-bottom:20px;display:block;margin-left:auto;margin-right:auto}.admin-layout{min-height:100vh;background:var(--tg-theme-bg-color, #f0f2f5)}.admin-drawer .ant-drawer-body{background:var(--tg-theme-secondary-bg-color, #001529)!important}.admin-drawer .ant-drawer-header{background:var(--tg-theme-secondary-bg-color, #001529)!important;border-bottom:1px solid rgba(255,255,255,.1)}.admin-drawer .ant-drawer-close{color:#ffffffa6!important}.admin-menu{background:transparent!important;border-right:none!important}.admin-menu .ant-menu-item{color:var(--tg-theme-text-color, rgba(255, 255, 255, .65))!important}.admin-menu .ant-menu-item-selected{background-color:var(--tg-theme-button-color, #1890ff)!important;color:var(--tg-theme-button-text-color, #fff)!important}.admin-header{padding:0 16px;background:var(--tg-theme-bg-color, #fff)!important;display:flex;justify-content:space-between;align-items:center}.menu-toggle-btn{color:var(--tg-theme-text-color, #000)!important;font-size:20px!important}.menu-toggle-btn:hover{color:var(--tg-theme-button-color, #1890ff)!important}.logout-btn{border-radius:8px!important;font-weight:500!important;box-shadow:0 2px 8px #ff4d4f33!important;transition:all .3s ease!important}.logout-btn:hover{transform:translateY(-2px)!important;box-shadow:0 4px 12px #ff4d4f4d!important}.logout-text{margin-left:8px}.admin-content-wrapper{margin:16px;padding:24px;min-height:360px;background:var(--tg-theme-secondary-bg-color, #fff);border-radius:8px;color:var(--tg-theme-text-color, #000)}@media(max-width:576px){.logout-text{display:none}.logout-btn{padding:4px 12px!important}.admin-content-wrapper{padding:12px;margin:12px}}.dashboard-container{padding:24px;max-width:1600px;margin:0 auto}.dashboard-title{font-size:28px;font-weight:700;margin-bottom:32px;background:linear-gradient(45deg,var(--tg-theme-button-color, #1890ff),#722ed1);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;display:block;text-align:center;width:100%}.stat-card{border-radius:16px!important;border:none!important;overflow:hidden;transition:all .3s ease!important;box-shadow:0 4px 20px #0000000d!important;position:relative;height:100%}.stat-card .ant-card-body{padding:24px!important}.stat-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #0000001a!important}.stat-card:before{content:"";position:absolute;top:0;right:0;width:150px;height:150px;background:linear-gradient(135deg,#ffffff1a,#fff0);border-radius:0 0 0 100%;z-index:1}.stat-card-blue{background:linear-gradient(135deg,#0050b3,#1890ff)!important;color:#fff!important}.stat-card-green{background:linear-gradient(135deg,#237804,#52c41a)!important;color:#fff!important}.stat-card-purple{background:linear-gradient(135deg,#531dab,#722ed1)!important;color:#fff!important}.stat-card-orange{background:linear-gradient(135deg,#ad4e00,#fa8c16)!important;color:#fff!important}.stat-icon-wrapper{position:absolute;right:20px;top:50%;transform:translateY(-50%);font-size:48px;opacity:.2;transition:all .3s ease;color:#fff!important}.stat-card:hover .stat-icon-wrapper{transform:translateY(-50%) scale(1.1);opacity:.3}.ant-statistic-title{font-size:16px!important;font-weight:500!important;color:#ffffffd9!important;margin-bottom:8px!important;text-align:center}.ant-statistic-content{text-align:center}.ant-statistic-content-value{font-size:32px!important;font-weight:700!important;color:#fff!important}.ant-statistic-content-suffix{color:#ffffffd9!important;font-size:16px!important}@media(max-width:768px){.dashboard-container{padding:16px}.dashboard-title{font-size:24px;margin-bottom:24px}.ant-statistic-content-value{font-size:28px!important}}.analytics-dashboard{max-width:1600px;margin:0 auto;padding:24px}.analytics-dashboard h2.ant-typography{color:var(--tg-theme-text-color, #000)!important;text-align:center;width:100%;margin-bottom:32px}.analytics-dashboard .ant-card{background:var(--tg-theme-secondary-bg-color, #fff)!important;border:1px solid var(--tg-theme-hint-color, rgba(0, 0, 0, .1))!important;border-radius:16px!important;box-shadow:0 4px 12px #0000000d}.analytics-dashboard .ant-card-body{padding:24px!important}.analytics-dashboard .ant-card-head{min-height:56px!important;padding:0 24px!important;border-bottom:1px solid var(--tg-theme-hint-color, rgba(0, 0, 0, .1))!important}.analytics-dashboard .ant-card-head-title{color:var(--tg-theme-text-color, #000)!important;font-size:16px!important;font-weight:600!important}.analytics-dashboard .ant-statistic-title{color:var(--tg-theme-hint-color, rgba(0, 0, 0, .45))!important;font-size:14px!important;text-align:center}.analytics-dashboard .ant-statistic-content{text-align:center}.analytics-dashboard .ant-statistic-content-value{color:var(--tg-theme-text-color, #000)!important;font-size:24px!important}.analytics-dashboard .recharts-text{fill:var(--tg-theme-text-color, #000)!important;font-size:12px!important}.analytics-dashboard .recharts-cartesian-axis-tick-value{fill:var(--tg-theme-hint-color, rgba(0, 0, 0, .45))!important}.analytics-dashboard .recharts-legend-item-text{color:var(--tg-theme-text-color, #000)!important}.recharts-default-tooltip{background:var(--tg-theme-secondary-bg-color, #fff)!important;border:1px solid var(--tg-theme-hint-color, rgba(0, 0, 0, .1))!important;color:var(--tg-theme-text-color, #000)!important;padding:12px!important;border-radius:8px!important}.recharts-tooltip-label{color:var(--tg-theme-text-color, #000)!important;font-size:14px!important;font-weight:600!important;margin-bottom:8px!important}@media(max-width:992px){.ant-col-lg-12{max-width:100%!important;flex:0 0 100%!important}}@media(max-width:768px){.analytics-dashboard{padding:16px}.ant-statistic-title{font-size:14px!important}.ant-statistic-content{font-size:20px!important}.recharts-responsive-container{height:250px!important}}@media(max-width:576px){.ant-card{margin-bottom:16px!important}.ant-card-head-title{font-size:15px!important}.recharts-responsive-container{height:220px!important}}.test-management{padding:0;max-width:100%;margin:0 auto}.test-management h2.ant-typography{color:var(--tg-theme-text-color, #000)!important;text-align:center;width:100%}.test-management .ant-card{background:var(--tg-theme-secondary-bg-color, #fff)!important;border:1px solid var(--tg-theme-hint-color, rgba(0, 0, 0, .1))!important}.test-management .ant-card-head-title{color:var(--tg-theme-text-color, #000)!important}.test-management label{color:var(--tg-theme-text-color, #000)!important;text-align:center;display:block;width:100%}.test-management h4.ant-typography{color:#fff!important;text-align:center;width:100%;margin-bottom:24px!important}.test-management .ant-input{background:var(--tg-theme-bg-color, #fff)!important;color:var(--tg-theme-text-color, #000)!important;border-color:var(--tg-theme-hint-color, #d9d9d9)!important}.test-management .ant-input:disabled{background:var(--tg-theme-secondary-bg-color, #f5f5f5)!important;color:var(--tg-theme-hint-color, rgba(0, 0, 0, .25))!important}.test-management .ant-radio-group{display:flex;flex-direction:row;gap:12px;width:100%;flex-wrap:wrap}.test-management .ant-radio-button-wrapper{background:var(--tg-theme-bg-color, #fff)!important;color:var(--tg-theme-text-color, #000)!important;border-color:var(--tg-theme-hint-color, #d9d9d9)!important;border-radius:8px!important;padding:12px 16px!important;height:auto!important;line-height:1.5!important;text-align:center!important;transition:all .3s ease!important;border:1px solid var(--tg-theme-hint-color, #d9d9d9)!important;margin:0!important;flex:1;min-width:150px}.test-management .ant-radio-button-wrapper:not(:first-child):before{display:none!important}.test-management .ant-radio-button-wrapper:hover{border-color:var(--tg-theme-button-color, #1890ff)!important;transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.test-management .ant-radio-button-wrapper-checked{background:var(--tg-theme-button-color, #1890ff)!important;color:var(--tg-theme-button-text-color, #fff)!important;border-color:var(--tg-theme-button-color, #1890ff)!important;box-shadow:0 4px 12px #1890ff4d}.test-management .ant-radio-button-wrapper-checked:hover{background:var(--tg-theme-button-color, #1890ff)!important;opacity:.9}.test-management .ant-picker{background:var(--tg-theme-bg-color, #fff)!important;border-color:var(--tg-theme-hint-color, #d9d9d9)!important}.test-management .ant-picker-input>input{color:var(--tg-theme-text-color, #000)!important}.test-management .ant-picker-suffix{color:var(--tg-theme-hint-color, rgba(0, 0, 0, .25))!important}.questions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:15px;margin-top:20px}.open-questions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;margin-top:20px}.date-picker-container{display:flex;gap:20px}@media(max-width:992px){.questions-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}}@media(max-width:768px){.questions-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px}.open-questions-grid{grid-template-columns:1fr;gap:15px}.test-management .ant-radio-group{flex-direction:column}.test-management .ant-radio-button-wrapper{padding:10px 14px!important;font-size:14px!important;flex:none;width:100%}}@media(max-width:576px){.questions-grid{grid-template-columns:1fr;gap:10px}.open-questions-grid{grid-template-columns:1fr;gap:12px}.date-picker-container,.test-management .ant-radio-group{flex-direction:column}.test-management .ant-radio-button-wrapper{padding:8px 12px!important;font-size:13px!important;flex:none;width:100%}.ant-picker-dropdown{width:100%;max-width:100vw;left:0!important;right:0!important;margin:0 auto}.ant-picker-panel-container{width:100%;max-width:100%;overflow-x:auto}.ant-picker-time-panel-column{width:50px!important}.ant-picker-time-panel-cell-inner{padding:0!important;text-align:center}}.test-list-container{padding:24px;background:var(--tg-theme-bg-color, #f0f2f5);min-height:100%}.test-list-header{margin-bottom:16px;display:flex;justify-content:space-between;align-items:center}.test-list-header h2{color:var(--tg-theme-text-color, #000);margin:0}.test-list-table .ant-table{background:var(--tg-theme-secondary-bg-color, #fff)!important;color:var(--tg-theme-text-color, #000)!important}.test-list-table .ant-table-thead>tr>th{background:var(--tg-theme-bg-color, #fafafa)!important;color:var(--tg-theme-text-color, #000)!important;border-bottom:1px solid var(--tg-theme-hint-color, #f0f0f0)!important}.test-list-table .ant-table-tbody>tr>td{background:var(--tg-theme-secondary-bg-color, #fff)!important;color:var(--tg-theme-text-color, #000)!important;border-bottom:1px solid var(--tg-theme-hint-color, #f0f0f0)!important}.test-list-table .ant-table-tbody>tr:hover>td{background:var(--tg-theme-bg-color, #fafafa)!important}@media(max-width:768px){.test-list-container{padding:12px}.test-list-header h2{font-size:18px}.test-list-table{overflow-x:auto}.ant-table-wrapper{width:100%;overflow-x:auto}}