.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:100px 20px 40px;background:linear-gradient(135deg,#0a0e27 0%,#1a1f3a 50%,#2a2f4a 100%);position:relative;overflow:hidden}.login-content{width:100%;max-width:460px;position:relative;z-index:10;animation:fadeInUp 1s ease-out}.hero-title{text-align:center;margin-bottom:50px;animation:fadeInUp 1s ease-out .2s both}.login-form{animation:fadeInUp 1s ease-out .4s both}.form-group{margin-bottom:20px}.form-input{width:100%;padding:15px 18px;background:rgba(255,255,255,.08);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.15);border-radius:12px;font-size:15px;color:#fff;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 20px #0000001a}.error-text{color:#ff4d4f;font-size:13px;margin-top:8px;display:flex;align-items:center;gap:6px;animation:shake .5s ease-in-out}.error-alert{padding:14px 18px;margin-bottom:20px;background:rgba(255,77,79,.15);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,77,79,.3);border-radius:12px;color:#ff4d4f;font-size:14px;line-height:1.6;animation:shake .5s ease-in-out,fadeInUp .4s ease-out}.submit-btn{width:100%;padding:16px;background:linear-gradient(135deg,rgba(102,126,234,.9),rgba(118,75,162,.9));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;border:1px solid rgba(255,255,255,.2);border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 8px 30px #667eea66;letter-spacing:.5px;margin-top:8px}.footer-section{text-align:center;margin-top:28px;animation:fadeInUp 1s ease-out .6s both}.register-link{color:#ffffffb3;text-decoration:none;font-size:14px;position:relative;transition:all .3s ease;display:inline-block;font-weight:500;background:none;border:none;cursor:pointer;padding:0}.register-link:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:linear-gradient(90deg,#667eea,#764ba2);transition:width .3s ease}.register-link:hover{color:#fff;transform:translateY(-2px)}.register-link:hover:after{width:100%}@media (max-width: 767px){.login-container{padding:90px 20px 40px}.logo-header{padding:16px 20px}.logo-icon{width:38px;height:38px}.logo-text{font-size:18px}.login-content{max-width:100%}.hero-title h1{font-size:34px}.hero-title p{font-size:15px}.form-input{padding:14px 16px;font-size:16px}.submit-btn{padding:15px}}.register-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:100px 20px 40px;background:linear-gradient(135deg,#0a0e27 0%,#1a1f3a 50%,#2a2f4a 100%);position:relative;overflow:hidden}.logo-header{position:fixed;top:0;left:0;right:0;padding:20px 32px;display:flex;align-items:center;justify-content:space-between;z-index:100;background:rgba(10,14,39,.6);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.05);animation:fadeInDown .8s ease-out}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.logo-brand{display:flex;align-items:center;gap:12px}.logo-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;padding:0;filter:drop-shadow(0 4px 15px rgba(102,126,234,.4));animation:breathe 3s ease-in-out infinite}.logo-icon img{width:100%;height:100%;object-fit:contain}@keyframes breathe{0%,to{transform:scale(1);box-shadow:0 4px 15px #667eea4d}50%{transform:scale(1.05);box-shadow:0 6px 20px #667eea80}}.logo-text{font-size:20px;font-weight:700;color:#fff;letter-spacing:-.5px}.logo-lang-switcher{position:relative;z-index:1}.logo-lang-switcher button{background:rgba(255,255,255,.15)!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)!important;border-radius:20px;color:#fff!important;transition:all .3s ease;padding:8px 16px!important;height:38px!important;font-weight:500}.logo-lang-switcher button:hover{background:rgba(255,255,255,.25)!important;border-color:#ffffff4d!important;transform:scale(1.05)}.logo-lang-switcher button .anticon,.logo-lang-switcher button span{color:#fff!important}.register-content{width:100%;max-width:480px;position:relative;z-index:10;animation:fadeInUp 1s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.hero-title{text-align:center;margin-bottom:40px;animation:fadeInUp 1s ease-out .2s both}.hero-title h1{font-size:46px;font-weight:800;margin-bottom:16px;background:linear-gradient(135deg,#667eea 0%,#764ba2 50%,#f093fb 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-1px;line-height:1.2}.hero-title p{font-size:17px;color:#fff9;font-weight:400;letter-spacing:.3px}.register-form{animation:fadeInUp 1s ease-out .4s both}.form-group{margin-bottom:18px}.form-label{display:block;margin-bottom:10px;font-weight:600;color:#ffffffe6;font-size:14px;letter-spacing:.3px}.form-input{width:100%;padding:14px 16px;background:rgba(255,255,255,.08);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.15);border-radius:12px;font-size:15px;color:#fff;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 20px #0000001a}.form-input::placeholder{color:#fff6}.form-input:focus{outline:none;background:rgba(255,255,255,.12);border-color:#667eea99;transform:translateY(-2px);box-shadow:0 0 0 4px #667eea1a,0 8px 30px #667eea33}.form-input.success{border-color:#52c41a99;background:rgba(82,196,26,.08)}.form-input.error{border-color:#ff4d4f99;background:rgba(255,77,79,.08)}.form-input:disabled{opacity:.5;cursor:not-allowed}.invitation-code-input{text-transform:uppercase;letter-spacing:2px;font-weight:600}.hint-text,.validating-hint,.success-hint,.error-hint{font-size:13px;margin-top:8px;display:flex;align-items:center;gap:6px;line-height:1.5}.hint-text{color:#ffffff80}.validating-hint{color:#667eeae6;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.success-hint{color:#52c41a;animation:fadeInUp .4s ease-out}.error-hint{color:#ff4d4f;animation:shake .5s ease-in-out}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-8px)}20%,40%,60%,80%{transform:translate(8px)}}.error-alert{padding:14px 18px;margin-bottom:18px;background:rgba(255,77,79,.15);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,77,79,.3);border-radius:12px;color:#ff4d4f;font-size:14px;line-height:1.6;animation:shake .5s ease-in-out,fadeInUp .4s ease-out}.password-input-container{position:relative}.password-toggle-btn{position:absolute;right:14px;top:50%;transform:translateY(-50%);background:none;border:none;font-size:18px;cursor:pointer;padding:8px;transition:all .3s ease;color:#ffffff80;display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px}.password-toggle-btn:hover{transform:translateY(-50%) scale(1.15);color:#667eeae6}.password-toggle-btn:disabled{cursor:not-allowed;opacity:.3}.terms-agreement{margin-bottom:20px}.checkbox-label{display:flex;align-items:flex-start;gap:10px;cursor:pointer;color:#fffc;font-size:14px;line-height:1.6}.checkbox-label input[type=checkbox]{width:18px;height:18px;margin-top:2px;cursor:pointer;accent-color:#667eea;flex-shrink:0}.checkbox-label input[type=checkbox]:disabled{cursor:not-allowed;opacity:.5}.terms-text{flex:1}.terms-link{color:#667eea;text-decoration:none;cursor:pointer;background:none;border:none;padding:0;font-size:14px;font-weight:500;transition:all .3s ease}.terms-link:hover{color:#f093fb;text-decoration:underline}.terms-hint{color:#ffffff80;font-size:13px}.submit-btn{width:100%;padding:15px;background:linear-gradient(135deg,rgba(102,126,234,.9),rgba(118,75,162,.9));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;border:1px solid rgba(255,255,255,.2);border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 8px 30px #667eea66;letter-spacing:.5px;margin-top:8px}.submit-btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:rgba(255,255,255,.3);transform:translate(-50%,-50%);transition:width .6s,height .6s}.submit-btn:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 12px 40px #667eea99;background:linear-gradient(135deg,rgba(102,126,234,1),rgba(118,75,162,1))}.submit-btn:active:not(:disabled){transform:translateY(-1px)}.submit-btn:active:not(:disabled):before{width:400px;height:400px}.submit-btn:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}.submit-btn.loading{pointer-events:none}.footer-section{text-align:center;margin-top:24px;animation:fadeInUp 1s ease-out .6s both}.login-link{color:#ffffffb3;text-decoration:none;font-size:14px;position:relative;transition:all .3s ease;display:inline-block;font-weight:500;background:none;border:none;cursor:pointer;padding:0}.login-link:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:linear-gradient(90deg,#667eea,#764ba2);transition:width .3s ease}.login-link:hover{color:#fff;transform:translateY(-2px)}.login-link:hover:after{width:100%}.success-card{background:rgba(255,255,255,.08);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.15);border-radius:16px;padding:48px 32px;text-align:center;box-shadow:0 8px 40px #0003;animation:fadeInUp .6s ease-out}.success-message h2{font-size:28px;font-weight:700;color:#52c41a;margin-bottom:12px}.success-message p{font-size:16px;color:#ffffffb3;margin-bottom:32px}.back-to-login-btn{padding:14px 32px;background:linear-gradient(135deg,rgba(102,126,234,.9),rgba(118,75,162,.9));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;border:1px solid rgba(255,255,255,.2);border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 6px 25px #667eea66}.back-to-login-btn:hover{transform:translateY(-3px);box-shadow:0 10px 35px #667eea99}.terms-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.terms-modal-content{background:rgba(26,31,58,.95);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:16px;max-width:700px;width:100%;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0006;animation:slideUp .4s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.terms-modal-header{padding:24px 28px;border-bottom:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:space-between}.terms-modal-header h2{font-size:20px;font-weight:700;color:#fff;margin:0}.close-btn{background:none;border:none;color:#fff9;font-size:24px;cursor:pointer;padding:4px 8px;transition:all .3s ease;line-height:1}.close-btn:hover{color:#fff;transform:scale(1.1)}.terms-modal-body{flex:1;overflow-y:auto;padding:24px 28px;color:#ffffffd9;font-size:14px;line-height:1.8}.terms-modal-footer{padding:20px 28px;border-top:1px solid rgba(255,255,255,.1);display:flex;gap:12px;justify-content:flex-end}.agree-btn,.cancel-btn{padding:12px 24px;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease;border:none}.agree-btn{background:linear-gradient(135deg,rgba(102,126,234,.9),rgba(118,75,162,.9));color:#fff;box-shadow:0 6px 20px #667eea4d}.agree-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #667eea80}.agree-btn:disabled{opacity:.5;cursor:not-allowed}.cancel-btn{background:rgba(255,255,255,.08);color:#ffffffe6;border:1px solid rgba(255,255,255,.15)}.cancel-btn:hover{background:rgba(255,255,255,.15);transform:translateY(-2px)}@media (max-width: 767px){.register-container{padding:90px 20px 40px}.logo-header{padding:16px 20px}.logo-icon{width:38px;height:38px}.logo-text{font-size:18px}.register-content{max-width:100%}.hero-title{margin-bottom:32px}.hero-title h1{font-size:34px}.hero-title p{font-size:15px}.form-group{margin-bottom:16px}.form-input{padding:13px 15px;font-size:16px}.submit-btn{padding:14px}.success-card{padding:36px 24px}.success-message h2{font-size:24px}.terms-modal-content{max-height:90vh}.terms-modal-header,.terms-modal-body,.terms-modal-footer{padding-left:20px;padding-right:20px}.terms-modal-footer{flex-direction:column}.agree-btn,.cancel-btn{width:100%}}@media (min-width: 768px) and (max-width: 1023px){.hero-title h1{font-size:42px}}.logo-icon,.form-input,.submit-btn{will-change:transform}*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.mobile-card.mobile-optimized{margin-bottom:12px;border-radius:8px;box-shadow:0 2px 8px #00000014}.mobile-card.mobile-optimized .ant-card-head{padding:12px 16px;min-height:auto}.mobile-card.mobile-optimized .ant-card-head-title{font-size:16px;font-weight:600}.mobile-table-list{background:#fff;border-radius:8px;overflow:hidden}.mobile-table-item{padding:16px!important;border-bottom:1px solid #f0f0f0;cursor:pointer;transition:background-color .2s}.mobile-table-item:hover{background-color:#f8f9fa}.mobile-table-item:last-child{border-bottom:none}.mobile-table-content{width:100%}.mobile-field{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.mobile-field:last-child{margin-bottom:0}.mobile-field.main-field{font-weight:600;font-size:16px;margin-bottom:12px}.mobile-field.sub-field{font-size:14px;color:#666}.field-label{flex-shrink:0;margin-right:12px;color:#8c8c8c;font-size:13px}.field-value{flex:1;text-align:right;word-break:break-all}.main-field .field-label{color:#262626;font-weight:500}.main-field .field-value{color:#1890ff;font-weight:600}.mobile-action-drawer .ant-drawer-body{padding:16px}.mobile-action-btn{height:48px;display:flex;align-items:center;justify-content:flex-start;font-size:16px;border-radius:8px;transition:all .2s}.mobile-action-btn:hover{background-color:#f5f5f5}.mobile-search-bar{display:flex;gap:8px;margin-bottom:16px;padding:0 4px}.mobile-search-bar.mobile-layout{padding:0}.search-input{flex:1;border-radius:8px}.filter-btn{position:relative;border-radius:8px;display:flex;align-items:center;justify-content:center}.filter-count{position:absolute;top:-6px;right:-6px;background:#ff4d4f;color:#fff;border-radius:50%;width:18px;height:18px;font-size:12px;display:flex;align-items:center;justify-content:center;line-height:1}.mobile-stats-card{border-radius:12px;box-shadow:0 2px 12px #00000014;border:none;overflow:hidden}.mobile-stats-card.mobile-optimized .ant-card-body{padding:16px}.stats-content{display:flex;flex-direction:column;gap:8px}.stats-header{display:flex;justify-content:space-between;align-items:center}.stats-title{font-size:14px;color:#8c8c8c;font-weight:500}.trend-tag{border-radius:12px;font-size:12px;display:flex;align-items:center;gap:2px}.stats-value{font-size:24px;font-weight:700;display:flex;align-items:baseline;gap:4px}.mobile-form.mobile-optimized{padding:16px;background:#fff;border-radius:8px}.form-title{margin:0 0 20px;font-size:18px;font-weight:600;color:#262626}.responsive-form .ant-form-item{margin-bottom:20px}.responsive-form .ant-form-item-label>label{font-weight:500;color:#262626}.submit-item{margin-top:24px;margin-bottom:0}.submit-btn{height:48px;border-radius:8px;font-size:16px;font-weight:600}.mobile-bottom-nav{position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid #f0f0f0;display:flex;z-index:1000;box-shadow:0 -2px 8px #00000014;padding-bottom:env(safe-area-inset-bottom)}.nav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8px 4px 12px;cursor:pointer;transition:all .2s;position:relative}.nav-item.active{color:#1890ff}.nav-item:active{background-color:#f5f5f5}.nav-icon{position:relative;font-size:20px;margin-bottom:4px}.nav-badge{position:absolute;top:-6px;right:-6px;background:#ff4d4f;color:#fff;border-radius:50%;min-width:16px;height:16px;font-size:10px;display:flex;align-items:center;justify-content:center;line-height:1;padding:0 4px}.nav-label{font-size:12px;line-height:1}.mobile-action-panel .ant-drawer-body{padding:16px}.action-panel-btn{height:52px;display:flex;align-items:center;justify-content:flex-start;font-size:16px;border-radius:8px;margin-bottom:8px;transition:all .2s}.action-panel-btn:hover{background-color:#f5f5f5}.action-panel-btn.ant-btn-dangerous:hover{background-color:#fff2f0}.desktop-table .ant-table-tbody>tr{cursor:pointer;transition:background-color .2s}.desktop-table .ant-table-tbody>tr:hover{background-color:#f5f5f5}@media (max-width: 768px){.mobile-search-bar.desktop-layout{flex-direction:column;gap:12px}.filter-btn{width:100%;justify-content:center}.stats-value{font-size:20px}.mobile-field{flex-direction:column;align-items:flex-start;gap:4px}.field-value{text-align:left}}@media (hover: none) and (pointer: coarse){.mobile-table-item,.nav-item,.mobile-action-btn,.action-panel-btn{min-height:44px}.nav-item{padding:12px 4px 16px}.mobile-action-btn,.action-panel-btn{height:48px}}@media (prefers-color-scheme: dark){.mobile-card,.mobile-table-list,.mobile-stats-card,.mobile-form.mobile-optimized,.mobile-bottom-nav{background:#1f1f1f;border-color:#303030}.mobile-table-item{border-bottom-color:#303030}.mobile-table-item:hover{background-color:#262626}.stats-title,.field-label{color:#a6a6a6}.form-title{color:#f0f0f0}.nav-item{color:#a6a6a6}.nav-item.active{color:#1890ff}}.responsive-layout{min-height:100vh}.responsive-header{display:flex;justify-content:space-between;align-items:center;padding:0 16px;background:#fff;border-bottom:1px solid #f0f0f0;box-shadow:0 2px 8px #0000000f;position:sticky;top:0;z-index:100}.header-left{display:flex;align-items:center;gap:12px}.header-right{display:flex;align-items:center;gap:8px}.header-title{margin:0;font-size:18px;font-weight:600;color:#1f2937}.responsive-header.mobile{padding:0 12px;height:56px}.responsive-header.mobile .header-title{font-size:16px}.mobile-menu-trigger,.desktop-menu-trigger{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:6px;transition:all .2s}.mobile-menu-trigger:hover,.desktop-menu-trigger:hover{background-color:#f5f5f5}.user-info{display:flex;align-items:center;gap:8px}.user-name{font-size:14px;color:#4b5563;font-weight:500}.user-btn,.notification-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;transition:all .2s}.user-btn:hover,.notification-btn:hover{background-color:#f5f5f5}.responsive-sider{background:#fff;border-right:1px solid #f0f0f0;box-shadow:2px 0 8px #0000000f}.sider-logo{height:64px;display:flex;align-items:center;justify-content:center;border-bottom:1px solid #f0f0f0}.sider-logo h2{margin:0;color:#1f2937;font-weight:600}.responsive-menu{border-right:none;background:transparent}.responsive-menu .ant-menu-item{margin:4px 8px;border-radius:6px;height:40px;line-height:40px}.responsive-menu .ant-menu-item-selected{background-color:#e3f2fd;color:#1976d2}.responsive-menu .ant-menu-item:hover{background-color:#f5f5f5}.mobile-menu-drawer .ant-drawer-body{padding:0}.mobile-menu-drawer .responsive-menu{border:none}.mobile-menu-drawer .ant-menu-item{margin:2px 12px;height:48px;line-height:48px;font-size:16px}.responsive-content{background:#f8fafc;min-height:calc(100vh - 64px)}.mobile-content{min-height:calc(100vh - 56px)}.content-wrapper{padding:16px;max-width:100%;margin:0 auto}.desktop-layout .content-wrapper{padding:24px;max-width:1400px}.responsive-layout.tablet .content-wrapper{padding:20px}.mobile-layout .content-wrapper{padding:12px}@media (max-width: 768px){.responsive-header{height:56px;padding:0 12px}.header-title{font-size:16px}.content-wrapper{padding:12px}}@media (min-width: 769px) and (max-width: 1024px){.content-wrapper{padding:20px}}@media (min-width: 1025px){.content-wrapper{padding:24px}}@media (hover: none) and (pointer: coarse){.ant-menu-item,.mobile-menu-trigger,.desktop-menu-trigger,.user-btn,.notification-btn{min-height:44px;min-width:44px}.responsive-menu .ant-menu-item{height:48px;line-height:48px}}@media (prefers-color-scheme: dark){.responsive-header{background:#1f2937;border-bottom-color:#374151;color:#f9fafb}.responsive-sider{background:#1f2937;border-right-color:#374151}.sider-logo h2{color:#f9fafb}.responsive-content{background:#111827}.header-title{color:#f9fafb}.user-name{color:#d1d5db}}:root{--breakpoint-mobile: 768px;--breakpoint-tablet: 1024px;--breakpoint-desktop: 1200px;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--mobile-spacing-xs: 2px;--mobile-spacing-sm: 6px;--mobile-spacing-md: 12px;--mobile-spacing-lg: 16px;--mobile-spacing-xl: 20px;--font-size-xs: 12px;--font-size-sm: 14px;--font-size-md: 16px;--font-size-lg: 18px;--font-size-xl: 20px;--font-size-xxl: 24px;--mobile-font-size-xs: 11px;--mobile-font-size-sm: 13px;--mobile-font-size-md: 15px;--mobile-font-size-lg: 17px;--mobile-font-size-xl: 19px;--mobile-font-size-xxl: 22px;--border-radius-sm: 4px;--border-radius-md: 6px;--border-radius-lg: 8px;--border-radius-xl: 12px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .1);--shadow-md: 0 2px 8px rgba(0, 0, 0, .1);--shadow-lg: 0 4px 16px rgba(0, 0, 0, .1);--mobile-shadow-sm: 0 1px 2px rgba(0, 0, 0, .08);--mobile-shadow-md: 0 2px 6px rgba(0, 0, 0, .08);--mobile-shadow-lg: 0 3px 12px rgba(0, 0, 0, .08);--color-primary: #1890ff;--color-success: #52c41a;--color-warning: #faad14;--color-error: #ff4d4f;--color-text-primary: #262626;--color-text-secondary: #595959;--color-text-disabled: #bfbfbf;--color-border: #d9d9d9;--color-background: #fafafa;--dark-color-text-primary: #f0f0f0;--dark-color-text-secondary: #a6a6a6;--dark-color-text-disabled: #595959;--dark-color-border: #303030;--dark-color-background: #141414}*{box-sizing:border-box}html{font-size:16px;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.5;color:var(--color-text-primary);background-color:var(--color-background);overflow-x:hidden}.responsive-container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--spacing-md)}.responsive-grid{display:grid;gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.responsive-grid-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.responsive-grid-3{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.responsive-grid-4{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.responsive-flex{display:flex;gap:var(--spacing-md);flex-wrap:wrap}.responsive-flex-center{justify-content:center;align-items:center}.responsive-flex-between{justify-content:space-between;align-items:center}.responsive-flex-column{flex-direction:column}.p-responsive{padding:var(--spacing-md)}.m-responsive{margin:var(--spacing-md)}.mb-responsive{margin-bottom:var(--spacing-md)}.mt-responsive{margin-top:var(--spacing-md)}.text-responsive-xs{font-size:var(--font-size-xs)}.text-responsive-sm{font-size:var(--font-size-sm)}.text-responsive-md{font-size:var(--font-size-md)}.text-responsive-lg{font-size:var(--font-size-lg)}.text-responsive-xl{font-size:var(--font-size-xl)}.text-responsive-xxl{font-size:var(--font-size-xxl)}.show-mobile{display:none}.hide-mobile{display:block}.show-tablet{display:none}.hide-tablet,.show-desktop{display:block}.hide-desktop{display:none}@media (max-width: 767px){html{font-size:14px}.responsive-container{padding:0 var(--mobile-spacing-md)}.responsive-grid{gap:var(--mobile-spacing-md);grid-template-columns:1fr}.responsive-grid-2,.responsive-grid-3,.responsive-grid-4{grid-template-columns:1fr}.responsive-flex{gap:var(--mobile-spacing-md);flex-direction:column}.responsive-flex-mobile-row{flex-direction:row}.p-responsive{padding:var(--mobile-spacing-md)}.m-responsive{margin:var(--mobile-spacing-md)}.mb-responsive{margin-bottom:var(--mobile-spacing-md)}.mt-responsive{margin-top:var(--mobile-spacing-md)}.text-responsive-xs{font-size:var(--mobile-font-size-xs)}.text-responsive-sm{font-size:var(--mobile-font-size-sm)}.text-responsive-md{font-size:var(--mobile-font-size-md)}.text-responsive-lg{font-size:var(--mobile-font-size-lg)}.text-responsive-xl{font-size:var(--mobile-font-size-xl)}.text-responsive-xxl{font-size:var(--mobile-font-size-xxl)}.show-mobile{display:block}.hide-mobile,.show-desktop{display:none}.hide-desktop{display:block}.mobile-full-width{width:100vw;margin-left:calc(-50vw + 50%)}.mobile-sticky-bottom{position:sticky;bottom:0;z-index:100}.mobile-safe-area-bottom{padding-bottom:env(safe-area-inset-bottom)}.mobile-safe-area-top{padding-top:env(safe-area-inset-top)}}@media (min-width: 768px) and (max-width: 1023px){.responsive-container{padding:0 var(--spacing-lg)}.responsive-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.responsive-grid-2{grid-template-columns:repeat(2,1fr)}.responsive-grid-3{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.show-tablet{display:block}.hide-tablet{display:none}}@media (min-width: 1024px){.responsive-container{padding:0 var(--spacing-xl)}.responsive-grid-2{grid-template-columns:repeat(2,1fr)}.responsive-grid-3{grid-template-columns:repeat(3,1fr)}.responsive-grid-4{grid-template-columns:repeat(4,1fr)}}@media (min-width: 1200px){.responsive-container{max-width:1400px}}@media (hover: none) and (pointer: coarse){button,.ant-btn,.ant-menu-item,.ant-table-tbody>tr,[role=button],[tabindex]{min-height:44px;min-width:44px}input,select,textarea,.ant-input,.ant-select-selector{min-height:44px;font-size:16px}*:hover{-webkit-tap-highlight-color:transparent}}@media (prefers-contrast: high){:root{--color-border: #000;--color-text-secondary: #000}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (prefers-color-scheme: dark){:root{--color-text-primary: var(--dark-color-text-primary);--color-text-secondary: var(--dark-color-text-secondary);--color-text-disabled: var(--dark-color-text-disabled);--color-border: var(--dark-color-border);--color-background: var(--dark-color-background)}body{color:var(--dark-color-text-primary);background-color:var(--dark-color-background)}}@media (max-width: 767px){.ant-table-wrapper{overflow-x:auto}.ant-table{min-width:600px}.ant-form-item-label{text-align:left}.ant-col-xs-24 .ant-form-item-label{padding-bottom:4px}.ant-btn-group .ant-btn{margin-right:0;margin-bottom:8px}.ant-pagination{text-align:center}.ant-pagination-options{display:none}.ant-modal{margin:0;padding:16px;max-width:none;width:100%!important;height:100%;top:0}.ant-modal-content{height:100%;border-radius:0}.ant-modal-body{height:calc(100% - 110px);overflow-y:auto}}@media print{.hide-print{display:none!important}.responsive-container{max-width:none;padding:0}.responsive-grid{grid-template-columns:1fr;gap:16px}body{color:#000;background:#fff}}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}input,textarea{-webkit-user-select:text;user-select:text}.App{text-align:center;padding:20px}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes invitation-fade-in-out{0%{opacity:0;transform:translate(-50%) translateY(5px)}to{opacity:1;transform:translate(-50%) translateY(0)}}