.login-container{height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);position:relative;overflow:hidden}.login-background{position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle at 20% 80%,rgba(120,119,198,.3) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,255,255,.15) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(120,119,198,.15) 0%,transparent 50%)}.login-overlay{position:relative;z-index:1;width:100%;max-width:400px;padding:20px}.login-card{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;box-shadow:0 8px 32px #0000001a,0 2px 16px #00000014;border:1px solid rgba(255,255,255,.2);padding:40px 32px;text-align:center}.login-header{margin-bottom:32px}.login-title{color:#1a1a1a!important;margin-bottom:8px!important;font-weight:600;font-size:28px}.login-subtitle{color:#666;font-size:16px}.login-button{height:48px;font-size:16px;font-weight:500;border-radius:8px;background:linear-gradient(135deg,#667eea,#764ba2);border:none;box-shadow:0 4px 12px #667eea66;transition:all .3s ease}.login-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea99}.login-button:active{transform:translateY(0)}.login-footer{margin-top:24px;padding-top:24px;border-top:1px solid #f0f0f0}.ant-form-item-label>label{font-weight:500;color:#333}.ant-input-affix-wrapper{border-radius:8px;border:1px solid #d9d9d9;transition:all .3s ease}.ant-input-affix-wrapper:hover{border-color:#667eea}.ant-input-affix-wrapper-focused{border-color:#667eea;box-shadow:0 0 0 2px #667eea33}.ant-input{font-size:16px}.ant-input-prefix{color:#999}.ant-alert{border-radius:8px}@media (max-width: 480px){.login-overlay{padding:16px}.login-card{padding:32px 24px}.login-title{font-size:24px}}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.login-button .ant-spin{animation:pulse 1.5s ease-in-out infinite}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-20px)}to{transform:translateY(0)}}.login-background: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:float 6s ease-in-out infinite;opacity:.3}.webgrid{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-size:14px;color:#333;background:#fff;border:1px solid #e8e8e8;border-radius:6px;overflow:hidden}.webgrid__toolbar{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#fafafa;border-bottom:1px solid #e8e8e8}.webgrid__info{color:#666;font-size:13px}.webgrid__export-btn{background:#1890ff;color:#fff;border:none;padding:6px 12px;border-radius:4px;cursor:pointer;font-size:13px;transition:background-color .2s}.webgrid__export-btn:hover{background:#40a9ff}.webgrid__export-btn:active{background:#096dd9}.webgrid__container{overflow:auto;max-height:600px}.webgrid--sticky-header .webgrid__header{position:sticky;top:0;z-index:10}.webgrid__table{width:100%;border-collapse:collapse;table-layout:fixed}.webgrid__header{background:#fafafa}.webgrid__header-cell{padding:12px 8px;text-align:left;font-weight:600;border-bottom:1px solid #e8e8e8;border-right:1px solid #e8e8e8;background:#fafafa;position:relative}.webgrid__resize-handle{position:absolute;top:0;right:0;width:5px;height:100%;cursor:col-resize;-webkit-user-select:none;user-select:none}.webgrid__header-cell:last-child{border-right:none}.webgrid__header-cell--sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .2s}.webgrid__header-cell--sortable:hover{background:#f0f0f0}.webgrid__header-content{display:flex;align-items:center;justify-content:space-between}.webgrid__sort-indicator{margin-left:4px;font-size:12px;color:#1890ff}.webgrid__sort-indicator--asc:before{content:"↑"}.webgrid__sort-indicator--desc:before{content:"↓"}.webgrid__filter-row{background:#fff}.webgrid__filter-cell{padding:8px;border-bottom:1px solid #e8e8e8;border-right:1px solid #e8e8e8}.webgrid__filter-cell:last-child{border-right:none}.webgrid__filter-input{width:100%;padding:4px 8px;border:1px solid #d9d9d9;border-radius:4px;font-size:12px;outline:none;transition:border-color .2s}.webgrid__filter-input:focus{border-color:#1890ff;box-shadow:0 0 0 2px #1890ff33}.webgrid__filter-input::placeholder{color:#bfbfbf}.webgrid__select-header,.webgrid__select-cell{width:40px;text-align:center;padding:8px 4px}.webgrid__select-header input,.webgrid__select-cell input{cursor:pointer}.webgrid__body{background:#fff}.webgrid__row{transition:background-color .2s;cursor:pointer}.webgrid__row:hover{background:#f5f5f5}.webgrid__row--selected{background:#e6f7ff}.webgrid__row--selected:hover{background:#bae7ff}.webgrid__cell{padding:12px 8px;border-bottom:1px solid #f0f0f0;border-right:1px solid #f0f0f0;vertical-align:middle}.webgrid__cell:last-child{border-right:none}.webgrid__footer{background:#fafafa;font-weight:600}.webgrid__summary-cell{padding:12px 8px;border-top:2px solid #e8e8e8;border-right:1px solid #e8e8e8;background:#fafafa}.webgrid__summary-cell:last-child{border-right:none}.webgrid__pagination{display:flex;justify-content:center;align-items:center;padding:16px;background:#fafafa;border-top:1px solid #e8e8e8;gap:16px}.webgrid__pagination-btn{background:#fff;border:1px solid #d9d9d9;padding:6px 12px;border-radius:4px;cursor:pointer;font-size:13px;transition:all .2s}.webgrid__pagination-btn:hover:not(:disabled){border-color:#1890ff;color:#1890ff}.webgrid__pagination-btn:disabled{background:#f5f5f5;color:#bfbfbf;cursor:not-allowed}.webgrid__pagination-info{font-size:13px;color:#666}.webgrid--loading{display:flex;align-items:center;justify-content:center;min-height:200px;background:#fafafa}.webgrid__loading{display:flex;flex-direction:column;align-items:center;gap:12px;color:#666}.webgrid__spinner{width:32px;height:32px;border:3px solid #f0f0f0;border-top:3px solid #1890ff;border-radius:50%;animation:webgrid-spin 1s linear infinite}@keyframes webgrid-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.webgrid--empty{display:flex;align-items:center;justify-content:center;min-height:200px;background:#fafafa}.webgrid__empty{color:#999;font-size:16px;text-align:center}@media (max-width: 768px){.webgrid{font-size:12px}.webgrid__toolbar{flex-direction:column;gap:8px;align-items:stretch}.webgrid__cell,.webgrid__header-cell{padding:8px 4px}.webgrid__filter-input{font-size:11px}.webgrid__pagination{flex-direction:column;gap:8px}}@media (prefers-color-scheme: dark){.webgrid{background:#1f1f1f;border-color:#434343;color:#e8e8e8}.webgrid__toolbar,.webgrid__header,.webgrid__footer,.webgrid__header-cell,.webgrid__summary-cell{background:#2d2d2d;border-color:#434343}.webgrid__header-cell--sortable:hover{background:#3d3d3d}.webgrid__filter-cell{border-color:#434343}.webgrid__filter-input{background:#1f1f1f;border-color:#434343;color:#e8e8e8}.webgrid__filter-input::placeholder{color:#8c8c8c}.webgrid__row:hover{background:#2d2d2d}.webgrid__row--selected{background:#003a8c}.webgrid__row--selected:hover{background:#0050b3}.webgrid__cell{border-color:#434343}.webgrid__pagination-btn{background:#2d2d2d;border-color:#434343;color:#e8e8e8}.webgrid__pagination-btn:hover:not(:disabled){border-color:#1890ff;color:#1890ff}.webgrid__pagination-btn:disabled{background:#1f1f1f;color:#8c8c8c}}@media (prefers-contrast: high){.webgrid{border:2px solid #000}.webgrid__header-cell,.webgrid__cell{border:1px solid #000}.webgrid__filter-input,.webgrid__pagination-btn{border:2px solid #000}}@media print{.webgrid__toolbar,.webgrid__pagination,.webgrid__filter-row{display:none}.webgrid{border:1px solid #000}.webgrid__table{page-break-inside:auto}.webgrid__row{page-break-inside:avoid;page-break-after:auto}.webgrid__header{display:table-header-group}.webgrid__footer{display:table-footer-group}}*{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-color:#f5f5f5}.app{display:flex;height:100vh;overflow:hidden}.login-container{display:flex;justify-content:center;align-items:center;height:100vh;background:linear-gradient(135deg,#667eea,#764ba2)}.login-form{background:#fff;padding:40px;border-radius:10px;box-shadow:0 10px 30px #0003;width:400px;max-width:90vw}.login-form h2{text-align:center;margin-bottom:30px;color:#333;font-size:24px}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:5px;color:#555;font-weight:500}.form-group input{width:100%;padding:12px;border:2px solid #ddd;border-radius:6px;font-size:16px;transition:border-color .3s}.form-group input:focus{outline:none;border-color:#667eea}.login-btn{width:100%;padding:12px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:6px;font-size:16px;font-weight:600;cursor:pointer;transition:transform .2s}.login-btn:hover{transform:translateY(-2px)}.sidebar{width:250px;background:#2c3e50;color:#fff;transition:width .3s ease;display:flex;flex-direction:column}.sidebar.collapsed{width:70px}.sidebar-header{padding:20px;border-bottom:1px solid #34495e;display:flex;justify-content:space-between;align-items:center}.sidebar-header h3{font-size:20px;font-weight:600}.toggle-btn{background:none;border:none;color:#fff;font-size:18px;cursor:pointer;padding:5px;border-radius:3px;transition:background-color .3s}.toggle-btn:hover{background-color:#34495e}.sidebar-nav{flex:1;padding:20px 0}.nav-item{width:100%;padding:15px 20px;background:none;border:none;color:#fff;text-align:left;cursor:pointer;display:flex;align-items:center;transition:background-color .3s;font-size:16px}.nav-item:hover{background-color:#34495e}.nav-item.active{background-color:#3498db}.nav-icon{font-size:20px;margin-right:12px;width:24px;text-align:center}.nav-label{flex:1}.sidebar.collapsed .nav-label{display:none}.sidebar.collapsed .nav-item{justify-content:center;padding:15px 10px}.sidebar.collapsed .nav-icon{margin-right:0}.main-content{flex:1;display:flex;flex-direction:column;margin-left:250px;transition:margin-left .3s ease}.main-content.collapsed{margin-left:70px}.header{background:#fff;padding:0 30px;height:70px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e8e8e8;box-shadow:0 2px 8px #0000001a}.header-title h2{color:#2c3e50;font-size:24px;font-weight:600}.header-user{display:flex;align-items:center;gap:15px}.header-user span{color:#666;font-weight:500}.logout-btn{padding:8px 16px;background:#e74c3c;color:#fff;border:none;border-radius:4px;cursor:pointer;font-weight:500;transition:background-color .3s}.logout-btn:hover{background:#c0392b}.content{flex:1;padding:30px;overflow-y:auto;background:#f8f9fa}.page{background:#fff;border-radius:8px;padding:30px;box-shadow:0 2px 10px #0000001a}.page h1{color:#2c3e50;margin-bottom:30px;font-size:32px;font-weight:600}.page p{color:#666;font-size:16px;line-height:1.6}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-top:30px}.stat-card{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:30px;border-radius:10px;text-align:center;box-shadow:0 4px 15px #0000001a;transition:transform .3s}.stat-card:hover{transform:translateY(-5px)}.stat-card h3{font-size:18px;margin-bottom:15px;opacity:.9}.stat-number{font-size:36px;font-weight:700;margin:0}@media (max-width: 768px){.sidebar{position:fixed;z-index:1000;height:100vh}.main-content,.main-content.collapsed{margin-left:0}.header{padding:0 15px}.header-title h2{font-size:20px}.content{padding:15px}.page{padding:20px}.page h1{font-size:24px}.stats-grid{grid-template-columns:1fr;gap:15px}.stat-card{padding:20px}.stat-number{font-size:28px}}@media (max-width: 480px){.login-form{padding:30px 20px}.sidebar{width:100%}.sidebar.collapsed{width:70px}}.text-center{text-align:center}.text-right{text-align:right}.mb-20{margin-bottom:20px}.mt-20{margin-top:20px}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .5s ease-out}.loading{display:flex;justify-content:center;align-items:center;height:200px}.spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #3498db;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.message{padding:15px;border-radius:6px;margin-bottom:20px}.message.success{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.message.error{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.message.info{background-color:#d1ecf1;color:#0c5460;border:1px solid #bee5eb}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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}