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}:root{--primary-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--primary-color: #667eea;--primary-dark: #5568d3;--secondary-color: #764ba2;--success-color: #10b981;--warning-color: #f59e0b;--error-color: #ef4444;--info-color: #3b82f6;--bg-primary: #ffffff;--bg-secondary: #f9fafb;--bg-tertiary: #f3f4f6;--text-primary: #111827;--text-secondary: #6b7280;--text-tertiary: #9ca3af;--border-color: #e5e7eb;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1);--radius-sm: 6px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--spacing-xs: 8px;--spacing-sm: 12px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px}.glass-effect{background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.gradient-button{background:var(--primary-gradient);border:none;color:#fff;font-weight:600;transition:all .3s ease}.gradient-button:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.modern-card{background:var(--bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);transition:all .3s ease;border:1px solid var(--border-color)}.modern-card:hover{box-shadow:var(--shadow-xl);transform:translateY(-4px)}.gradient-text{background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.management-table-card .ant-table-pagination.ant-pagination{margin:24px 28px 24px 0}@media(max-width:640px){.management-table-card .ant-table-pagination.ant-pagination{margin:20px 16px}}@media(max-width:900px){.app-header{height:auto!important;min-height:64px;padding:10px 16px!important;align-items:flex-start!important;gap:12px;flex-wrap:wrap}.app-header-main{flex:1 1 100%!important;min-width:0;flex-direction:column;align-items:flex-start!important;gap:10px}.app-header-logo{margin-right:0!important}.app-header-logo img{width:124px!important;height:34px!important}.app-header-menu{width:calc(100vw - 32px);max-width:calc(100vw - 32px);overflow-x:auto;overflow-y:hidden;white-space:nowrap;scrollbar-width:none}.app-header-menu::-webkit-scrollbar{display:none}.app-header-actions{position:absolute;top:14px;right:16px;gap:10px!important;padding-top:2px}.app-header-user-name{display:none}.app-content{padding:24px 16px!important}.app-footer{padding:0 16px 24px!important}.app-footer-inner{padding:18px!important}.app-footer-brand{min-width:0!important;align-items:flex-start!important}.page-action-header{flex-direction:column;align-items:flex-start!important;gap:18px}.settings-info-row{align-items:flex-start!important;flex-direction:column;gap:8px}.settings-api-key-actions{width:100%}.settings-api-key-actions>span:first-child{max-width:calc(100vw - 152px)!important}}@media(max-width:720px){.auth-page{display:block!important;min-height:100vh}.auth-brand-panel{display:none!important}.auth-form-panel{min-height:100vh;padding:24px 16px!important;background:#f5f7fb!important}.auth-card{max-width:100%!important;padding:28px 22px!important;border-radius:18px!important;box-shadow:0 18px 42px #0f172a14!important}.auth-card h2{font-size:28px!important}}@media(max-width:520px){.management-table-card .ant-pagination{align-items:flex-end}.management-table-card .ant-pagination-total-text{width:100%;margin-right:0;text-align:right}}