: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;min-width:320px;min-height:100vh;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif}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}}:root{--primary-color: #1890ff;--primary-hover: #40a9ff;--primary-active: #096dd9;--success-color: #52c41a;--warning-color: #faad14;--error-color: #f5222d;--text-primary: #262626;--text-secondary: #595959;--text-light: #8c8c8c;--background-light: #fafafa;--border-color: #e8e8e8;--shadow-light: 0 2px 8px rgba(0, 0, 0, .1);--shadow-medium: 0 4px 16px rgba(0, 0, 0, .12);--border-radius: 8px;--border-radius-large: 12px}.web-layout{min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#c3cfe2)}.web-container{max-width:1200px;margin:0 auto;padding:0 24px}.web-header{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow-light);position:sticky;top:0;z-index:1000;border-bottom:1px solid var(--border-color);padding:0}.web-header-container{max-width:1200px;margin:0 auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between;height:64px}.web-logo{flex-shrink:0}.logo-link{display:flex;align-items:center;font-size:24px;font-weight:700;color:var(--primary-color);text-decoration:none}.logo-link:hover{color:var(--primary-hover)}.logo-icon{width:40px;height:40px;margin-right:12px;border-radius:var(--border-radius);background:linear-gradient(135deg,var(--primary-color),var(--primary-hover));display:flex;align-items:center;justify-content:center;color:#fff;font-size:20px}.logo-text{font-size:24px;font-weight:700;color:var(--primary-color);margin:0}.web-nav{flex:1;display:flex;justify-content:center}.web-nav-menu{background:transparent;border:none;line-height:64px}.web-nav-menu .ant-menu-item{font-weight:500;color:var(--text-primary);border-radius:var(--border-radius);margin:0 8px}.web-nav-menu .ant-menu-item:hover{color:var(--primary-color);background:#1890ff1a}.web-nav-menu .ant-menu-item-selected{color:var(--primary-color);background:#1890ff26}.web-actions{display:flex;gap:16px;align-items:center;flex-shrink:0}.web-actions .ant-btn{border-radius:var(--border-radius);font-weight:500;height:40px;padding:0 20px}.login-button{background:linear-gradient(135deg,var(--primary-color),var(--primary-hover));border:none;box-shadow:var(--shadow-light)}.login-button:hover{background:linear-gradient(135deg,var(--primary-hover),var(--primary-active));transform:translateY(-1px);box-shadow:var(--shadow-medium)}.web-content{min-height:calc(100vh - 140px);padding:40px 0}.web-section{margin-bottom:80px}.web-section:last-child{margin-bottom:40px}.homepage-container{max-width:1200px;margin:0 auto;padding:0 24px}.hero-section{text-align:center;padding:100px 0;background:linear-gradient(135deg,#1890ff1a,#1890ff0d);border-radius:var(--border-radius-large);margin-bottom:80px}.hero-content{max-width:800px;margin:0 auto}.hero-title{font-size:3.5rem!important;font-weight:700!important;margin-bottom:24px!important;background:linear-gradient(135deg,var(--primary-color),var(--primary-hover));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-description{font-size:1.4rem!important;color:var(--text-secondary)!important;margin-bottom:40px!important;max-width:600px;margin-left:auto;margin-right:auto;line-height:1.6}.hero-actions{display:flex;justify-content:center;gap:24px;flex-wrap:wrap}.hero-actions .ant-btn{height:50px;padding:0 32px;font-size:16px;font-weight:600;border-radius:var(--border-radius)}.hero-actions .ant-btn-primary{background:linear-gradient(135deg,var(--primary-color),var(--primary-hover));border:none;box-shadow:var(--shadow-medium)}.hero-actions .ant-btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #1890ff4d}.stats-section{padding:80px 0;background:#fafbfccc;border-radius:var(--border-radius-large);margin-bottom:80px}.stats-section h2{text-align:center;font-size:2.5rem;font-weight:700;margin-bottom:60px;color:var(--text-primary)}.stat-card{text-align:center;border-radius:var(--border-radius-large);box-shadow:var(--shadow-light);border:1px solid var(--border-color);transition:all .3s ease}.stat-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-medium)}.stat-card .ant-statistic{padding:24px}.stat-card .ant-statistic-title{color:var(--text-secondary);font-size:14px;font-weight:500}.stat-card .ant-statistic-content{font-size:32px;font-weight:700}.features-section{padding:80px 0}.features-section h2{text-align:center;font-size:2.5rem;font-weight:700;margin-bottom:60px;color:var(--text-primary)}.feature-card{text-align:center;padding:40px 24px;border-radius:var(--border-radius-large);background:#fff;box-shadow:var(--shadow-light);border:1px solid var(--border-color);transition:all .3s ease;height:100%}.feature-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-medium);border-color:var(--primary-color)}.feature-icon{width:80px;height:80px;margin:0 auto 24px;border-radius:50%;background:linear-gradient(135deg,var(--primary-color),var(--primary-hover));display:flex;align-items:center;justify-content:center;color:#fff;font-size:32px}.feature-card h4{font-size:1.5rem;font-weight:600;margin-bottom:16px;color:var(--text-primary)}.feature-card p{color:var(--text-secondary);line-height:1.6;font-size:15px;margin-bottom:20px}.feature-list{list-style:none;padding:0;margin:0;text-align:left}.feature-list li{padding:8px 0;color:var(--text-secondary);font-size:14px;display:flex;align-items:center;gap:8px}.feature-list li .anticon{color:var(--success-color)}.medical-docs-section{background:#fff;border-radius:var(--border-radius-large);padding:60px 40px;box-shadow:var(--shadow-light);border:1px solid var(--border-color)}.medical-docs-header{text-align:center;margin-bottom:50px}.medical-docs-header h2{font-size:2.2rem;font-weight:700;color:var(--text-primary);margin-bottom:16px}.medical-docs-header p{font-size:1.1rem;color:var(--text-secondary);max-width:500px;margin:0 auto;line-height:1.6}.upload-area{border:3px dashed var(--border-color);border-radius:var(--border-radius-large);padding:60px 40px;text-align:center;background:var(--background-light);transition:all .3s ease;cursor:pointer}.upload-area:hover{border-color:var(--primary-color);background:#1890ff0d}.upload-area.dragover{border-color:var(--primary-color);background:#1890ff1a}.upload-icon{font-size:48px;color:var(--primary-color);margin-bottom:16px}.upload-text{font-size:1.2rem;color:var(--text-primary);font-weight:500;margin-bottom:8px}.upload-hint{color:var(--text-light);font-size:14px}.processing-status{text-align:center;padding:40px}.processing-status .ant-spin{margin-bottom:16px}.processing-status h3{color:var(--text-primary);margin-bottom:8px}.processing-status p{color:var(--text-secondary)}.doc-results{margin-top:40px}.result-card{background:#fff;border-radius:var(--border-radius);border:1px solid var(--border-color);margin-bottom:24px;overflow:hidden;box-shadow:var(--shadow-light)}.result-header{background:var(--background-light);padding:16px 24px;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.result-title{font-weight:600;color:var(--text-primary);font-size:16px}.result-actions{display:flex;gap:8px}.result-content{padding:24px}.extracted-text{background:#f8f9fa;border-radius:var(--border-radius);padding:20px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:14px;line-height:1.6;color:var(--text-primary);white-space:pre-wrap;word-wrap:break-word;max-height:300px;overflow-y:auto}.web-footer{background:var(--text-primary);color:#fff;padding:60px 0 30px;margin-top:80px}.footer-content{display:grid;grid-template-columns:1fr 1fr 1fr;gap:40px;margin-bottom:40px}.footer-section h3{color:#fff;font-size:1.2rem;font-weight:600;margin-bottom:20px}.footer-section ul{list-style:none;padding:0}.footer-section ul li{margin-bottom:8px}.footer-section ul li a{color:#bfbfbf;text-decoration:none;transition:color .3s ease}.footer-section ul li a:hover{color:#fff}.footer-bottom{text-align:center;padding-top:30px;border-top:1px solid #444;color:#bfbfbf}@media (max-width: 1200px){.web-container{padding:0 20px}.medical-docs-section{padding:40px 24px}}@media (max-width: 768px){.web-header-container{flex-wrap:wrap;height:auto;padding:16px 24px}.web-nav{order:3;width:100%;margin-top:16px;justify-content:center}.web-actions{order:2}.hero-section{padding:60px 0}.hero-title{font-size:2.5rem!important}.hero-actions{flex-direction:column;align-items:center}.hero-actions .ant-btn{width:100%;max-width:280px}.features-section{padding:60px 0}.features-section h2{font-size:2rem}.feature-card{margin-bottom:24px}.stats-section{padding:60px 24px}.homepage-container{padding:0 16px}.medical-docs-section,.upload-area{padding:40px 20px}.footer-content{grid-template-columns:1fr;gap:30px}}@media (max-width: 480px){.homepage-container{padding:0 12px}.web-logo .logo-text{font-size:20px}.logo-icon{width:32px;height:32px;font-size:16px}.web-header{padding:0}.web-header-container{height:60px;padding:0 16px}.hero-section{padding:40px 16px}.hero-title{font-size:2rem!important}.hero-description{font-size:1.1rem!important}.medical-docs-section,.upload-area{padding:30px 16px}.result-header{padding:12px 16px}.result-content{padding:16px}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.animate-fade-in-up{animation:fadeInUp .6s ease-out}.animate-pulse{animation:pulse 2s infinite}.extracted-text::-webkit-scrollbar{width:6px}.extracted-text::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.extracted-text::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.extracted-text::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.qr-code-image{width:200px;height:200px;object-fit:contain;margin:0 auto;display:block}.qr-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;width:200px;height:200px;margin:0 auto}.loading-spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:10px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.qr-error{display:flex;flex-direction:column;align-items:center;justify-content:center;width:200px;height:200px;margin:0 auto;text-align:center;padding:20px;border:2px dashed var(--error-color);border-radius:var(--border-radius);background:#f5222d0d}.error-icon{font-size:40px;margin-bottom:10px}.error-message{color:var(--error-color);font-size:14px;margin-bottom:15px;font-weight:500}.retry-button{background:var(--error-color);color:#fff;border:none;padding:8px 16px;border-radius:var(--border-radius);cursor:pointer;font-size:14px;margin-bottom:10px;transition:background-color .3s}.retry-button:hover{background:#d32029}.error-note{color:var(--text-light);font-size:12px;margin:0}.qr-empty{display:flex;align-items:center;justify-content:center;width:200px;height:200px;margin:0 auto;color:var(--text-light);font-size:14px}.qrcode-section{padding:80px 0;background:linear-gradient(135deg,#f8f9fa,#e9ecef);margin-top:60px}.qrcode-card{background:#fff;border-radius:var(--border-radius-large);box-shadow:var(--shadow-medium);transition:all .3s ease;overflow:hidden;border:none;height:100%}.qrcode-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00000026}.qrcode-card .ant-card-body{padding:32px}.feature-highlight-card{background:#fff;border-radius:var(--border-radius-large);box-shadow:var(--shadow-medium);transition:all .3s ease;border:none;height:100%}.feature-highlight-card:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000001f}.feature-highlight-card .ant-card-body{padding:32px}.qrcode-section .feature-list{list-style:none;padding:0;margin:16px 0}.qrcode-section .feature-list li{display:flex;align-items:center;margin-bottom:12px;font-size:14px;line-height:1.5}.qrcode-section .feature-list li .anticon{color:var(--success-color);margin-right:8px;font-size:14px}@media (max-width: 768px){.qrcode-section{padding:40px 0;margin-top:30px}.qrcode-card .ant-card-body,.feature-highlight-card .ant-card-body{padding:24px}.qrcode-section .ant-col{margin-bottom:24px}}.admin-login-container{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;padding:24px}.admin-login-card{background:#fff;border-radius:16px;box-shadow:0 25px 50px -12px #00000040;padding:48px;width:100%;max-width:440px;border:none}.admin-login-header{text-align:center;margin-bottom:40px}.admin-login-header .ant-typography{margin-bottom:8px}.admin-login-header h2{font-size:32px;font-weight:700;color:#1f2937;margin:0 0 8px}.admin-login-header .ant-typography{color:#6b7280;font-size:16px;margin:0}.admin-login-card .ant-form-item{margin-bottom:24px}.admin-login-card .ant-input{height:48px;border-radius:8px;border:1px #eee solid;background:transparent;font-size:16px;line-height:1.5;padding:0 11px;box-shadow:none;outline:none;transition:border-color .3s ease}.admin-login-card .ant-input:focus{border-color:#667eea;box-shadow:0 0 0 2px #667eea33}.admin-login-card .ant-input-password{height:48px;border-radius:8px;border:1px #eee solid;background:transparent;padding:0;box-shadow:none;outline:none;transition:border-color .3s ease}.admin-login-card .ant-input-password:focus-within{border-color:#667eea;box-shadow:0 0 0 2px #667eea33}.admin-login-card .ant-input-password .ant-input{height:48px;border:none;background:transparent;padding:0;font-size:16px;box-shadow:none;outline:none}.admin-login-card .ant-input-affix-wrapper{height:48px;border-radius:8px;border:1px #eee solid;background:transparent;padding:0 11px;box-shadow:none;outline:none;transition:border-color .3s ease}.admin-login-card .ant-input-affix-wrapper:focus-within{border-color:#667eea;box-shadow:0 0 0 2px #667eea33}.admin-login-card .ant-input-password .ant-input-suffix{background:transparent;padding-right:0}.admin-login-card .ant-input-prefix{margin-right:8px;color:#9ca3af;background:transparent}.admin-login-card .ant-btn-primary{width:100%;height:48px;border-radius:8px;font-size:16px;font-weight:600;background:linear-gradient(135deg,#667eea,#764ba2);border:none;margin-top:8px;transition:all .3s ease}.admin-login-card .ant-btn-primary:hover{background:linear-gradient(135deg,#5a67d8,#6b46c1);box-shadow:0 8px 25px #667eea4d;transform:translateY(-1px)}.admin-login-card .ant-btn-primary:active{transform:translateY(0)}.admin-login-footer{text-align:center;margin-top:32px;padding-top:24px;border-top:1px solid #e5e7eb}.admin-login-footer .ant-typography{color:#6b7280;font-size:12px}@media (max-width: 768px){.admin-login-card{padding:32px 24px;margin:16px}.admin-login-header h2{font-size:28px}.admin-login-header .ant-typography{font-size:14px}}.ant-layout{min-height:100vh;width:100%}.ant-layout-sider{box-shadow:2px 0 8px #00000026;z-index:1001}.ant-layout-content{width:100%;flex:1}.app-layout .ant-layout-sider{position:fixed!important;left:0;top:0;bottom:0;z-index:1001;height:100vh;overflow:auto}.app-main-layout{transition:margin-left .2s;display:flex;flex-direction:column;height:100vh}.app-main-layout.sidebar-expanded{margin-left:200px}.app-main-layout.sidebar-collapsed{margin-left:80px}.app-layout .ant-layout-header{position:fixed!important;top:0;width:calc(100% - 200px);z-index:1000;transition:width .2s}.app-main-layout.sidebar-collapsed .ant-layout-header{width:calc(100% - 80px)}.app-layout .ant-layout-footer{position:fixed!important;bottom:0;width:calc(100% - 200px);z-index:1000;transition:width .2s}.app-main-layout.sidebar-collapsed .ant-layout-footer{width:calc(100% - 80px)}.app-layout .ant-layout-content{margin:0!important;padding:64px 0!important;overflow-y:auto;flex:1}.header-container{padding:0 24px;background:#fff;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 8px #0000000f;border-bottom:1px solid #f0f0f0}.header-left{display:flex;align-items:center}.trigger-button{font-size:18px;width:64px;height:64px;cursor:pointer;transition:color .3s;display:flex;align-items:center;justify-content:center}.trigger-button:hover{color:#1890ff}.header-right{display:flex;align-items:center;gap:16px}.user-info{display:flex;align-items:center;gap:8px;color:#666}.user-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(45deg,#1890ff,#722ed1);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700}.footer-container{text-align:center;padding:16px 0;background:#f5f5f5;border-top:1px solid #e8e8e8;margin-top:24px;color:#666}.footer-links{margin-bottom:8px}.footer-links a{color:#666;text-decoration:none;margin:0 16px;transition:color .3s}.footer-links a:hover{color:#1890ff}.footer-copyright{font-size:12px;color:#999}.sidebar{overflow:auto;height:100vh;position:fixed;left:0;top:0;bottom:0;z-index:1001;scrollbar-width:thin;scrollbar-gutter:stable}.logo-container{height:64px;display:flex;align-items:center;justify-content:center;background:#0003;margin:16px;border-radius:8px}.logo-text{color:#fff;font-size:18px;font-weight:700;margin:0}.ant-menu-dark .ant-menu-item a,.ant-menu-dark .ant-menu-submenu-title a{color:#ffffffa6;text-decoration:none}.ant-menu-dark .ant-menu-item-selected a,.ant-menu-dark .ant-menu-item:hover a{color:#1890ff}.ant-layout-sider-children::-webkit-scrollbar{width:6px}.ant-layout-sider-children::-webkit-scrollbar-track{background:#001529}.ant-layout-sider-children::-webkit-scrollbar-thumb{background:#1890ff;border-radius:3px}.ant-layout-sider-children::-webkit-scrollbar-thumb:hover{background:#40a9ff}.content-area{flex:1;overflow-y:auto;padding:0;margin:0}.content-wrapper{padding:24px;margin:24px 16px;min-height:calc(100vh - 192px);background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000000f}.content-area.admin-layout{flex:1;overflow-y:auto}.content-area.admin-layout .content-wrapper{padding:32px!important;margin:24px!important;min-height:calc(100vh - 192px);border-radius:12px;box-shadow:0 4px 16px #00000014}.data-sync-container{max-width:800px;margin:0 auto;padding:20px;background:#f8fafc;min-height:100vh}.data-sync-header{display:flex;justify-content:space-between;align-items:center;background:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:20px}.data-sync-header h2{color:#2d3748;margin:0;font-size:24px}.data-sync-header .user-info{color:#4a5568;font-size:14px}.connection-status{display:flex;align-items:center;padding:8px 12px;border-radius:20px;font-size:12px;font-weight:500}.status-dot{width:8px;height:8px;border-radius:50%;margin-right:6px}.connection-status.connected{background:#c6f6d5;color:#276749}.connection-status.connected .status-dot{background:#48bb78}.connection-status.connecting{background:#feebc8;color:#c05621}.connection-status.connecting .status-dot{background:#ed8936;animation:pulse-connecting 1.5s infinite}.connection-status.disconnected{background:#fed7d7;color:#c53030}.connection-status.disconnected .status-dot{background:#e53e3e}.connection-status.error{background:#fed7d7;color:#c53030}.connection-status.error .status-dot{background:#e53e3e}.sync-input-section{background:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:20px}.sync-input-section h3{color:#2d3748;margin:0 0 15px;font-size:18px}.input-group{display:flex;flex-direction:column;gap:12px}.data-type-select{padding:10px;border:1px solid #e2e8f0;border-radius:6px;font-size:14px;background:#fff;color:#4a5568}.data-input{padding:12px;border:1px solid #e2e8f0;border-radius:6px;font-size:14px;font-family:inherit;resize:vertical;min-height:80px}.data-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.send-button{align-self:flex-start;background:#667eea;color:#fff;border:none;padding:12px 24px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s}.send-button:hover:not(:disabled){background:#5a67d8}.send-button:disabled{background:#a0aec0;cursor:not-allowed}.sync-history-section{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow:hidden}.history-header{display:flex;justify-content:space-between;align-items:center;padding:20px;background:#f7fafc;border-bottom:1px solid #e2e8f0}.history-header h3{color:#2d3748;margin:0;font-size:18px}.clear-button{background:#e53e3e;color:#fff;border:none;padding:8px 16px;border-radius:4px;font-size:12px;cursor:pointer;transition:background-color .2s}.clear-button:hover{background:#c53030}.history-list{max-height:400px;overflow-y:auto}.empty-history{padding:40px;text-align:center;color:#a0aec0}.history-item{padding:15px 20px;border-bottom:1px solid #e2e8f0;transition:background-color .2s}.history-item:hover{background:#f7fafc}.history-item.web{border-left:4px solid #667eea}.history-item.miniprogram{border-left:4px solid #48bb78}.history-item .history-header{display:flex;align-items:center;gap:10px;padding:0;background:transparent;border:none;margin-bottom:8px}.data-type-tag{background:#e2e8f0;color:#4a5568;padding:4px 8px;border-radius:12px;font-size:12px;font-weight:500}.source-tag{padding:4px 8px;border-radius:12px;font-size:12px;font-weight:500}.history-item.web .source-tag{background:#e6fffa;color:#285e61}.history-item.miniprogram .source-tag{background:#f0fff4;color:#276749}.timestamp{color:#a0aec0;font-size:12px;margin-left:auto}.history-content{color:#4a5568;font-size:14px;line-height:1.5;word-break:break-word;background:#f7fafc;padding:10px;border-radius:4px}@keyframes pulse-connecting{0%,to{opacity:1}50%{opacity:.5}}@media (max-width: 992px){.app-layout .ant-layout-sider{position:fixed!important;left:0;top:0;bottom:0;z-index:1001}.app-layout{margin-left:0!important}.app-layout .ant-layout-content{margin-left:0}}@media (max-width: 768px){.app-main-layout.sidebar-expanded,.app-main-layout.sidebar-collapsed{margin-left:0!important}.app-layout .ant-layout-header,.app-layout .ant-layout-footer{width:100%!important;left:0}.app-layout .ant-layout-sider{transform:translate(-100%);transition:transform .3s ease}.app-layout .ant-layout-sider:not(.ant-layout-sider-collapsed){transform:translate(0)}.header-container{padding:0 16px}.user-info span{display:none}.footer-links a{margin:0 8px;font-size:12px}.content-wrapper{margin:16px 12px;padding:20px}}@media (max-width: 576px){.ant-layout-header{padding:0 16px}.ant-layout-content{margin:16px 8px 0}.content-wrapper{margin:12px 8px;padding:16px}}@media (max-width: 768px){.app-main-layout.sidebar-expanded,.app-main-layout.sidebar-collapsed{margin-left:0!important}.app-layout .ant-layout-header,.app-layout .ant-layout-footer{width:100%!important;left:0}.app-layout .ant-layout-sider{transform:translate(-100%);transition:transform .3s ease}.app-layout .ant-layout-sider:not(.ant-layout-sider-collapsed){transform:translate(0)}}@media (max-width: 576px){.ant-layout-header{padding:0 16px}.ant-layout-content{margin:16px 8px 0}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.app{width:100%;min-height:100vh;margin:0;padding:0}.app-content{min-height:100vh;background:#f8fafc}.app-header{background:#fff;box-shadow:0 2px 4px #0000001a;padding:0 20px;display:flex;justify-content:space-between;align-items:center;height:60px;position:sticky;top:0;z-index:100}.app-header h1{color:#2d3748;font-size:24px;font-weight:600;margin:0}.logout-button{background:#e53e3e;color:#fff;border:none;padding:8px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s}.logout-button:hover{background:#c53030}@media (max-width: 768px){.app-header{padding:0 15px;height:50px}.app-header h1{font-size:20px}.logout-button{padding:6px 12px;font-size:12px}}