body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);min-height:100vh}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--pastel-1: 255, 183, 197;--pastel-2: 255, 223, 186;--pastel-3: 255, 255, 186;--pastel-4: 186, 255, 201;--pastel-5: 186, 225, 255;--pastel-6: 218, 198, 255;--primary-color: #722ED1}.app-container{min-height:100vh;background:transparent}.ant-btn.ant-btn-primary,button.ant-btn.ant-btn-primary,.ant-btn-primary{background-color:#9254de!important;border-color:#9254de!important;color:#fff!important;background-image:none!important}.ant-btn.ant-btn-primary:hover,.ant-btn.ant-btn-primary:focus,button.ant-btn.ant-btn-primary:hover,button.ant-btn.ant-btn-primary:focus,.ant-btn-primary:hover,.ant-btn-primary:focus{background-color:#722ed1!important;border-color:#722ed1!important;color:#fff!important;background-image:none!important}.ant-btn.ant-btn-primary:active,button.ant-btn.ant-btn-primary:active,.ant-btn-primary:active{background-color:#531dab!important;border-color:#531dab!important;color:#fff!important;background-image:none!important}.ant-btn.ant-btn-primary:disabled,button.ant-btn.ant-btn-primary:disabled,.ant-btn-primary:disabled{background-color:#9254de!important;border-color:#9254de!important;color:#ffffff73!important;opacity:.6;background-image:none!important}.layout-header{background:rgba(255,255,255,.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 8px #0000001a;padding:0 24px;height:45px!important;line-height:45px!important;display:flex;align-items:center;justify-content:space-between}.logo{margin-left:36px;display:flex;align-items:center;height:45px;flex-shrink:0}.logo-img{height:35px;max-width:400px;object-fit:contain;cursor:pointer;transition:opacity .3s ease;border:none!important;box-shadow:none!important}.logo-img:hover{opacity:.8}.header-nav{display:flex;align-items:center;flex:1;justify-content:space-between;margin-left:24px;min-width:0}.nav-menu{border:none!important;flex:1;max-width:300px;overflow:visible!important}.nav-menu .ant-menu-overflow{display:flex!important;width:100%!important}.nav-menu .ant-menu-overflow-item{flex-shrink:0!important;display:flex!important}.nav-menu .ant-menu-overflow-item-rest{display:none!important}.nav-menu .ant-menu-item{display:flex!important;align-items:center;justify-content:center;white-space:nowrap;flex-shrink:0!important}.nav-menu .ant-menu-submenu-arrow,.nav-menu .ant-menu-overflow-item-suffix{display:none!important}.user-section{margin-left:16px;flex-shrink:0}.user-dropdown{height:auto;padding:4px 8px;display:flex;align-items:center}.username-text{margin-left:8px}.content-container{max-width:1200px;margin:24px auto;padding:0 24px}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:16px}.page-title{font-size:24px;font-weight:700;margin:0;color:#262626}.create-button{white-space:nowrap}.create-button-text{margin-left:4px}.timetable-card{border-radius:12px;box-shadow:0 2px 12px #00000014}.loading-container{text-align:center;padding:50px 0}.empty-state{padding:40px 20px}.timetable-list .timetable-item{padding:16px 0;border-bottom:1px solid #f0f0f0}.timetable-list .timetable-item:last-child{border-bottom:none}.timetable-avatar{background-color:#1890ff}.timetable-title{font-size:16px;font-weight:600;color:#262626;text-align:left!important;display:block;margin-left:0!important;align-self:flex-start}.timetable-description{color:#8c8c8c;font-size:14px}.timetable-type,.timetable-time,.timetable-created{margin-bottom:4px}.timetable-type{color:#1890ff;font-weight:500}.action-button{display:flex;align-items:center;gap:4px}.admin-card{margin-top:24px;border-radius:12px;box-shadow:0 2px 12px #00000014}@media (max-width: 768px){.ant-btn.ant-btn-primary,button.ant-btn.ant-btn-primary,.ant-btn-primary{background-color:#9254de!important;border-color:#9254de!important;color:#fff!important;background-image:none!important}.ant-btn.ant-btn-primary:hover,.ant-btn.ant-btn-primary:focus,button.ant-btn.ant-btn-primary:hover,button.ant-btn.ant-btn-primary:focus,.ant-btn-primary:hover,.ant-btn-primary:focus{background-color:#722ed1!important;border-color:#722ed1!important;color:#fff!important;background-image:none!important}.ant-btn.ant-btn-primary:active,button.ant-btn.ant-btn-primary:active,.ant-btn-primary:active{background-color:#531dab!important;border-color:#531dab!important;color:#fff!important;background-image:none!important}.layout-header{padding:0 16px;height:67px!important;line-height:67px!important}.header-content{gap:8px}.logo{height:67px}.logo-img{max-height:53px;max-width:200px}.header-nav{margin-left:8px}.nav-menu{font-size:12px;max-width:none!important;min-width:160px}.nav-menu .ant-menu-item{padding:0 6px!important;font-size:12px;min-width:60px}.nav-menu .ant-menu-item .anticon{font-size:14px;margin-right:4px}.content-container{margin:16px auto;padding:0 16px}.dashboard-header{flex-direction:row;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px}.page-title{font-size:18px;text-align:left;flex-shrink:0}.create-button{height:36px;font-size:14px;padding:0 12px;flex-shrink:0}.create-button-text{margin-left:2px}.timetable-card{margin:0 -4px}.timetable-list .timetable-item{padding:12px 0}.timetable-title{font-size:15px}.timetable-description{font-size:13px}.action-text{display:none}.action-button{min-width:40px;padding:4px 8px}}@media (max-width: 480px){.ant-btn.ant-btn-primary,button.ant-btn.ant-btn-primary,.ant-btn-primary{background-color:#9254de!important;border-color:#9254de!important;color:#fff!important;background-image:none!important}.ant-btn.ant-btn-primary:hover,.ant-btn.ant-btn-primary:focus,button.ant-btn.ant-btn-primary:hover,button.ant-btn.ant-btn-primary:focus,.ant-btn-primary:hover,.ant-btn-primary:focus{background-color:#722ed1!important;border-color:#722ed1!important;color:#fff!important;background-image:none!important}.ant-btn.ant-btn-primary:active,button.ant-btn.ant-btn-primary:active,.ant-btn-primary:active{background-color:#531dab!important;border-color:#531dab!important;color:#fff!important;background-image:none!important}.layout-header{height:60px!important;line-height:60px!important;padding:0 12px}.header-content{gap:6px}.logo{height:60px}.logo-img{max-height:47px;max-width:160px}.username-text{display:none}.header-nav{margin-left:6px}.nav-menu{max-width:none!important;min-width:140px;font-size:11px}.nav-menu .ant-menu-item{padding:0 4px!important;font-size:11px;min-width:50px}.nav-menu .ant-menu-item .anticon{font-size:12px;margin-right:2px}.content-container{padding:0 12px}.page-title{font-size:18px}.create-button{height:44px;font-size:15px}.create-button-text{margin-left:2px}.timetable-card{margin:0 -8px;border-radius:8px}.timetable-list .timetable-item{padding:10px 12px}.timetable-avatar{width:32px;height:32px;font-size:14px}.timetable-title{font-size:16px}.timetable-description{font-size:12px}.action-button{min-width:36px;padding:2px 6px}}@media (max-width: 390px){.compact-timetable-container{overflow-x:auto;-webkit-overflow-scrolling:touch;width:100%;box-sizing:border-box;padding:0;margin:0;max-width:100%}.compact-timetable{min-width:350px;width:max-content}.compact-timetable .ant-table-thead>tr>th{padding:3px 1px;font-size:10px;border:1px solid #e8e8e8}.compact-timetable .ant-table-tbody>tr>td{padding:1px;border:1px solid #e8e8e8}.ant-table{white-space:nowrap}.ant-table-thead>tr>th{white-space:nowrap;overflow:visible}.ant-table-tbody>tr>td{white-space:nowrap;overflow:visible}.ant-card-body>div[style*=overflowX]{overflow-x:auto!important;-webkit-overflow-scrolling:touch!important}}@media (max-width: 360px){.layout-header{height:53px!important;line-height:53px!important;padding:0 8px}.header-content{gap:4px}.logo{height:53px}.logo-img{max-height:40px;max-width:120px}.header-nav{margin-left:4px}.nav-menu{max-width:none!important;min-width:120px;font-size:10px}.nav-menu .ant-menu-item{padding:0 3px!important;font-size:10px;min-width:45px}.nav-menu .ant-menu-item .anticon{font-size:11px;margin-right:1px}.page-title{font-size:16px}.create-button{height:40px;font-size:14px}.timetable-card{margin:0 -4px}.timetable-avatar{width:28px;height:28px;font-size:12px}.action-button{min-width:32px;padding:2px 4px}}.voice-input-container{text-align:center;padding:40px;background:rgba(255,255,255,.9);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:8px;box-shadow:0 2px 8px #0000001a}.voice-button{width:100px;height:100px;border-radius:50%;font-size:24px}.timetable-container{background:rgba(255,255,255,.9);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:8px;padding:4px;box-shadow:0 2px 8px #0000001a}.time-slot{padding:8px;border:1px solid #f0f0f0;min-height:40px;display:flex;align-items:center;justify-content:center;background:#fafafa}.time-slot.has-class{background:rgba(var(--pastel-5),.35);border-color:rgba(var(--pastel-5),.6)}.ant-table-tbody>tr>td:nth-child(2) .time-slot.has-class{background:rgba(var(--pastel-1),.35);border-color:rgba(var(--pastel-1),.6)}.ant-table-tbody>tr>td:nth-child(3) .time-slot.has-class{background:rgba(var(--pastel-2),.35);border-color:rgba(var(--pastel-2),.6)}.ant-table-tbody>tr>td:nth-child(4) .time-slot.has-class{background:rgba(var(--pastel-3),.35);border-color:rgba(var(--pastel-3),.6)}.ant-table-tbody>tr>td:nth-child(5) .time-slot.has-class{background:rgba(var(--pastel-4),.35);border-color:rgba(var(--pastel-4),.6)}.ant-table-tbody>tr>td:nth-child(6) .time-slot.has-class{background:rgba(var(--pastel-5),.35);border-color:rgba(var(--pastel-5),.6)}.ant-table-tbody>tr>td:nth-child(7) .time-slot.has-class{background:rgba(var(--pastel-6),.35);border-color:rgba(var(--pastel-6),.6)}.ant-table-tbody>tr>td:nth-child(8) .time-slot.has-class{background:rgba(var(--pastel-1),.35);border-color:rgba(var(--pastel-1),.6)}.student-name{font-size:12px;padding:2px 6px;background:#1890ff;color:#fff;border-radius:4px;margin:2px;display:inline-block}.timetable-top-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;gap:6px}.back-icon-button{position:absolute;left:16px;top:16px;width:36px;height:36px}.timetable-main-title{font-size:16px;margin:0;text-align:center;flex:1}.edit-top-button{height:28px;padding:0 8px;font-size:12px}.timetable-header{flex-direction:column;align-items:stretch;gap:12px;margin-bottom:16px}.timetable-title{font-size:18px;text-align:center}.back-button{align-self:flex-start}.card-header{flex-direction:column;align-items:stretch;gap:8px}.edit-button{width:100%}.timetable-view-card{border-radius:12px;box-shadow:0 2px 12px #00000014}.card-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}.card-header-simple{display:flex;align-items:center}.week-info{font-size:14px;color:#666;font-weight:400}.edit-button{flex-shrink:0}.compact-timetable-container{overflow-x:auto;-webkit-overflow-scrolling:touch}.compact-timetable{min-width:400px}.compact-timetable .ant-table-thead>tr>th{padding:6px 4px;font-size:12px;text-align:center;background:#fafafa;border:1px solid #e8e8e8}.compact-timetable .ant-table-tbody>tr>td{padding:2px;text-align:center;border:1px solid #e8e8e8;vertical-align:middle}.timetable-time-column{background:#f5f5f5!important;width:40px;height:30px}.time-cell{font-size:11px;font-weight:600;color:#262626;line-height:1.2}.time-part{display:block}.day-header{text-align:center}.day-name{font-size:12px;font-weight:600;color:#262626}.day-date{font-size:10px;color:#666;font-weight:400;margin-top:2px}.time-slot-compact{min-height:35px;max-height:35px;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:1px;overflow:hidden}.student-tag-compact{font-size:10px;padding:1px 3px;background:#1890ff;color:#fff;border-radius:3px;cursor:pointer;margin:1px 0;max-width:100%;text-align:center;line-height:1.2;word-break:break-all;overflow:hidden;display:block}.student-tag-compact:hover{background:#40a9ff}.course-detail{font-size:13px}.course-detail div{margin-bottom:4px}.week-pagination{margin-top:24px;text-align:center}.info-card{margin-top:24px;border-radius:12px;box-shadow:0 2px 12px #00000014}.info-content{color:#666;font-size:14px}.info-content div{margin-bottom:4px}@media (max-width: 768px){.ant-card-body,.ant-card-body>div{overflow-x:auto!important;-webkit-overflow-scrolling:touch!important}.voice-button{width:80px;height:80px;font-size:20px}.voice-input-container{padding:20px}.ant-table{font-size:12px}.ant-table-thead>tr>th{padding:8px 4px;font-size:12px}.ant-table-tbody>tr>td{padding:8px 4px}.time-slot{min-height:50px;font-size:11px}.student-name{font-size:10px;padding:1px 4px;margin:1px}.timetable-top-header{margin-bottom:12px;gap:8px}.back-icon-button{width:36px;height:36px}.timetable-main-title{font-size:16px;margin:0;flex:1;text-align:left}.edit-top-button{height:28px;padding:0 8px;font-size:12px}.timetable-header{flex-direction:column;align-items:stretch;gap:12px;margin-bottom:16px}.timetable-title{font-size:18px;text-align:center}.back-button{align-self:flex-start}.card-header{flex-direction:column;align-items:stretch;gap:8px}.edit-button{width:100%}.compact-timetable{min-width:380px}.compact-timetable-container{overflow-x:auto;-webkit-overflow-scrolling:touch;width:100%;box-sizing:border-box}.ant-table{white-space:nowrap}.ant-table-thead>tr>th{white-space:nowrap;overflow:visible}.ant-table-tbody>tr>td{white-space:nowrap;overflow:visible}.ant-card-body>div[style*=overflowX]{overflow-x:auto!important;-webkit-overflow-scrolling:touch!important}.compact-timetable .ant-table-thead>tr>th{padding:4px 2px;font-size:11px}.compact-timetable .ant-table-tbody>tr>td{padding:1px}.time-cell{font-size:10px}.day-name{font-size:11px}.day-date{font-size:9px}.time-slot-compact{min-height:32px;max-height:32px}.student-tag-compact{font-size:9px;padding:1px 2px}.info-content{font-size:13px}}@media (max-width: 480px){.layout-header{height:90px;padding:0 12px}.header-content{gap:6px}.logo{height:90px}.logo-img{max-height:70px;max-width:160px}.username-text{display:none}.header-nav{margin-left:6px}.nav-menu{max-width:none!important;min-width:140px;font-size:11px}.nav-menu .ant-menu-item{padding:0 4px!important;font-size:11px;min-width:50px}.nav-menu .ant-menu-item .anticon{font-size:12px;margin-right:2px}.content-container{padding:0 12px}.page-title{font-size:18px}.create-button{height:44px;font-size:15px}.create-button-text{margin-left:2px}.timetable-card{margin:0 -8px;border-radius:8px}.timetable-list .timetable-item{padding:10px 12px}.timetable-avatar{width:32px;height:32px;font-size:14px}.timetable-title{font-size:16px}.timetable-description{font-size:12px}.action-button{min-width:36px;padding:2px 6px}.timetable-top-header{margin-bottom:10px;gap:6px}.back-icon-button{width:32px;height:32px}.timetable-main-title{font-size:14px;margin:0;flex:1;text-align:left}.edit-top-button{height:26px;padding:0 6px;font-size:11px}.compact-timetable{min-width:360px}.compact-timetable-container{overflow-x:auto;-webkit-overflow-scrolling:touch;width:100%;box-sizing:border-box;padding:0;margin:0}.ant-table{white-space:nowrap}.ant-table-thead>tr>th{white-space:nowrap;overflow:visible}.ant-table-tbody>tr>td{white-space:nowrap;overflow:visible}.ant-card-body>div[style*=overflowX]{overflow-x:auto!important;-webkit-overflow-scrolling:touch!important}.compact-timetable .ant-table-thead>tr>th{padding:3px 1px;font-size:10px}.time-cell{font-size:9px}.day-name{font-size:10px}.day-date{font-size:8px}.time-slot-compact{min-height:30px;max-height:30px}.student-tag-compact{font-size:8px;padding:1px}}.text-submit-button{width:100%;display:block;margin:0 auto;white-space:normal;height:auto;padding:10px 15px;line-height:1.5}.mobile-friendly-datepicker .ant-picker-dropdown{width:100%!important;min-width:280px!important;max-width:100%!important}@media (max-width: 768px){.mobile-friendly-datepicker .ant-picker-dropdown{position:absolute!important;top:100%!important;left:0!important;right:0!important;transform:none!important;z-index:9999!important;max-height:60vh!important;overflow-y:auto!important;margin-top:4px!important;box-shadow:0 6px 16px #00000014,0 3px 6px -4px #0000001f,0 9px 28px 8px #0000000d!important}}@media (max-width: 480px){.mobile-friendly-datepicker .ant-picker-dropdown{position:absolute!important;top:100%!important;left:0!important;right:0!important;width:100%!important;max-width:100%!important;transform:none!important;max-height:50vh!important;overflow-y:auto!important;margin-top:4px!important}}.mobile-friendly-datepicker input{caret-color:transparent!important;cursor:pointer!important;-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important;user-select:none!important}.mobile-friendly-datepicker input:focus{outline:none!important;box-shadow:0 0 0 2px #1890ff40!important}.student-detail-modal .ant-modal-body{-ms-overflow-style:none;scrollbar-width:none}.student-detail-modal .ant-modal-body::-webkit-scrollbar{width:0!important;height:0!important}.student-detail-modal .fixed-height-list .ant-list-pagination{margin-top:auto!important;display:flex;justify-content:center;padding-top:8px}.last-month-modal .ant-list-pagination,.last-month-modal .centered-pagination{display:flex!important;justify-content:center!important}@media (max-width: 768px){.mobile-friendly-datepicker .ant-picker-cell{padding:8px 0!important;height:40px!important;line-height:24px!important}.mobile-friendly-datepicker .ant-picker-cell-inner{min-height:24px!important;line-height:24px!important}.mobile-friendly-datepicker .ant-picker-header{padding:8px 12px!important}.mobile-friendly-datepicker .ant-picker-header button{min-height:32px!important;padding:4px 8px!important}}.mobile-friendly-rangepicker{width:var(--rangepicker-width, 100%)!important;min-width:var(--rangepicker-width, 100%)!important;max-width:var(--rangepicker-width, 100%)!important}.mobile-friendly-rangepicker .ant-picker-dropdown,.mobile-friendly-rangepicker .ant-picker-panel-container{width:var(--rangepicker-width, 100%)!important;min-width:var(--rangepicker-width, 100%)!important;max-width:var(--rangepicker-width, 100%)!important;box-sizing:border-box!important}.mobile-friendly-rangepicker .ant-picker-panels{width:var(--rangepicker-width, 100%)!important;min-width:var(--rangepicker-width, 100%)!important;max-width:var(--rangepicker-width, 100%)!important;box-sizing:border-box!important;display:flex!important;justify-content:space-between!important}.mobile-friendly-rangepicker .ant-picker-panel,.mobile-friendly-rangepicker .ant-picker-date-panel,.mobile-friendly-rangepicker .ant-picker-time-panel{width:100%!important;max-width:100%!important;box-sizing:border-box!important}.mobile-friendly-rangepicker .ant-picker-dropdown-range{width:var(--rangepicker-width, 100%)!important;min-width:var(--rangepicker-width, 100%)!important;max-width:var(--rangepicker-width, 100%)!important}.mobile-friendly-rangepicker .ant-picker-range-wrapper{width:100%!important}@media (max-width: 768px){.mobile-friendly-rangepicker .ant-picker-panels{flex-direction:column;width:100%!important}.mobile-friendly-rangepicker .ant-picker-panel{width:100%!important;max-width:100%!important}.mobile-friendly-rangepicker .ant-picker-date-panel{width:100%!important}.mobile-friendly-rangepicker .ant-picker-dropdown{position:absolute!important;top:100%!important;left:0!important;right:0!important;transform:none!important;z-index:9999!important;max-height:60vh!important;overflow-y:auto!important;margin-top:4px!important;box-shadow:0 6px 16px #00000014,0 3px 6px -4px #0000001f,0 9px 28px 8px #0000000d!important}}@media (max-width: 480px){.mobile-friendly-rangepicker .ant-picker-panels{flex-direction:column}.mobile-friendly-rangepicker .ant-picker-panel{width:100%!important}.mobile-friendly-rangepicker .ant-picker-dropdown{position:absolute!important;top:100%!important;left:0!important;right:0!important;width:100%!important;max-width:100%!important;transform:none!important;max-height:50vh!important;overflow-y:auto!important;margin-top:4px!important}}.mobile-friendly-rangepicker input{caret-color:transparent!important;cursor:pointer!important;-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important;user-select:none!important}.mobile-friendly-rangepicker input:focus{outline:none!important;box-shadow:0 0 0 2px #1890ff40!important}.mobile-friendly-rangepicker .ant-picker-panel-container{background:#fff!important;border-radius:6px!important;box-shadow:0 6px 16px #00000014,0 3px 6px -4px #0000001f,0 9px 28px 8px #0000000d!important}@media (max-width: 768px){.mobile-friendly-rangepicker .ant-picker-cell{padding:8px 0!important;height:40px!important;line-height:24px!important}.mobile-friendly-rangepicker .ant-picker-cell-inner{min-height:24px!important;line-height:24px!important}.mobile-friendly-rangepicker .ant-picker-header{padding:8px 12px!important}.mobile-friendly-rangepicker .ant-picker-header button{min-height:32px!important;padding:4px 8px!important}}.wechat-login-btn{background-color:#07c160!important;border-color:#07c160!important;color:#fff!important}.wechat-login-btn:hover{background-color:#06ad56!important;border-color:#06ad56!important;color:#fff!important}.wechat-login-btn:focus{background-color:#07c160!important;border-color:#07c160!important;color:#fff!important;box-shadow:0 0 0 2px #07c16033!important}.wechat-login-btn:active{background-color:#05a050!important;border-color:#05a050!important;color:#fff!important}.no-confirm-timepicker .ant-picker-footer,.no-confirm-timepicker .ant-picker-ok,.no-confirm-timepicker .ant-picker-ranges{display:none!important}.no-confirm-timepicker .ant-picker-time-panel-column>li{display:block!important}.no-confirm-timepicker .ant-picker-time-panel-column:last-child{overflow:visible!important;overflow-y:visible!important;height:auto!important;max-height:none!important}.no-confirm-timepicker .ant-picker-time-panel-column:last-child::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}.no-confirm-timepicker .ant-picker-time-panel-column:last-child{-ms-overflow-style:none!important;scrollbar-width:none!important}@supports (-webkit-touch-callout: none){@media (max-width: 768px){.ios-timepicker-fix.ant-picker-dropdown,.ant-picker-dropdown.ant-picker-dropdown-placement-bottomLeft{position:fixed!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;z-index:10000!important;max-width:90vw!important;max-height:70vh!important;overflow:visible!important}.ios-timepicker-fix .ant-picker-time-panel,.ant-picker-time-panel{position:relative!important;background:white!important;border-radius:8px!important;box-shadow:0 6px 16px #00000014,0 3px 6px -4px #0000001f,0 9px 28px 8px #0000000d!important;max-height:60vh!important;overflow:hidden!important;width:280px!important}.ios-timepicker-fix .ant-picker-time-panel-column,.ant-picker-time-panel-column{height:200px!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important}.ios-timepicker-fix .ant-picker-time-panel-cell,.ant-picker-time-panel-cell{padding:8px 0!important;height:40px!important;line-height:24px!important;text-align:center!important;font-size:16px!important}.ios-timepicker-fix:before,.ant-picker-dropdown:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.45);z-index:-1}}}@media (max-width: 768px) and (-webkit-min-device-pixel-ratio: 1){.ios-timepicker-fix{position:fixed!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;z-index:10000!important;max-width:90vw!important;max-height:70vh!important}}.customer-status-tabs-inline .ant-tabs-nav{margin-bottom:0!important}.customer-status-tabs-inline .ant-tabs-nav-wrap{overflow:visible!important}.customer-status-tabs-inline .ant-tabs-nav-list{display:flex!important;flex-wrap:nowrap!important}.customer-status-tabs-inline .ant-tabs-tab{margin-right:8px!important}.customer-time-group-title{font-size:13px;color:#999;margin-bottom:0;font-weight:400;padding-left:4px;border-left:2px solid #1890ff}.customer-filter-area{overflow-x:hidden!important;width:100%}.customer-filter-area .ant-row{margin-left:0!important;margin-right:0!important;width:100%!important}.customer-filter-area .ant-col{padding-left:8px!important;padding-right:8px!important}.customer-card-list .ant-card{max-width:100%;overflow:hidden}.customer-card-list .ant-card-body{overflow:hidden;word-wrap:break-word}.customer-card-list .ant-row{margin-left:0!important;margin-right:0!important}.customer-card-list .ant-col{padding-left:2px!important;padding-right:2px!important}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}.custom-time-picker .ant-picker-footer{text-align:center!important;display:flex!important;justify-content:center!important}.custom-time-picker .ant-picker-now,.custom-time-picker .ant-picker-footer-extra{display:none!important}.customer-card-list,.todo-list-scroll-container{-webkit-overflow-scrolling:touch!important;touch-action:pan-y!important;overscroll-behavior:contain!important}.show-all-minutes-picker .ant-picker-time-panel-column{overflow-y:auto;max-height:224px}.show-all-minutes-picker .ant-picker-time-panel-column>li.ant-picker-time-panel-cell-selected{font-weight:700;background:#e6f7ff}.show-all-minutes-picker .ant-picker-time-panel-column:nth-child(2){height:auto!important}.show-all-minutes-picker .ant-picker-time-panel-column:nth-child(2){display:flex!important;flex-direction:column!important}.show-all-minutes-picker .ant-picker-time-panel-column:nth-child(2) li:nth-child(1),.show-all-minutes-picker .ant-picker-time-panel-column:nth-child(2) li:nth-child(31){display:block!important}.show-all-minutes-picker .ant-picker-time-panel-column::-webkit-scrollbar{width:6px}.show-all-minutes-picker .ant-picker-time-panel-column::-webkit-scrollbar-thumb{background-color:#d9d9d9;border-radius:4px}.show-all-minutes-picker .ant-picker-time-panel-column>li.ant-picker-time-panel-cell{text-align:center;width:100%}.show-all-minutes-picker .ant-picker-time-panel-column>li.ant-picker-time-panel-cell-selected{font-weight:700;background:#e6f7ff;position:relative}.show-all-minutes-picker .ant-picker-time-panel-column{position:relative}.show-all-minutes-picker .ant-picker-time-panel-column:before,.show-all-minutes-picker .ant-picker-time-panel-column:after{content:"";display:block;height:32px;width:100%}.show-all-minutes-picker .ant-picker-time-panel-column{scroll-padding:50px 0;scroll-snap-type:y mandatory}.show-all-minutes-picker .ant-picker-time-panel-cell{scroll-snap-align:center}.show-all-minutes-picker .ant-picker-time-panel-column:nth-child(2){padding-top:0;padding-bottom:0;min-height:100px;scroll-behavior:auto;scroll-padding-top:32px;display:flex!important;flex-direction:column!important}.show-all-minutes-picker .ant-picker-time-panel-column:nth-child(2) li{pointer-events:auto!important;cursor:pointer!important}.show-all-minutes-picker .ant-picker-time-panel-column:nth-child(2) .ant-picker-time-panel-cell:nth-child(1),.show-all-minutes-picker .ant-picker-time-panel-column:nth-child(2) .ant-picker-time-panel-cell:nth-child(31){display:block!important;visibility:visible!important;pointer-events:auto!important;cursor:pointer!important}.show-all-minutes-picker .ant-picker-footer{display:flex!important;justify-content:flex-end!important;padding:8px;border-top:1px solid #f0f0f0}.show-all-minutes-picker .ant-picker-footer-extra{display:flex!important;flex:auto}.show-all-minutes-picker .ant-picker-now{display:none!important}.show-all-minutes-picker .ant-picker-ok{display:block!important;margin-left:8px!important}.show-all-minutes-picker .ant-picker-ok button{background-color:#1890ff;border-color:#1890ff;color:#fff;border-radius:2px;padding:0 8px;height:24px;line-height:22px;font-size:12px}.no-hour-switch .ant-picker-header-view{pointer-events:auto;cursor:pointer}.no-hour-switch .ant-picker-time-panel-column{pointer-events:auto!important}.no-hour-switch .ant-picker-time-panel-column:first-child,.no-hour-switch .ant-picker-time-panel-column:nth-child(2){pointer-events:auto!important;cursor:pointer!important}.no-hour-switch .ant-picker-time-panel-column .ant-picker-time-panel-cell,.no-hour-switch .ant-picker-input{pointer-events:auto!important;cursor:pointer!important}.history-scroll-container{max-height:200px;overflow-y:auto!important;overflow-x:hidden!important;margin-bottom:-6px;scrollbar-width:none!important;-ms-overflow-style:none!important}.history-scroll-container::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}.todo-list-scroll-container{scrollbar-width:none!important;-ms-overflow-style:none!important}.todo-list-scroll-container::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}.todo-card{overflow:hidden!important;overflow-x:hidden!important}.todo-card .ant-card-body{overflow-x:hidden!important;overflow-y:visible!important;width:100%;max-width:100%;box-sizing:border-box}.todo-card *::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}.todo-card *{scrollbar-width:none!important;-ms-overflow-style:none!important;max-width:100%;box-sizing:border-box}.ant-tabs-tabpane{-webkit-overflow-scrolling:touch!important;touch-action:pan-y!important}.todo-card .ant-card-body{pointer-events:auto!important}.todo-card div,.todo-card span,.todo-card p{word-wrap:break-word!important;word-break:break-all!important;overflow-wrap:break-word!important;white-space:normal!important;max-width:100%!important}.status-tag-container{white-space:nowrap!important;flex-shrink:0!important;overflow:visible!important}.status-tag-container .ant-tag{white-space:nowrap!important;flex-shrink:0!important}.todo-card .ant-timeline-item-content{max-width:100%!important;overflow:visible!important;word-wrap:normal!important;margin-left:18px!important;padding-left:0!important}.todo-card .ant-timeline-item{padding-bottom:12px!important}.todo-card .ant-timeline-item-tail{left:4px!important}.todo-card .ant-timeline-item-head{left:0!important;width:8px!important;height:8px!important}.todo-card .ant-timeline-item-content>div{overflow:visible!important;white-space:nowrap!important;max-width:none!important}.tab-scroll-container{scrollbar-width:none!important;-ms-overflow-style:none!important}.tab-scroll-container::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}.myhours-pagination .ant-pagination-item{margin-inline-end:14px}.myhours-table .ant-table-thead>tr>th{text-align:center}.myhours-table .ant-table-tbody>tr>td{text-align:center}.myhours-summary{text-align:center;margin:12px 0}.myhours-pagination{display:flex!important;justify-content:center;margin:8px 0 16px}.myhours-pagination .ant-pagination-item{margin:0 8px}.student-detail-modal .ant-modal-body{overflow:hidden;display:flex;flex-direction:column}.student-detail-modal .student-detail-body,.student-detail-modal .student-detail-tabs,.student-detail-modal .student-detail-tabs .ant-tabs-content-holder{display:flex;flex-direction:column;flex:1;min-height:0}.student-detail-modal .student-detail-tabs .ant-tabs-content{display:flex;flex:1;min-height:0}.student-detail-modal .student-detail-tabs .ant-tabs-tabpane{display:flex;flex:1;flex-direction:column;min-height:0}.student-detail-modal .student-detail-tabs .ant-list,.student-detail-modal .student-detail-tabs .ant-list .ant-spin-nested-loading,.student-detail-modal .student-detail-tabs .ant-list .ant-spin-container{display:flex;flex-direction:column;flex:1;min-height:0}.student-detail-modal .student-detail-tabs .ant-list .ant-list-items{flex:1;min-height:0;overflow:hidden}.student-detail-modal .student-detail-tabs .ant-list .ant-list-pagination{margin-top:auto;background:#fff;padding-top:8px}.student-detail-modal .ant-tabs-nav .ant-tabs-tab .ant-tabs-tab-btn>span{display:inline-flex;align-items:center;gap:6px}.student-detail-modal .ant-list-pagination{display:flex;justify-content:center;margin-top:6px;margin-bottom:0}.student-detail-modal .ant-list-pagination .ant-pagination .ant-pagination-total-text{width:100%;display:block;text-align:center;margin-top:6px;font-size:12px;color:#666;order:1}.student-detail-modal .ant-list-pagination .ant-pagination{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px}.student-detail-modal .ant-pagination .ant-pagination-item{margin:0 4px;border:none;background:transparent}.student-detail-modal .ant-pagination .ant-pagination-prev,.student-detail-modal .ant-pagination .ant-pagination-next{margin:0 4px}.student-detail-modal .ant-pagination .ant-pagination-prev.ant-pagination-disabled,.student-detail-modal .ant-pagination .ant-pagination-next.ant-pagination-disabled{display:none}.student-detail-modal .ant-pagination .ant-pagination-prev .ant-pagination-item-link,.student-detail-modal .ant-pagination .ant-pagination-next .ant-pagination-item-link{border-radius:50%;border:1px solid #1677ff}.student-detail-modal .ant-pagination .ant-pagination-prev .ant-pagination-item-link,.student-detail-modal .ant-pagination .ant-pagination-next .ant-pagination-item-link{width:26px;height:26px;display:inline-flex;align-items:center;justify-content:center;color:#1677ff;background-color:#fff}.student-detail-modal .ant-pagination .ant-pagination-item-active{border:none;background:transparent}.student-detail-modal .ant-pagination .ant-pagination-item a{color:#1677ff}.student-detail-modal .ant-pagination .ant-pagination-item-active a{color:#1677ff;font-weight:700;text-decoration:underline}.student-detail-modal .ant-pagination{margin-top:8px}.timetable-list .ant-list-items{padding-inline-start:0!important}.timetable-list .ant-list-item{transition:background-color .3s,box-shadow .3s;background:#fff;padding:0;border-radius:8px;margin-bottom:10px;border:1px solid #f0f0f0}.timetable-list .ant-list-item:hover{background-color:#f9f9f9;box-shadow:0 4px 12px #00000014;border-color:transparent}.timetable-list .ant-list-item .ant-list-item-meta{display:flex;align-items:center;width:100%;padding:10px 10px 10px 16px;box-sizing:border-box}.timetable-list .ant-list-item .ant-list-item-meta .ant-list-item-meta-avatar{margin-right:20px}.timetable-item-meta .ant-list-item-meta-content{display:flex;flex-direction:column}.timetable-item-meta .ant-list-item-meta-title{margin-bottom:.5em!important}.timetable-list .ant-list-item .ant-list-item-action{padding:16px 16px 16px 0!important;margin-bottom:0!important;margin-left:0!important;display:flex;justify-content:flex-end;align-items:center;gap:8px;flex-shrink:0}@media (max-width: 768px){.page-container{padding:1rem 5px}.timetable-list .ant-list-item{flex-direction:column;align-items:flex-start;padding:0;width:100%;margin:0 0 10px}.timetable-list .ant-list-item .ant-list-item-meta{width:100%;margin-bottom:0;padding:10px 10px 10px 16px}.timetable-list .ant-list-item .ant-list-item-meta-avatar{margin-right:16px;margin-bottom:0}.timetable-list .ant-list-item .ant-list-item-action{margin-left:0!important;padding:10px 0!important;margin-bottom:0!important;border-top:1px solid #f0f0f0;width:100%;display:flex;justify-content:center;align-items:center}.timetable-list .ant-list-item .ant-list-item-action>li{flex:1;text-align:center}.timetable-list .ant-list-item .ant-list-item-action>li .ant-btn{display:inline-block}}@media (min-width: 769px){.page-container{padding:2rem 10px}.timetable-list .ant-list-item{flex-direction:column;align-items:flex-start;padding:0}.timetable-list .ant-list-item .ant-list-item-meta{width:100%;flex:1;padding:16px}.timetable-list .ant-list-item .ant-list-item-action{margin-left:0!important;padding:10px 0!important;margin-bottom:0!important;border-top:1px solid #f0f0f0;width:100%;display:flex;justify-content:center;align-items:center}.timetable-list .ant-list-item .ant-list-item-action>li{flex:1;text-align:center}.timetable-list .ant-list-item .ant-list-item-action>li .ant-btn{display:inline-block}}.weekly-schedule-row .ant-table-cell{padding:0!important;vertical-align:top}.weekly-schedule-row .ant-table-cell:first-child{padding:8px!important;background-color:#fafafa;font-weight:500}.student-name-truncated{cursor:help}.weekly-schedule-row .ant-table-cell:first-child{width:60px!important;min-width:60px!important;max-width:60px!important;padding:4px!important}.weekly-schedule-row .ant-table-cell:first-child div{font-family:monospace;font-size:11px;line-height:1.2}.weekly-schedule-row .ant-table-cell{border:1px solid #e8e8e8!important}.weekly-schedule-row .ant-table-cell div{border:none!important}.weekly-schedule-row .ant-table-cell:first-child{vertical-align:middle!important}.weekly-schedule-row .ant-table-cell:first-child div{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.dashboard-tabs{height:100%;display:flex;flex-direction:column}.dashboard-tabs .ant-tabs-nav{flex-shrink:0}.dashboard-tabs .ant-tabs-content-holder{flex:1;overflow-y:auto;overflow-x:hidden;min-height:0}.dashboard-tabs .ant-tabs-content{min-height:100%;padding-bottom:20px}.dashboard-tabs .ant-tabs-tabpane{min-height:100%}.page-container{overflow:hidden!important}body::-webkit-scrollbar,html::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}body,html{scrollbar-width:none!important;-ms-overflow-style:none!important}.ant-tabs-content,.ant-tabs-tabpane-active{-webkit-overflow-scrolling:touch!important;touch-action:pan-y!important;overscroll-behavior:contain!important}.ant-card,.ant-card-body{touch-action:auto!important}body.ant-scrolling-effect{overflow:hidden!important}.page-container{padding:1.5rem;max-width:1200px;margin:0 auto}@media (max-width: 768px){.page-container{padding:.75rem}}.compact-timetable .ant-table-thead>tr>th{text-align:center!important;padding:8px 4px;font-size:14px}.compact-timetable .ant-table-tbody>tr>td{padding:0;height:48px}.time-cell{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;font-size:12px;color:#888}.time-part{line-height:1.2}.day-date{font-size:11px;line-height:1.1;color:#666}.schedule-cell-content{height:100%;min-height:48px;display:flex;flex-direction:column;width:100%;cursor:pointer;padding:0!important}.selected-instance-btn{background-color:#fa8c16!important;border-color:#fa8c16!important;color:#fff!important}.selected-instance-btn:hover{background-color:#ff9c2e!important;border-color:#ff9c2e!important;color:#fff!important}.selected-instance-btn:focus{background-color:#fa8c16!important;border-color:#fa8c16!important;color:#fff!important;box-shadow:0 0 0 2px #fa8c1633!important}.selected-instance-btn:active{background-color:#e67e00!important;border-color:#e67e00!important;color:#fff!important}.ant-table-thead>tr>th.today-header{background-color:#4a90e2!important;color:#fff!important;font-weight:500!important}.ant-table-thead>tr>th.today-header *{color:#fff!important}.action-button{padding:4px!important}.actions-container{display:flex;justify-content:center;align-items:center;flex-wrap:nowrap}.user-management-table .ant-table-pagination{display:flex;justify-content:center;margin-top:24px}.user-management-table .ant-table-pagination .ant-pagination{margin:0}.ant-table-thead>tr>th{text-align:center}.ant-table{width:100%}.ant-table-container table{table-layout:auto}.admin-table th{text-align:center!important}.page-container-mobile-admin{padding:0}.mobile-tabs-container{background-color:#fff;padding:10px 0 20px;box-shadow:0 2px 8px #0000001a;min-height:calc(100vh - 200px);margin-bottom:0;border-radius:0}.mobile-tabs-container .ant-tabs-content{padding-left:16px;padding-right:16px}.mobile-tabs-container .ant-tabs-nav{padding-left:16px}.with-gradient-border{border-top:2px solid transparent;border-image:linear-gradient(to right,#8a2be2,#ff69b4);border-image-slice:1}.desktop-tabs{background-color:#fff;padding:10px 20px 20px;border-radius:8px 8px 0 0;box-shadow:0 2px 8px #0000001a;min-height:calc(100vh - 200px);margin-bottom:0}.schedule-table-container{overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid #e8e8e8;border-radius:8px;margin:0 5px;margin-bottom:2rem}.schedule-table{width:100%;table-layout:fixed;border-collapse:collapse}.schedule-table th,.schedule-table td{border:1px solid #ddd;padding:8px 4px;text-align:center;vertical-align:middle;word-break:break-all}.schedule-table th{background-color:#fafafa;font-weight:700}.schedule-table input[type=text]{width:100%;padding:8px;border:1px solid #ccc;border-radius:4px;box-sizing:border-box;text-align:center}.schedule-table .action-cell{width:60px}.action-cell{text-align:center}.user-profile-container{max-width:800px;margin:0 auto;padding:24px;min-height:100vh;background-color:#f5f5f5}.user-profile-header{display:flex;align-items:center;margin-bottom:24px;background:white;padding:16px 24px;border-radius:8px;box-shadow:0 2px 8px #0000001a}.user-profile-header h2{margin:0 0 0 16px;font-size:24px;font-weight:600;color:#1890ff}.user-profile-content{display:flex;flex-direction:column;gap:24px}.profile-card{border-radius:8px;box-shadow:0 2px 8px #0000001a}.profile-card .ant-card-head{border-bottom:1px solid #f0f0f0}.profile-card .ant-card-head .ant-card-head-wrapper{display:flex;justify-content:center}.profile-card .ant-card-head-title{font-size:18px;font-weight:600;color:#262626;text-align:center;width:100%}.profile-card .ant-form-item-label>label{font-weight:500;color:#595959}.account-info{display:flex;flex-direction:column;gap:16px}.account-info-compact{display:flex;flex-direction:column;gap:8px}.info-row{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:#fafafa;border-radius:6px;border:1px solid #f0f0f0}.username-input-row{display:flex;gap:12px;align-items:center}.username-input{flex:1}.action-button{flex-shrink:0;width:120px}.profile-card .ant-form-item[style*="text-align: center"] .action-button{margin:0 auto;display:block}.bottom-actions{display:flex;justify-content:space-between;gap:16px;margin-top:16px;padding:16px 0}.bottom-button{flex:1;height:48px;font-size:16px;font-weight:500;border-radius:8px}.back-button-bottom{background:#f0f0f0!important;border:1px solid #d9d9d9!important;color:#595959!important}.back-button-bottom:hover{background:#e6e6e6!important;border-color:#bfbfbf!important;color:#404040!important}.deactivate-button{background:#ff4d4f!important;border-color:#ff4d4f!important;color:#fff!important}.deactivate-button:hover{background:#ff7875!important;border-color:#ff7875!important;color:#fff!important}.info-item{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #f0f0f0}.info-item:last-child{border-bottom:none}.info-label{font-weight:500;color:#595959;min-width:100px}.info-value{color:#262626;font-weight:400}.ant-btn-primary{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:6px;font-weight:500}.ant-btn-primary:hover{background:linear-gradient(135deg,#5a6fd8 0%,#6a4190 100%);box-shadow:0 4px 12px #667eea66}.ant-input,.ant-input-password{border-radius:6px;border:1px solid #d9d9d9;transition:all .3s}.ant-input:focus,.ant-input-password:focus{border-color:#667eea;box-shadow:0 0 0 2px #667eea33}@media (max-width: 768px){.user-profile-container{padding:16px}.user-profile-header{padding:12px 16px}.user-profile-header h2{font-size:20px}.info-item{flex-direction:column;align-items:flex-start;gap:4px}.info-label{min-width:auto}}.password-update-button{display:block!important;margin:0 auto!important;width:120px!important}.bottom-actions .ant-btn{display:flex!important;align-items:center!important;justify-content:center!important}.bottom-actions .ant-btn-dangerous{background:#ff4d4f!important;border-color:#ff4d4f!important;color:#fff!important}.bottom-actions .ant-btn-dangerous:hover{background:#ff7875!important;border-color:#ff7875!important;color:#fff!important}.bottom-actions .ant-btn-dangerous:focus{background:#ff4d4f!important;border-color:#ff4d4f!important;color:#fff!important}.bottom-actions .ant-btn-dangerous:active{background:#d9363e!important;border-color:#d9363e!important;color:#fff!important}.select-organization-container{min-height:100vh;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);padding:40px 20px;display:flex;flex-direction:column;align-items:center;justify-content:center}.select-organization-header{text-align:center;color:#fff;margin-bottom:40px}.select-organization-header h1{font-size:32px;font-weight:700;margin-bottom:10px;color:#fff}.welcome-text{font-size:16px;color:#ffffffe6;margin:0}.organization-form-wrapper{background:white;border-radius:12px;padding:40px;box-shadow:0 8px 24px #0003;width:100%;max-width:450px}.organization-form{width:100%}.organization-form .ant-form-item-label>label{font-size:16px;font-weight:500;color:#333}.organization-form .ant-input{border-radius:8px;font-size:16px}.submit-button{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;height:48px;font-size:16px;font-weight:500;border-radius:8px}.submit-button:hover{opacity:.9;transform:scale(1.02)}.back-button{height:48px;font-size:16px;font-weight:500;border-radius:8px;border:1px solid #d9d9d9;color:#666}.back-button:hover{border-color:#667eea;color:#667eea}@media (max-width: 768px){.select-organization-header h1{font-size:24px}.welcome-text{font-size:14px}.organization-form-wrapper{padding:30px 20px}}.application-status-container{min-height:100vh;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);padding:20px 12px;display:flex;align-items:center;justify-content:center}.status-content{width:100%;max-width:800px;background:white;border-radius:16px;padding:24px 16px;box-shadow:0 8px 24px #00000026}.status-descriptions{width:100%;max-width:600px;margin:24px auto}.status-descriptions .ant-descriptions-item-label{white-space:nowrap}.status-tag{padding:4px 12px;border-radius:4px;font-size:14px;font-weight:500}.status-pending{background:#fff7e6;color:#faad14;border:1px solid #ffd591}.reject-reason{color:#ff4d4f;font-weight:500}.action-buttons{margin-top:24px;display:flex;flex-direction:column;gap:12px;justify-content:center;width:100%;max-width:600px;margin-left:auto;margin-right:auto}.action-buttons button{height:44px;font-size:16px}@media (max-width: 768px){.status-content{padding:20px 12px}.status-descriptions,.action-buttons{max-width:100%}}.organization-request-management{padding:16px;max-width:100%}.requests-grid{display:flex;flex-direction:column;gap:16px;width:100%;max-width:900px;margin:0 auto}.request-card{border-radius:8px;transition:all .3s;width:100%}.request-card:hover{box-shadow:0 4px 12px #00000026}.request-card .ant-card-body{padding:20px 24px}.request-card-content{display:flex;justify-content:space-between;align-items:center;gap:16px}.request-info{display:flex;align-items:center;gap:12px;flex:1}.request-details{display:flex;flex-direction:column;gap:4px}.request-name{font-size:16px;font-weight:500;color:#1890ff}.request-meta{font-size:12px;color:#999;display:flex;align-items:center;gap:8px}.request-divider{color:#d9d9d9}.request-org{font-size:14px;color:#666}.request-actions{display:flex;align-items:center;gap:12px}.requests-footer{margin-top:16px;text-align:center;color:#999;font-size:14px}.loading-container,.empty-container{min-height:200px;display:flex;align-items:center;justify-content:center}@media (max-width: 768px){.organization-request-management{padding:16px}.request-card-content{flex-direction:column;align-items:flex-start}.request-actions{width:100%;justify-content:space-between}}.organization-management{padding:24px;max-width:1200px;margin:0 auto;background:#f5f7fa;min-height:calc(100vh - 64px);overflow-x:hidden}.page-header{margin-bottom:0;padding:20px 24px 10px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #f0f0f0}.header-left{display:flex;flex-direction:column;gap:4px}.page-header h2{margin:0;font-size:24px;font-weight:700;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.org-count{font-size:14px;color:#999;font-weight:400}.create-icon-btn{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;box-shadow:0 4px 12px #667eea66;transition:all .3s;width:44px;height:44px;display:flex;align-items:center;justify-content:center}.create-icon-btn:hover{transform:translateY(-3px) rotate(90deg);box-shadow:0 8px 20px #667eea99}.create-icon-btn .anticon{font-size:20px}.org-tabs{background:white;border-radius:12px;box-shadow:0 2px 8px #00000014;overflow:hidden}.org-tabs>.ant-tabs{margin-top:0}.org-tabs .ant-tabs-nav{margin-bottom:0;padding-left:24px;padding-right:24px;padding-top:10px}.org-tabs .ant-tabs-content-holder{padding:0 24px 24px}.org-cards-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;animation:fadeIn .4s ease-out;margin-top:20px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.org-card{border-radius:12px;border:1px solid #e8e8e8;transition:box-shadow .3s,border-color .3s;background:white;-webkit-user-select:none;user-select:none}.org-card:hover{box-shadow:0 4px 12px #00000014;border-color:#667eea}.org-card .ant-card-body{padding:20px}.org-card-header{margin-bottom:16px;padding-bottom:16px;border-bottom:2px solid #f0f0f0}.org-card-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.org-card-title h3{margin:0;font-size:18px;font-weight:600;color:#1890ff;flex:1}.org-card-meta{display:flex;gap:16px;font-size:13px;color:#999;font-family:Monaco,Courier New,monospace}.org-card-id{color:#666;font-weight:500}.org-card-code{color:#999}.org-card-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.notification-btn{background:rgba(249,240,255,.7);border:1px solid #d3adf7;color:#722ed1;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.notification-btn:hover{background:rgba(239,219,255,.9);border-color:#9254de;color:#531dab}.notification-btn:active{background:#d3adf7;border-color:#9254de;color:#531dab}.settings-btn{background:#f9f0ff;border:1px solid #d3adf7;color:#722ed1}.settings-btn:hover{background:#efdbff;border-color:#9254de;color:#531dab}.settings-btn:active{background:#d3adf7;border-color:#9254de;color:#531dab}.role-btn{background:#fff7e6;border:1px solid #ffd591;color:#fa8c16}.role-btn:hover{background:#ffe7ba;border-color:#fa8c16;color:#d46b08}.role-btn:active{background:#ffd591;border-color:#fa8c16;color:#d46b08}.action-btn{border-radius:6px;font-size:13px;height:36px;font-weight:500;transition:background .2s,color .2s,border-color .2s;position:relative;z-index:1}.detail-btn{background:#e6f7ff;border:1px solid #91d5ff;color:#1890ff}.detail-btn:hover{background:#bae7ff;border-color:#40a9ff;color:#096dd9}.detail-btn:active{background:#91d5ff;border-color:#40a9ff;color:#096dd9}.admin-btn{background:#f0f5ff;border:1px solid #adc6ff;color:#597ef7}.admin-btn:hover{background:#d6e4ff;border-color:#597ef7;color:#2f54eb}.admin-btn:active{background:#adc6ff;border-color:#597ef7;color:#2f54eb}.edit-btn{background:#e6fffb;border:1px solid #87e8de;color:#13c2c2}.edit-btn:hover{background:#b5f5ec;border-color:#36cfc9;color:#08979c}.edit-btn:active{background:#87e8de;border-color:#36cfc9;color:#08979c}.salary-btn{background:#f6ffed;border:1px solid #b7eb8f;color:#52c41a}.salary-btn:hover{background:#d9f7be;border-color:#73d13d;color:#389e0d}.salary-btn:active{background:#b7eb8f;border-color:#73d13d;color:#389e0d}.delete-btn{background:#fff1f0!important;border:1px solid #ffccc7!important;color:#ff4d4f!important}.delete-btn:hover{background:#ffccc7!important;border-color:#ff4d4f!important;color:#cf1322!important}.delete-btn:active{background:#ffa39e!important;border-color:#ff4d4f!important;color:#cf1322!important}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;margin-top:20px}.loading-spinner{width:50px;height:50px;border:4px solid #f0f0f0;border-top:4px solid #667eea;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-container p{margin:0;color:#999;font-size:14px}.empty-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;margin-top:20px}.empty-icon{font-size:64px;margin-bottom:16px;opacity:.6}.empty-container h3{margin:0 0 8px;color:#333;font-size:18px}.empty-container p{margin:0 0 24px;color:#999;font-size:14px}.org-detail-content{padding:16px 0}.detail-item{display:flex;padding:14px 16px;margin-bottom:8px;background:#fafafa;border-radius:8px;transition:all .3s}.detail-item:hover{background:#f0f0f0}.detail-item:last-child{margin-bottom:0}.detail-item label{font-weight:600;color:#666;min-width:100px;margin-right:16px}.detail-item span{color:#333;flex:1}.detail-item .ant-tag{margin:0;padding:2px 8px;font-size:12px;line-height:20px;display:inline-block;width:auto}.admin-management{padding:16px 0}.current-admins h3,.add-admin h3{font-size:16px;font-weight:600;margin-bottom:16px;color:#333}.current-admins .ant-list-item{padding:12px 0}@media (max-width: 768px){.organization-management{padding:12px}.page-header{padding:16px 16px 8px}.header-left{gap:4px}.page-header h2{font-size:20px}.org-count{font-size:13px}.create-icon-btn{width:40px;height:40px}.create-icon-btn .anticon{font-size:18px}.org-tabs .ant-tabs-nav{padding-left:16px;padding-right:16px;padding-top:8px}.org-tabs .ant-tabs-content-holder{padding:0 16px 16px}.org-cards-container{grid-template-columns:1fr;gap:12px}.org-card-actions{grid-template-columns:1fr 1fr}.action-btn{font-size:12px;height:32px;padding:0 8px}.detail-item{flex-direction:column;gap:4px;padding:12px}.detail-item label{min-width:auto;margin-right:0;margin-bottom:4px}.notification-btn{background:rgba(249,240,255,.85);border:1px solid #d3adf7;color:#722ed1;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.notification-btn:hover{background:rgba(239,219,255,.95);transform:translateY(-1px);box-shadow:0 6px 16px #722ed11f}.notification-btn:active{background:#d3adf7;transform:translateY(0);box-shadow:0 3px 10px #722ed11f}}.org-mgmt-auth-container{min-height:100vh;display:flex;justify-content:center;align-items:center;position:relative;overflow:hidden;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);padding:20px}.auth-background{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:0}.gradient-circle{position:absolute;border-radius:50%;background:rgba(255,255,255,.1);-webkit-backdrop-filter:blur(60px);backdrop-filter:blur(60px);animation:float 20s infinite ease-in-out}.circle-1{width:400px;height:400px;top:-100px;left:-100px;animation-delay:0s}.circle-2{width:300px;height:300px;bottom:-80px;right:-80px;animation-delay:7s}.circle-3{width:250px;height:250px;top:50%;left:50%;transform:translate(-50%,-50%);animation-delay:14s}@keyframes float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-30px) scale(1.1)}66%{transform:translate(-20px,20px) scale(.9)}}.auth-content{position:relative;z-index:1;width:100%;max-width:440px;animation:fadeInUp .6s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.auth-logo{text-align:center;margin-bottom:32px;color:#fff}.logo-icon{width:80px;height:80px;margin:0 auto 20px;background:rgba(255,255,255,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;display:flex;align-items:center;justify-content:center;font-size:36px;color:#fff;box-shadow:0 8px 32px #0000001a;animation:pulse 2s infinite}@keyframes pulse{0%,to{transform:scale(1);box-shadow:0 8px 32px #0000001a}50%{transform:scale(1.05);box-shadow:0 12px 40px #0003}}.auth-logo h1{margin:0 0 8px;font-size:28px;font-weight:700;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.15)}.auth-subtitle{margin:0;font-size:16px;color:#ffffffe6;font-weight:300}.auth-card{border-radius:16px;box-shadow:0 20px 60px #0000004d;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.95);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);overflow:hidden}.auth-card .ant-card-body{padding:32px}.auth-description{text-align:center;margin-bottom:32px;padding:16px;background:linear-gradient(135deg,#f0f9ff 0%,#e0f2fe 100%);border-radius:12px;border-left:4px solid #1890ff}.auth-description p{margin:0;color:#1890ff;font-size:14px;font-weight:500}.auth-form .ant-form-item{margin-bottom:24px}.auth-input{border-radius:8px;border:2px solid #e8e8e8;transition:all .3s}.auth-input:hover,.auth-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.input-icon{color:#667eea;font-size:16px}.auth-submit-btn{height:48px;border-radius:8px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;font-size:16px;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.1);box-shadow:0 4px 12px #667eea66;transition:all .3s}.auth-submit-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea80}.auth-submit-btn:active{transform:translateY(0)}.auth-footer{text-align:center;margin-top:8px}.back-link{color:#666;font-size:14px;transition:all .3s}.back-link:hover{color:#1890ff;transform:translate(-4px)}.auth-tips{text-align:center;margin-top:24px;padding:12px 20px;background:rgba(255,255,255,.15);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;border:1px solid rgba(255,255,255,.2)}.auth-tips p{margin:0;color:#fff;font-size:13px;text-shadow:0 1px 2px rgba(0,0,0,.1)}@media (max-width: 768px){.auth-content{max-width:100%}.auth-logo h1{font-size:24px}.auth-subtitle{font-size:14px}.logo-icon{width:64px;height:64px;font-size:28px}.auth-card .ant-card-body{padding:24px}.circle-1,.circle-2,.circle-3{display:none}}.auth-form .ant-input:focus,.auth-form .ant-input-password:focus-within{animation:inputFocus .3s ease-out}@keyframes inputFocus{0%{transform:scale(1)}50%{transform:scale(1.02)}to{transform:scale(1)}}.auth-form .ant-form-item-explain-error{font-size:12px;margin-top:4px}.org-mgmt-wrapper{min-height:100vh;background:#f5f7fa}.auth-status-bar{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);padding:12px 24px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 8px #0000001a;position:sticky;top:0;z-index:100}.status-info{display:flex;align-items:center;gap:8px}.status-badge{background:rgba(255,255,255,.3);color:#fff;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700}.status-text{color:#fff;font-size:14px;font-weight:500}.logout-btn{background:rgba(255,255,255,.2);border:1px solid rgba(255,255,255,.3);color:#fff;font-weight:500;transition:all .3s}.logout-btn:hover{background:rgba(255,255,255,.3);border-color:#ffffff80;color:#fff;transform:translateY(-2px)}@media (max-width: 768px){.auth-status-bar{padding:10px 16px}.status-text{font-size:12px}.logout-btn{font-size:12px;padding:0 8px}}.org-mgmt-page-layout{min-height:100vh;background:#f5f7fa;padding:24px}.org-mgmt-page-shell{max-width:1400px;margin:0 auto}.org-mgmt-page-header-card{margin-bottom:24px;padding:24px;background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;display:flex;align-items:center;justify-content:space-between;gap:16px}.org-mgmt-page-header-main{display:flex;align-items:center;gap:16px;flex:1}.org-mgmt-page-back-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#f0f0f0;border:1px solid #d9d9d9;color:#333}.org-mgmt-page-back-btn .anticon{font-size:20px}.org-mgmt-page-back-btn:hover{background:#e6e6e6;border-color:#999;color:#1890ff}.org-mgmt-page-title-wrap{flex:1;text-align:center}.org-mgmt-page-title-wrap h2{font-size:24px;font-weight:700;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:4px}.org-mgmt-page-header-action{display:flex;align-items:center;justify-content:flex-end}.org-mgmt-page-content{min-height:calc(100vh - 180px)}.org-mgmt-page-content>.loading-state,.org-mgmt-page-content>.empty-state{background:#fff;border-radius:12px;box-shadow:0 2px 12px #00000014}@media (max-width: 768px){.org-mgmt-page-layout{padding:12px}.org-mgmt-page-header-card{padding:16px;flex-direction:column;align-items:stretch}.org-mgmt-page-header-main{width:100%}.org-mgmt-page-title-wrap{text-align:center}.org-mgmt-page-header-action{width:100%;justify-content:stretch}.org-mgmt-page-header-action>*{width:100%}}.role-permission-settings{width:100%}.header-content{display:contents}.header-left{display:contents}.header-left h2{margin-bottom:0}.roles-container{display:flex;flex-direction:column;gap:24px;max-width:1000px;margin:0 auto}.role-card{border-radius:12px;box-shadow:0 2px 12px #00000014;transition:all .3s;width:100%}.role-card:hover{box-shadow:0 4px 20px #0000001f}.role-card .ant-card-head{background:linear-gradient(135deg,#f6f8fb 0%,#ffffff 100%);border-bottom:2px solid #f0f0f0}.role-card .ant-card-head-title{font-size:18px;font-weight:600}.permission-section{margin-bottom:16px}.permission-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.permission-section h5{font-size:16px;font-weight:600;color:#333;margin:0;display:flex;align-items:center;gap:8px}.save-btn{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;box-shadow:0 2px 8px #667eea4d;transition:all .3s}.save-btn:hover:not(:disabled):not(.ant-btn-loading){background:linear-gradient(135deg,#5568d3 0%,#6a3f8f 100%);box-shadow:0 4px 12px #667eea66;transform:translateY(-1px)}.save-btn:active:not(:disabled):not(.ant-btn-loading){transform:translateY(0)}.save-btn:disabled,.save-btn.ant-btn-loading{background:#d9d9d9!important;color:#00000040!important;box-shadow:none!important;cursor:not-allowed;border-color:#d9d9d9!important}.save-btn.ant-btn-loading .ant-btn-loading-icon{color:#00000040}.permission-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.permission-item{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#fafafa;border-radius:8px;transition:all .3s;border:1px solid transparent}.permission-item:hover{background:#f0f0f0;border-color:#d9d9d9}.permission-icon{font-size:20px;display:inline-block;width:24px;text-align:center}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;background:white;border-radius:12px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:500px;background:white;border-radius:12px;padding:60px 40px;box-shadow:0 2px 12px #00000014;text-align:center}.empty-state p{font-size:16px;color:#999;margin:0 0 32px;max-width:400px}.empty-state .ant-btn-primary{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;box-shadow:0 4px 12px #667eea4d;height:44px;padding:0 32px;font-size:16px;font-weight:500}.empty-state .ant-btn-primary:hover{background:linear-gradient(135deg,#5568d3 0%,#6a3f8f 100%);box-shadow:0 6px 16px #667eea66;transform:translateY(-2px)}@media (max-width: 1200px){.roles-container{max-width:100%}}@media (max-width: 768px){.role-permission-settings{padding:12px}.settings-header{padding:16px}.header-content{flex-direction:row;position:relative}.back-btn-circle{position:absolute;left:0}.header-left{text-align:center;flex:1}.permission-grid{grid-template-columns:repeat(2,1fr);gap:12px}.permission-item{padding:10px 12px;font-size:14px}.permission-icon{font-size:18px;width:20px}}@media (max-width: 480px){.permission-grid{grid-template-columns:repeat(2,1fr);gap:8px}.permission-item{padding:8px 10px;font-size:13px}.permission-item .ant-typography{font-size:13px}.permission-icon{font-size:16px;width:18px}}.org-role-management{width:100%}.role-header{margin-bottom:24px;padding:24px;background:white;border-radius:12px;box-shadow:0 2px 8px #00000014;display:flex;align-items:center;justify-content:space-between}.header-content{display:flex;align-items:center;gap:16px;flex:1}.back-btn-circle{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#f0f0f0;border:1px solid #d9d9d9;transition:all .3s;color:#333}.back-btn-circle .anticon{font-size:20px}.back-btn-circle:hover{background:#e6e6e6;border-color:#999;color:#1890ff}.header-center{flex:1;text-align:center}.header-center h2{font-size:24px;font-weight:700;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:4px}.roles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}.role-item-card{border-radius:8px;transition:all .3s}.role-item-card:hover{box-shadow:0 4px 12px #00000026}.role-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #f0f0f0}.role-info{flex:1}.role-members-preview{margin-top:12px}.members-header{display:flex;align-items:center;margin-bottom:12px;font-size:13px;color:#666;font-weight:500}.members-list{display:flex;flex-direction:column;gap:8px}.member-item{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:#f5f5f5;border-radius:6px;transition:all .2s}.member-item:hover{background:#e6f7ff}.member-name{font-size:13px;color:#333;font-weight:500}.no-members{text-align:center;padding:16px;color:#999;font-size:13px;background:#fafafa;border-radius:6px}.role-header-line{display:flex;align-items:center;gap:12px;margin-bottom:8px}.role-name{font-size:15px;font-weight:600;color:#333}.role-code{font-size:12px;color:#999}.role-desc{font-size:13px;color:#666;line-height:1.4}.role-actions{display:flex;gap:4px;margin-left:8px}.member-management{padding:16px 0}.current-members h3,.add-member h3{font-size:16px;font-weight:600;margin-bottom:16px;color:#333}.current-members .ant-list-item{padding:12px 0}.empty-state{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;background:white;border-radius:12px;padding:60px 40px;box-shadow:0 2px 12px #00000014;text-align:center}.empty-icon{font-size:80px;margin-bottom:24px;opacity:.5}.empty-state h3{font-size:24px;font-weight:600;color:#333;margin:0 0 12px}.empty-state p{font-size:16px;color:#999;margin:0;max-width:400px}.loading-state{display:flex;align-items:center;justify-content:center;min-height:400px;background:white;border-radius:12px;box-shadow:0 2px 12px #00000014}@media (max-width: 768px){.org-role-management{padding:12px}.role-header{padding:16px;flex-direction:column;gap:16px}.header-content{width:100%}.roles-grid{grid-template-columns:1fr}}.notification-settings{width:100%;position:relative}@media (max-width: 768px){.notification-settings{width:100%}}.settings-header{display:none}.settings-header:before{content:none}.header-content,.header-left{display:contents}.back-btn-circle{display:none}.back-btn-circle:hover{background:inherit}.loading-state{display:flex;justify-content:center;align-items:center;min-height:400px;background:rgba(255,255,255,.9);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:16px;border:1px solid rgba(255,255,255,.2);box-shadow:0 6px 12px #00000014}.settings-container{max-width:800px;margin:0 auto;position:relative;z-index:1}.settings-card{border-radius:16px;box-shadow:0 6px 12px #00000014;overflow:hidden;background:rgba(255,255,255,.9);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);position:relative}.settings-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(to right,#8a2be2,#4b0082);pointer-events:none}.setting-item{padding:20px 0;position:relative;transition:all .3s ease;z-index:1}.setting-item:not(:last-child){border-bottom:1px solid rgba(255,255,255,.2)}.setting-item:hover{background:rgba(255,255,255,.05);border-radius:8px;padding-left:8px;padding-right:8px;margin:0 -8px}.setting-item.main-setting{background:rgba(255,255,255,.08);border-radius:12px;margin:0 -8px;padding:16px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.switch-container{display:flex;justify-content:flex-end;margin-top:8px}.setting-header{display:flex;justify-content:space-between;align-items:center;position:relative;z-index:1}.setting-info{display:flex;align-items:flex-start;gap:16px;flex:1}.setting-icon{display:none}.setting-title{flex:1}.setting-title h4{color:#000c;font-weight:600;margin-bottom:4px}.setting-title h5{color:#000000b3;font-weight:500;margin-bottom:4px}.setting-title .ant-typography{color:#0009;font-size:14px}@media (max-width: 768px){.header-content{flex-direction:column;gap:16px;align-items:center}.setting-header{flex-direction:column;gap:16px;align-items:flex-start}.setting-info{width:100%}.settings-container{max-width:100%}.settings-header,.settings-card,.back-btn-circle,.loading-state,.setting-icon{background:rgba(255,255,255,.25)!important;backdrop-filter:blur(20px) saturate(180%)!important;-webkit-backdrop-filter:blur(20px) saturate(180%)!important;border:1px solid rgba(255,255,255,.18)!important;box-shadow:0 8px 32px #1f26875e!important}.settings-card{background:rgba(255,255,255,.15)!important}.back-btn-circle{color:#667eea!important}.back-btn-circle:hover{background:rgba(255,255,255,.95)!important;color:#667eea!important}.setting-icon{display:none!important}.loading-state{background:rgba(255,255,255,.1)!important}}.setting-item{transition:all .3s ease}.ant-divider{margin:0;border-color:#fff3}.ant-btn-primary{background:rgba(255,255,255,.25);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.18);box-shadow:0 8px 32px #1f26875e;color:#667eea;font-weight:500;transition:all .3s ease}.ant-btn-primary:not(:disabled):hover{background:rgba(255,255,255,.35);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);transform:translateY(-2px);box-shadow:0 12px 40px #1f268773;color:#5a67d8}.ant-btn-primary:disabled{background:rgba(255,255,255,.15);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 15px #1f268733;color:#667eea66;transform:none;opacity:.6;cursor:not-allowed}@media (max-width: 768px){.setting-title h4,.setting-title h5,.setting-title .ant-typography{color:#000c!important}.ant-btn-primary{background:rgba(255,255,255,.85)!important;backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important;border:1px solid rgba(255,255,255,.4)!important;box-shadow:0 4px 15px #0000001a!important;color:#667eea!important;font-weight:500!important;transition:all .3s ease!important}.ant-btn-primary:not(:disabled):hover{background:rgba(255,255,255,.92)!important;backdrop-filter:blur(15px)!important;-webkit-backdrop-filter:blur(15px)!important;transform:translateY(-1px)!important;box-shadow:0 6px 20px #00000026!important;color:#5a67d8!important}.ant-btn-primary:disabled{background:rgba(255,255,255,.6)!important;backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important;border:1px solid rgba(255,255,255,.3)!important;box-shadow:0 2px 8px #00000014!important;color:#667eea66!important;transform:none!important;opacity:.7!important;cursor:not-allowed!important}}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion: no-preference){.App-logo{animation:App-logo-spin infinite 20s linear}}.App-header{background-color:#282c34;padding:20px;color:#fff}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.page-container{position:relative;box-sizing:border-box;max-width:900px;margin:0 auto;padding:2rem 2rem 1.5rem;background:rgba(255,255,255,.9);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:0 0 12px 12px;box-shadow:0 6px 12px #00000014}.page-container:before{content:"";position:absolute;top:-2px;left:0;right:0;height:2px;background:linear-gradient(to right,#8a2be2,#4b0082)}.page-container h1{font-size:1.75rem;font-weight:700}@media (max-width: 768px){.page-container{max-width:none;margin:0;padding:1.5rem 10px}.page-container h1{font-size:1.5rem}}