.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1a1a2e,#16213e);padding:20px}.login-box{width:100%;max-width:420px}.login-card{box-shadow:0 8px 32px #0006;border-radius:16px;border:none;overflow:hidden;background:#1a1a2ee6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.login-card .ant-card-body{padding:0}.login-header{text-align:center;padding:48px 32px 32px;background:transparent;color:#fff}.logo{width:80px;height:80px;margin-bottom:24px;border-radius:16px;box-shadow:0 4px 12px #0000004d}.login-header h1{margin:0 0 8px;font-size:32px;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.login-header p{margin:0;font-size:15px;opacity:.7;color:#ffffffb3}.login-content{padding:0 32px 48px}.login-content .ant-input,.login-content .ant-input-password{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff}.login-content .ant-input::placeholder,.login-content .ant-input-password input::placeholder{color:#ffffff80}.login-content .ant-input:hover,.login-content .ant-input-password:hover{border-color:#667eea;background:#ffffff26}.login-content .ant-input:focus,.login-content .ant-input-password:focus,.login-content .ant-input-focused,.login-content .ant-input-password-focused{border-color:#667eea;box-shadow:0 0 0 2px #667eea33;background:#ffffff26}.login-content .ant-input-affix-wrapper{background:#ffffff1a;border:1px solid rgba(255,255,255,.2)}.login-content .ant-input-affix-wrapper:hover{border-color:#667eea;background:#ffffff26}.login-content .ant-input-affix-wrapper-focused{border-color:#667eea;box-shadow:0 0 0 2px #667eea33;background:#ffffff26}.login-content .ant-input-prefix,.login-content .ant-input-suffix{color:#ffffff80}.login-button{height:48px;font-size:16px;font-weight:600;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 #667eea80;background:linear-gradient(135deg,#667eea,#764ba2)}.google-button{height:48px;font-size:16px;font-weight:500;border-radius:8px;border:1px solid rgba(255,255,255,.2);background:#ffffff0d;color:#ffffffe6;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .3s ease}.google-button:hover{border-color:#667eea;background:#667eea1a;color:#fff}.login-hint{margin-top:24px;text-align:center}.login-hint p{margin:0;font-size:13px;color:#ffffff80}@media (max-width: 480px){.login-container{padding:16px}.login-box{max-width:100%}.login-header{padding:32px 24px 24px}.logo{width:64px;height:64px;margin-bottom:20px}.login-header h1{font-size:26px}.login-content{padding:0 24px 32px}.login-button,.google-button{height:50px;font-size:16px}}.admin-layout{min-height:100vh;position:relative}.admin-layout:before{content:"";position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:600px;height:600px;background-image:url(./assets/images/AIAnimatorLogo.webp);background-size:contain;background-repeat:no-repeat;background-position:center;opacity:.03;pointer-events:none;z-index:0}.admin-layout>*{position:relative;z-index:1}.admin-sider-logo{height:64px;display:flex;align-items:center;justify-content:center;gap:8px;color:#fff;font-size:18px;font-weight:700;padding:0 16px;transition:all .3s}.admin-sider-logo img{width:32px;height:32px;border-radius:8px}.admin-sider-logo-text{white-space:nowrap;overflow:hidden;transition:all .3s}.admin-header{padding:0 24px;background:#fff;display:flex;justify-content:flex-end;align-items:center;box-shadow:0 2px 8px #0000000f}.admin-user-dropdown{cursor:pointer;display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:8px;transition:background-color .3s}.admin-user-dropdown:hover{background-color:#f5f5f5}.admin-content{margin:24px;padding:24px;background:#fffffff2;border-radius:8px;min-height:calc(100vh - 112px)}@media (max-width: 768px){.admin-layout:before{width:400px;height:400px;opacity:.02}.admin-content{margin:16px;padding:16px}}*{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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}