.login-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2,#f093fb);position:relative;overflow:hidden}.login-container:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 1px,transparent 1px);background-size:50px 50px;animation:moveBackground 20s linear infinite}@keyframes moveBackground{0%{transform:translate(0)}to{transform:translate(50px,50px)}}.login-card{width:400px;box-shadow:0 8px 32px #0003;border-radius:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid rgba(255,255,255,.3);position:relative;z-index:1}.login-card .ant-card-head-title{text-align:center;font-size:24px;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.login-card .ant-card-body{padding:32px}.login-card .ant-input,.login-card .ant-input-password{border-radius:8px;border:1px solid #e0e0e0;transition:all .3s ease}.login-card .ant-input:focus,.login-card .ant-input-password:focus,.login-card .ant-input-focused,.login-card .ant-input-password-focused{border-color:#667eea;box-shadow:0 0 0 2px #667eea1a}.login-card .ant-btn-primary{width:100%;height:40px;border-radius:8px;font-weight:500}.layout-container{min-height:100vh}.logo{height:64px;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-bottom:1px solid rgba(255,255,255,.1);box-shadow:0 2px 8px #667eea33}.header{background:linear-gradient(135deg,#fff,#f8f9fa);padding:0 24px;display:flex;align-items:center;justify-content:flex-end;box-shadow:0 2px 12px #00000014;border-bottom:1px solid rgba(0,0,0,.06)}.header-right{display:flex;align-items:center}.content{margin:24px;padding:24px;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);min-height:calc(100vh - 112px);border-radius:12px;box-shadow:0 4px 20px #00000014;border:1px solid rgba(255,255,255,.8)}.ant-layout-sider{background:linear-gradient(180deg,#fff,#f8f9fa)!important;box-shadow:2px 0 12px #00000014!important}.ant-menu{background:transparent!important;border-right:none!important}.ant-menu-item{margin:4px 8px!important;border-radius:8px!important;transition:all .3s ease!important}.ant-menu-item:hover{background:linear-gradient(135deg,#e8ecf5,#f0f4f8)!important}.ant-menu-item-selected{background:linear-gradient(135deg,#667eea,#764ba2)!important;color:#fff!important}.ant-menu-item-selected .anticon{color:#fff!important}.ant-card{border-radius:12px!important;box-shadow:0 2px 12px #0000000f!important;border:1px solid rgba(0,0,0,.04)!important;transition:all .3s ease!important}.ant-card:hover{box-shadow:0 4px 20px #0000001a!important;transform:translateY(-2px)}.ant-table{border-radius:8px!important;overflow:hidden!important}.ant-table-thead>tr>th{background:linear-gradient(135deg,#f8f9fa,#e9ecef)!important;border-bottom:2px solid #dee2e6!important;font-weight:600!important}.ant-btn-primary{background:linear-gradient(135deg,#667eea,#764ba2)!important;border:none!important;box-shadow:0 2px 8px #667eea4d!important}.ant-btn-primary:hover{background:linear-gradient(135deg,#5568d3,#6a3d8f)!important;box-shadow:0 4px 12px #667eea66!important;transform:translateY(-1px)}.ant-statistic-title{color:#6c757d!important;font-weight:500!important}.ant-statistic-content{color:#212529!important}.ant-input,.ant-select-selector,.ant-picker{border-radius:8px!important;border-color:#e0e0e0!important;transition:all .3s ease!important}.ant-input:focus,.ant-select-focused .ant-select-selector,.ant-picker-focused{border-color:#667eea!important;box-shadow:0 0 0 2px #667eea1a!important}.ant-tag{border-radius:6px!important;padding:2px 8px!important;font-weight:500!important}.ant-pagination{margin-top:24px!important}.ant-pagination-item{border-radius:6px!important;border-color:#e0e0e0!important}.ant-pagination-item-active{background:linear-gradient(135deg,#667eea,#764ba2)!important;border-color:#667eea!important}.ant-pagination-item-active a{color:#fff!important}.ant-dropdown-menu{border-radius:8px!important;box-shadow:0 4px 16px #0000001f!important;border:1px solid rgba(0,0,0,.06)!important}.ant-dropdown-menu-item{border-radius:4px!important;margin:4px 8px!important;transition:all .2s ease!important}.ant-dropdown-menu-item:hover{background:linear-gradient(135deg,#e8ecf5,#f0f4f8)!important}.ant-avatar{box-shadow:0 2px 8px #0000001a!important;cursor:pointer!important;transition:all .3s ease!important}.ant-avatar:hover{transform:scale(1.1);box-shadow:0 4px 12px #00000026!important}h1{color:#212529!important;font-weight:600!important;margin-bottom:24px!important;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.ant-empty{padding:40px 0!important}.ant-spin-dot-item{background-color:#667eea!important}.ant-message{z-index:9999!important}.ant-message-notice-content{border-radius:8px!important;box-shadow:0 4px 16px #00000026!important}*{margin:0;padding:0;box-sizing:border-box}body{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,#f5f7fa,#c3cfe2);background-attachment:fixed}#root{min-height:100vh}