.main-layout{height:100vh;display:flex;background-color:#f5f7fa;overflow:hidden}.layout-sider{background:linear-gradient(180deg,#1f1f1f,#262626);box-shadow:2px 0 8px #00000014}.layout-sider.ant-layout-sider-collapsed{box-shadow:1px 0 4px #0000000d}.logo-container{height:64px;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;gap:12px;border-bottom:1px solid rgba(255,255,255,.1);cursor:pointer;transition:all .3s ease}.logo-container:hover{background:linear-gradient(135deg,#7b8fee,#8b5ab3)}.logo-icon{font-size:28px}.logo-text{margin:0;font-size:16px;font-weight:700;color:#fff;letter-spacing:.5px}.layout-menu{border-right:none;padding:16px 0}.layout-menu .ant-menu-item{border-radius:0;margin:0}.layout-menu .ant-menu-item-selected{background-color:#667eea1a!important;border-right:3px solid #667eea}.layout-menu .ant-menu-item:before{display:none}.layout-header{background:#fff;padding:0 24px;box-shadow:0 2px 8px #0000000f;display:flex;justify-content:space-between;align-items:center;height:64px;overflow:hidden;z-index:10;flex-shrink:0;min-width:0}.header-left{display:flex;align-items:center;height:64px;flex-shrink:0}.trigger-button{font-size:18px;color:#262626;transition:all .3s ease;height:32px;width:32px;display:flex;align-items:center;justify-content:center;padding:0;flex-shrink:0}.trigger-button:hover{color:#667eea}.header-right{display:flex;align-items:center;gap:16px;flex-wrap:nowrap;margin-left:auto;position:relative;height:64px;min-width:0}.header-right .ant-btn{border:none;color:#262626;font-size:16px;transition:all .3s ease;height:32px;width:32px;display:flex;align-items:center;justify-content:center;padding:0;flex-shrink:0}.header-right .ant-btn:hover{color:#667eea}.user-info{display:flex;align-items:center;gap:12px;padding:8px 12px;cursor:pointer;border-radius:6px;transition:all .3s ease;white-space:nowrap;overflow:visible;flex-shrink:0;height:48px}.user-info:hover{background-color:#f5f5f5}.user-info .ant-avatar{flex-shrink:0}.user-details{display:flex;flex-direction:column;justify-content:center;min-height:0;overflow:hidden}.user-name{font-weight:600;color:#262626;font-size:13px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-role{font-size:11px;color:#8c8c8c;text-transform:capitalize;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.layout-content{background-color:#f5f7fa;display:flex;flex-direction:column;flex:1;min-width:0;overflow:hidden}.layout-main{padding:24px;flex:1;overflow-y:auto;overflow-x:hidden;min-height:0}.content-wrapper{background:#fff;border-radius:8px;box-shadow:0 1px 4px #0000000a;padding:24px;min-height:100%}@media(max-width:768px){.layout-header{padding:0 16px}.layout-main,.content-wrapper{padding:16px}.logo-text{display:none}.layout-sider{position:fixed;left:0;top:0;bottom:0;z-index:999;box-shadow:2px 0 8px #00000026}}@media(max-width:480px){.header-right{gap:8px}.layout-header .ant-btn{padding:4px 8px}}.layout-sider,.layout-header,.content-wrapper{transition:all .3s cubic-bezier(.4,0,.2,1)}@media(prefers-color-scheme:dark){.main-layout,.layout-content{background-color:#0d0d0d}.layout-header{background:#1f1f1f;box-shadow:0 2px 8px #0000004d}.content-wrapper{background:#262626;box-shadow:0 1px 4px #0000004d}.user-info:hover{background-color:#3a3a3a}}.login-page{width:100%;height:100vh;display:flex;align-items:stretch;justify-content:stretch;background:#f5f7fa;overflow:hidden}.login-row{width:100%;height:100%;margin:0;display:flex}.login-brand{background:linear-gradient(135deg,#667eea,#764ba2);display:flex!important;align-items:center;justify-content:center;padding:40px;width:50%;height:100%;flex-shrink:0}.brand-content{text-align:center;color:#fff;max-width:400px}.brand-icon{font-size:80px;margin-bottom:30px;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.brand-content h1{font-size:48px;font-weight:700;margin:20px 0;letter-spacing:1px}.brand-subtitle{font-size:18px;margin-bottom:40px;opacity:.9}.brand-features{margin-top:40px;text-align:left}.feature{font-size:16px;margin:12px 0;opacity:.9;padding-left:20px}.login-form-container{background:#f5f7fa;display:flex!important;align-items:center;justify-content:center;padding:40px 20px;width:50%;height:100%;flex-shrink:0}.login-form-box{width:100%;max-width:420px;background:#fff;border-radius:12px;box-shadow:0 8px 24px #0000001f;padding:48px 40px}.form-header{margin-bottom:32px;text-align:center}.form-header h2{font-size:28px;font-weight:700;color:#262626;margin:0 0 12px}.form-header p{font-size:14px;color:#8c8c8c;margin:0}.login-form{margin-bottom:24px}.login-form .ant-form-item{margin-bottom:20px}.login-form .ant-form-item:last-of-type{margin-bottom:32px}.form-icon{color:#bfbfbf}.login-form .ant-input,.login-form .ant-input-password{border-radius:6px;border:1px solid #d9d9d9;transition:all .3s ease}.login-form .ant-input:hover,.login-form .ant-input-password:hover{border-color:#667eea}.login-form .ant-input:focus,.login-form .ant-input-password:focus{border-color:#667eea!important;box-shadow:0 0 0 2px #667eea1a}.login-button{height:40px;font-size:16px;font-weight:600;border-radius:6px;background:linear-gradient(135deg,#667eea,#764ba2);border:none;transition:all .3s ease}.login-button:hover{transform:translateY(-2px);box-shadow:0 6px 16px #667eea66}.login-button:active{transform:translateY(0)}.form-footer{text-align:center;padding-top:24px;border-top:1px solid #f0f0f0}.demo-account{font-size:13px;color:#595959;margin:0;line-height:1.6}.demo-account strong{color:#262626}@media(max-width:768px){.login-page{height:100vh;flex-direction:column}.login-row{flex-direction:column;height:100%}.login-brand{display:none!important;width:100%;height:0}.login-form-container{width:100%;height:100%;padding:20px;align-items:center;justify-content:center}.login-form-box{width:100%;max-width:360px;padding:32px 24px}.form-header h2{font-size:24px}.brand-content h1{font-size:32px}}@media(max-width:480px){.login-form-box{padding:24px 16px}.form-header h2{font-size:20px}.login-button{height:36px;font-size:14px}}.ant-spin-container{width:100%}.ant-message{top:20px}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;padding:0;width:100%;height:100vh;overflow:hidden}html{width:100%;height:100%}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}