.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;position:relative;overflow:hidden;background:linear-gradient(135deg,#1890ff,#40a9ff);background-size:200% 200%;animation:gradientBG 15s ease infinite}@keyframes gradientBG{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.particles-container{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.particle{position:absolute;border-radius:50%;background:#ffffff1a;animation:float 6s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0) rotate(0);opacity:.5}50%{transform:translateY(-20px) rotate(180deg);opacity:1}}.login-card{background:#fffffff2!important;border-radius:16px!important;box-shadow:0 8px 32px #0000001a!important;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important;border:1px solid rgba(255,255,255,.18)!important;padding:32px!important;width:100%!important;max-width:420px!important;transition:all .3s ease!important}.login-card:hover{box-shadow:0 12px 48px #00000026!important;transform:translateY(-4px)!important}.login-title{font-size:28px!important;font-weight:600!important;text-align:center!important;margin-bottom:32px!important;background:linear-gradient(135deg,#1890ff,#40a9ff)!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;background-clip:text!important;position:relative!important}.login-title:after{content:"";position:absolute!important;bottom:-8px!important;left:50%!important;transform:translate(-50%)!important;width:60px!important;height:3px!important;background:linear-gradient(135deg,#1890ff,#40a9ff)!important;border-radius:3px!important}.login-form{width:100%!important}.form-item{margin-bottom:24px!important}.form-label{font-size:14px!important;font-weight:500!important;color:#333!important;margin-bottom:8px!important;display:block!important}.login-input{border-radius:8px!important;border:1px solid #e0e0e0!important;transition:all .3s ease!important;height:48px!important;font-size:16px!important}.login-input:focus{border-color:#1890ff!important;box-shadow:0 0 0 2px #1890ff33!important}.login-input:hover{border-color:#1890ff!important}.input-prefix{color:#1890ff!important}.login-button{width:100%!important;height:48px!important;border-radius:8px!important;font-size:16px!important;font-weight:500!important;background:linear-gradient(135deg,#1890ff,#40a9ff)!important;border:none!important;transition:all .3s ease!important;position:relative!important;overflow:hidden!important}.login-button:hover{transform:translateY(-2px)!important;box-shadow:0 6px 16px #1890ff66!important}.login-button-loading{background:linear-gradient(135deg,#40a9ff,#69c0ff)!important}.login-button:before{content:"";position:absolute!important;top:0!important;left:-100%!important;width:100%!important;height:100%!important;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent)!important;transition:left .5s!important}.login-button:hover:before{left:100%!important}.login-button-loading{background:linear-gradient(135deg,#8a97e9,#9a73c5)!important}@media (max-width: 768px){.login-card{padding:24px!important;margin:0 16px!important}.login-title{font-size:24px!important;margin-bottom:24px!important}.form-item{margin-bottom:20px!important}.login-input,.login-button{height:44px!important;font-size:14px!important}}@media (max-width: 480px){.login-container{padding:16px!important}.login-card{padding:20px!important}.login-title{font-size:22px!important;margin-bottom:20px!important}}html,body{width:100%;height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{width:100%;min-height:100vh}:root{--breakpoint-xs: 320px;--breakpoint-sm: 576px;--breakpoint-md: 768px;--breakpoint-lg: 992px;--breakpoint-xl: 1200px;--breakpoint-xxl: 1600px;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-xxl: 48px;--color-primary: #1890ff;--color-secondary: #f0f2f5;--color-text: #333;--color-text-secondary: #666;--color-border: #e8e8e8;--color-background: #fff;--color-success: #52c41a;--color-warning: #faad14;--color-error: #ff4d4f;--color-info: #1890ff;--font-size-xs: 12px;--font-size-sm: 14px;--font-size-md: 16px;--font-size-lg: 18px;--font-size-xl: 20px;--font-size-xxl: 24px;--font-size-xxxl: 30px;--border-radius-sm: 4px;--border-radius-md: 8px;--border-radius-lg: 12px;--border-radius-xl: 16px;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .09);--shadow-md: 0 4px 16px rgba(0, 0, 0, .12);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .15);--shadow-xl: 0 12px 48px rgba(0, 0, 0, .18);--transition-fast: .2s ease;--transition-normal: .3s ease;--transition-slow: .5s ease;--nav-height: 60px;--z-index-dropdown: 100;--z-index-sticky: 200;--z-index-fixed: 300;--z-index-modal-backdrop: 900;--z-index-modal: 1000;--z-index-popover: 1100;--z-index-tooltip: 1200}*{margin:0;padding:0;box-sizing:border-box}*:before,*:after{box-sizing:border-box}html{font-size:16px;line-height:1.5;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:transparent}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:var(--font-size-md);color:var(--color-text);background-color:var(--color-secondary);line-height:1.5;margin:0;padding:0;overflow-x:hidden}ul,ol{list-style:none}a{text-decoration:none;color:var(--color-primary);transition:color var(--transition-fast)}a:hover{color:#40a9ff}a:focus{outline:none}button{font-family:inherit;font-size:inherit;line-height:inherit;margin:0;padding:0;border:none;background:none;cursor:pointer;outline:none}input,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit;margin:0;padding:0;border:none;outline:none;background:transparent}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--spacing-md)}@media (max-width: var(--breakpoint-sm)){.container{padding:0 var(--spacing-sm)}}.flex{display:flex}.inline-flex{display:inline-flex}.flex-column{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.justify-evenly{justify-content:space-evenly}.align-start{align-items:flex-start}.align-end{align-items:flex-end}.align-center{align-items:center}.align-baseline{align-items:baseline}.align-stretch{align-items:stretch}.content-start{align-content:flex-start}.content-end{align-content:flex-end}.content-center{align-content:center}.content-between{align-content:space-between}.content-around{align-content:space-around}.flex-1{flex:1}.flex-auto{flex:auto}.flex-shrink-0{flex-shrink:0}.flex-grow-0{flex-grow:0}.grid{display:grid}.inline-grid{display:inline-grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.grid-cols-9{grid-template-columns:repeat(9,minmax(0,1fr))}.grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}.grid-cols-11{grid-template-columns:repeat(11,minmax(0,1fr))}.grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.gap-10{gap:2.5rem}.gap-12{gap:3rem}.gap-16{gap:4rem}.gap-20{gap:5rem}.gap-y-1{row-gap:.25rem}.gap-y-2{row-gap:.5rem}.gap-y-3{row-gap:.75rem}.gap-y-4{row-gap:1rem}.gap-y-5{row-gap:1.25rem}.gap-y-6{row-gap:1.5rem}.gap-y-8{row-gap:2rem}.gap-x-1{column-gap:.25rem}.gap-x-2{column-gap:.5rem}.gap-x-3{column-gap:.75rem}.gap-x-4{column-gap:1rem}.gap-x-5{column-gap:1.25rem}.gap-x-6{column-gap:1.5rem}.gap-x-8{column-gap:2rem}.nav-container{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md) 0;height:var(--nav-height);position:sticky;top:0;background-color:var(--color-background);box-shadow:var(--shadow-sm);z-index:var(--z-index-sticky)}.nav-logo{font-size:var(--font-size-xl);font-weight:600;color:var(--color-primary);display:flex;align-items:center;gap:var(--spacing-sm)}.nav-menu{display:flex;list-style:none;gap:var(--spacing-lg);margin:0;padding:0}.nav-item{font-size:var(--font-size-md);position:relative}.nav-link{text-decoration:none;color:var(--color-text);transition:color var(--transition-fast);padding:var(--spacing-sm) var(--spacing-md);display:inline-block;border-radius:var(--border-radius-sm);min-height:44px;display:inline-flex;align-items:center}.nav-link:hover{color:var(--color-primary);background-color:#1890ff1a}.nav-link.active{color:var(--color-primary);font-weight:500;background-color:#1890ff1a}.hamburger-menu{display:none;cursor:pointer;padding:var(--spacing-sm);min-height:44px;min-width:44px;display:flex;align-items:center;justify-content:center}.hamburger-icon{width:24px;height:2px;background-color:var(--color-text);position:relative;transition:all var(--transition-normal)}.hamburger-icon:before,.hamburger-icon:after{content:"";width:24px;height:2px;background-color:var(--color-text);position:absolute;transition:all var(--transition-normal)}.hamburger-icon:before{top:-8px}.hamburger-icon:after{top:8px}.hamburger-icon.active{background-color:transparent}.hamburger-icon.active:before{transform:rotate(45deg);top:0}.hamburger-icon.active:after{transform:rotate(-45deg);top:0}@media (max-width: 575px){.hamburger-menu{display:flex}.nav-menu{position:fixed;top:var(--nav-height);left:-100%;width:100%;height:calc(100vh - var(--nav-height));flex-direction:column;background-color:var(--color-background);padding:var(--spacing-lg);box-shadow:var(--shadow-md);transition:left var(--transition-normal);z-index:var(--z-index-fixed);overflow-y:auto}.nav-menu.active{left:0}.nav-item{margin-bottom:var(--spacing-md);width:100%}.nav-link{width:100%;justify-content:flex-start}.card-grid{grid-template-columns:1fr;gap:var(--spacing-md)}button,input,select,textarea{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm)}h1{font-size:1.5rem}h2{font-size:1.25rem}h3{font-size:1.125rem}.container{padding:0 var(--spacing-sm)}.card{padding:var(--spacing-md)}}@media (min-width: 576px) and (max-width: 767px){.hamburger-menu{display:flex}.nav-menu{gap:var(--spacing-md);position:fixed;top:var(--nav-height);left:-100%;width:100%;height:calc(100vh - var(--nav-height));flex-direction:column;background-color:var(--color-background);padding:var(--spacing-lg);box-shadow:var(--shadow-md);transition:left var(--transition-normal);z-index:var(--z-index-fixed);overflow-y:auto}.nav-menu.active{left:0}.nav-item{margin-bottom:var(--spacing-md);width:100%}.nav-link{width:100%;justify-content:flex-start}.card-grid{grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}.container{padding:0 var(--spacing-md)}}@media (min-width: 768px) and (max-width: 991px){.hamburger-menu{display:none}.nav-menu{position:static;width:auto;height:auto;flex-direction:row;background-color:transparent;padding:0;box-shadow:none;overflow-y:visible}.nav-item{margin-bottom:0;width:auto}.nav-link{width:auto;justify-content:center}.card-grid{grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg)}.container{padding:0 var(--spacing-md)}}@media (min-width: 992px){.hamburger-menu{display:none}.nav-menu{position:static;width:auto;height:auto;flex-direction:row;background-color:transparent;padding:0;box-shadow:none;overflow-y:visible}.nav-item{margin-bottom:0;width:auto}.nav-link{width:auto;justify-content:center}.card-grid{grid-template-columns:repeat(3,1fr);gap:var(--spacing-lg)}}@media (min-width: 1200px){.card-grid{grid-template-columns:repeat(4,1fr);gap:var(--spacing-xl)}}@media (min-width: 1600px){.card-grid{grid-template-columns:repeat(5,1fr);gap:var(--spacing-xl)}.container{max-width:1400px}}.d-none{display:none}.d-block{display:block}.d-flex{display:flex}@media (max-width: 575px){.d-xs-none{display:none}.d-xs-block{display:block}.d-xs-flex{display:flex}}@media (min-width: 576px) and (max-width: 767px){.d-sm-none{display:none}.d-sm-block{display:block}.d-sm-flex{display:flex}}@media (min-width: 768px) and (max-width: 991px){.d-md-none{display:none}.d-md-block{display:block}.d-md-flex{display:flex}}@media (min-width: 992px){.d-lg-none{display:none}.d-lg-block{display:block}.d-lg-flex{display:flex}}.text-xs{font-size:var(--font-size-xs)}.text-sm{font-size:var(--font-size-sm)}.text-md{font-size:var(--font-size-md)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.text-xxl{font-size:var(--font-size-xxl)}.m-xs{margin:var(--spacing-xs)}.m-sm{margin:var(--spacing-sm)}.m-md{margin:var(--spacing-md)}.m-lg{margin:var(--spacing-lg)}.m-xl{margin:var(--spacing-xl)}.p-xs{padding:var(--spacing-xs)}.p-sm{padding:var(--spacing-sm)}.p-md{padding:var(--spacing-md)}.p-lg{padding:var(--spacing-lg)}.p-xl{padding:var(--spacing-xl)}button,input,select,textarea,a{min-height:44px;min-width:44px;touch-action:manipulation}.nav-link{min-height:44px;min-width:44px;padding:var(--spacing-sm) var(--spacing-md);display:inline-flex;align-items:center;justify-content:center;border-radius:var(--border-radius-sm)}button{min-height:44px;min-width:44px;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius-sm);display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm)}input,select,textarea{min-height:44px;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius-sm);border:1px solid var(--color-border);background-color:var(--color-background)}.dropdown-item{min-height:44px;padding:var(--spacing-sm) var(--spacing-md);display:flex;align-items:center}label{min-height:44px;display:inline-flex;align-items:center;cursor:pointer}input[type=checkbox],input[type=radio]{min-width:auto;min-height:auto;margin-right:var(--spacing-sm)}input[type=range]{min-width:100px}input[type=file]{min-height:auto}body{font-size:var(--font-size-md);line-height:1.5;color:var(--color-text)}@media (max-width: 575px){body{font-size:var(--font-size-sm)}h1{font-size:1.5rem;line-height:1.2}h2{font-size:1.25rem;line-height:1.2}h3{font-size:1.125rem;line-height:1.2}h4{font-size:1rem;line-height:1.2}h5{font-size:.875rem;line-height:1.2}h6{font-size:.75rem;line-height:1.2}}@media (prefers-contrast: high){body{color:#000;background-color:#fff}a{color:#00f}button{background-color:#000;color:#fff}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}button:focus,input:focus,select:focus,textarea:focus,a:focus{outline:2px solid var(--color-primary);outline-offset:2px}button:disabled,input:disabled,select:disabled,textarea:disabled{opacity:.5;cursor:not-allowed}button:loading{opacity:.7;cursor:wait}input,select,textarea{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--border-radius-sm);font-size:var(--font-size-md)}button{padding:var(--spacing-sm) var(--spacing-lg);font-size:var(--font-size-md);border:none;border-radius:var(--border-radius-sm);cursor:pointer;transition:all var(--transition-fast)}button:hover{opacity:.9;transform:translateY(-1px)}button:active{transform:translateY(0)}img{max-width:100%;height:auto}video{max-width:100%;height:auto}.container-fluid{width:100%;padding:0 var(--spacing-md)}@media (max-width: 575px){.container-fluid{padding:0 var(--spacing-sm)}}.card{background-color:var(--color-background);border-radius:var(--border-radius-md);box-shadow:var(--shadow-sm);padding:var(--spacing-lg);transition:all var(--transition-normal)}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2;margin-bottom:var(--spacing-md)}h1{font-size:2rem}h2{font-size:1.75rem}h3{font-size:1.5rem}h4{font-size:1.25rem}h5{font-size:1.125rem}h6{font-size:1rem}@media (max-width: 575px){h1{font-size:1.75rem}h2{font-size:1.5rem}h3{font-size:1.25rem}h4{font-size:1.125rem}}table{width:100%;border-collapse:collapse}th,td{padding:var(--spacing-sm) var(--spacing-md);text-align:left;border-bottom:1px solid var(--color-border)}th{background-color:var(--color-secondary);font-weight:600}.table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background-color:var(--color-background);border-radius:var(--border-radius-md);padding:var(--spacing-lg);width:90%;max-width:500px;max-height:90vh;overflow-y:auto}@media (max-width: 575px){.modal-content{width:95%;padding:var(--spacing-md)}}