body,html{height:100%;width:100%}input::-ms-clear,input::-ms-reveal{display:none}*,:after,:before{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:rgba(0,0,0,0);font-family:sans-serif;line-height:1.15}[tabindex="-1"]:focus{outline:none}hr{box-sizing:initial;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{font-weight:500;margin-bottom:.5em;margin-top:0}p{margin-bottom:1em;margin-top:0}abbr[data-original-title],abbr[title]{border-bottom:0;cursor:help;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}address{font-style:normal;line-height:inherit;margin-bottom:1em}input[type=number],input[type=password],input[type=text],textarea{-webkit-appearance:none}dl,ol,ul{margin-bottom:1em;margin-top:0}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dt{font-weight:500}dd{margin-bottom:.5em;margin-left:0}blockquote{margin:0 0 1em}dfn{font-style:italic}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}code,kbd,pre,samp{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace;font-size:1em}pre{margin-bottom:1em;margin-top:0;overflow:auto}figure{margin:0 0 1em}img{border-style:none;vertical-align:middle}[role=button],a,area,button,input:not([type=range]),label,select,summary,textarea{touch-action:manipulation}table{border-collapse:collapse}caption{caption-side:bottom;padding-bottom:.3em;padding-top:.75em;text-align:left}button,input,optgroup,select,textarea{color:inherit;font-family:inherit;font-size:inherit;line-height:inherit;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=date],input[type=datetime-local],input[type=month],input[type=time]{-webkit-appearance:listbox}textarea{overflow:auto;resize:vertical}fieldset{border:0;margin:0;min-width:0;padding:0}legend{color:inherit;display:block;font-size:1.5em;line-height:inherit;margin-bottom:.5em;max-width:100%;padding:0;white-space:normal;width:100%}progress{vertical-align:initial}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:none;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}output{display:inline-block}summary{display:list-item}template{display:none}[hidden]{display:none!important}mark{background-color:#feffe6;padding:.2em}:root{--primary-color:#2563eb;--primary-hover:#1d4ed8;--secondary-color:#3b82f6;--accent-color:#0ea5e9;--success-color:#059669;--warning-color:#d97706;--error-color:#dc2626;--text-primary:#111827;--text-secondary:#374151;--text-muted:#6b7280;--bg-primary:#fff;--bg-secondary:#fff;--bg-accent:#f8fafc;--bg-light:#f1f5f9;--border-color:#e2e8f0;--border-light:#f1f5f9;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px}*{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff;background-color:var(--bg-secondary);color:#111827;color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:20px;line-height:1.7;margin:0}code{background:#f8fafc;background:var(--bg-accent);border-radius:6px;border-radius:var(--radius-sm);font-family:JetBrains Mono,Fira Code,monospace;font-size:.875em;padding:2px 6px}.container{margin:0 auto;max-width:2000px;padding:0 24px;padding:0 var(--spacing-lg)}.page-header{background:#fff;background:var(--bg-primary);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color);margin-bottom:32px;margin-bottom:var(--spacing-xl)}.content-wrapper,.page-header{padding:32px 0;padding:var(--spacing-xl) 0}.content-wrapper{min-height:calc(100vh - 80px)}.modern-card{background:#fff;background:var(--bg-primary);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);transition:all .2s ease}.modern-card:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md);transform:translateY(-1px)}.modern-btn-primary{background:linear-gradient(135deg,#2563eb,#3b82f6);background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border:none;border-radius:8px;border-radius:var(--radius-md);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);color:#fff;cursor:pointer;font-weight:500;padding:12px 24px;transition:all .2s ease}.modern-btn-primary:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md);filter:brightness(1.05);transform:translateY(-1px)}.gradient-bg{background:linear-gradient(135deg,#667eea,#764ba2)}.gradient-bg-alt{background:linear-gradient(135deg,#2563eb,#3b82f6 50%,#0ea5e9);background:linear-gradient(135deg,var(--primary-color) 0,var(--secondary-color) 50%,var(--accent-color) 100%)}.text-gradient{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#2563eb,#3b82f6);background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;background-clip:text;font-weight:700}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in-up{animation:fadeInUp .6s ease-out}.ant-card{border:1px solid #e2e8f0!important;border:1px solid var(--border-color)!important;border-radius:12px!important;border-radius:var(--radius-lg)!important;box-shadow:0 1px 2px 0 #0000000d!important;box-shadow:var(--shadow-sm)!important}.ant-btn-primary{background:#2563eb!important;background:var(--primary-color)!important;border-color:#2563eb!important;border-color:var(--primary-color)!important;border-radius:8px!important;border-radius:var(--radius-md)!important;font-weight:500!important}.ant-btn-primary:hover{background:#1d4ed8!important;background:var(--primary-hover)!important;border-color:#1d4ed8!important;border-color:var(--primary-hover)!important}.header{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border-bottom:1px solid var(--border-color);box-shadow:var(--shadow-sm);padding:0;position:fixed;top:0;width:100%;z-index:1000}.header-content{align-items:center;display:flex;height:70px;justify-content:space-between;margin:0 auto;max-width:2000px;padding:0 var(--spacing-lg)}.logo{margin-right:48px}.logo a{display:block;text-decoration:none}.logo img,.logo-image{display:block;height:50px;width:auto}.logo-image-gateway{height:58px}.header-menu{background:#0000;border-bottom:none;flex:1 1}.header-menu .ant-menu-item{border-radius:var(--radius-md);color:var(--text-primary);font-weight:500;margin:0 4px;transition:all .2s ease}.header-menu .ant-menu-item:hover{background:var(--bg-accent);color:var(--primary-color)}.header-menu .ant-menu-item-selected{background:var(--primary-color);color:#fff}.header-actions{gap:var(--spacing-md)}.header-actions,.user-button{align-items:center;display:flex}.user-button{background:var(--bg-accent);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);gap:var(--spacing-sm);min-width:180px;padding:var(--spacing-sm) var(--spacing-md);transition:all .2s ease}.user-button:hover{background:var(--bg-primary);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.user-info{align-items:center;display:flex;flex:1 1;flex-direction:row;gap:8px;min-width:120px}.username{color:var(--text-primary);font-size:14px;font-weight:500}.role-tag{font-size:11px;line-height:1.2;margin:0}.auth-buttons{display:flex;gap:var(--spacing-sm)}.auth-buttons .ant-btn{border-radius:var(--radius-md);font-weight:500;height:40px;padding:0 20px;transition:all .2s ease}.auth-buttons .ant-btn[type=text]{background:var(--bg-primary);border:1px solid var(--border-color);color:var(--text-secondary)}.auth-buttons .ant-btn[type=text]:hover{border-color:var(--primary-color);box-shadow:var(--shadow-sm);color:var(--primary-color);transform:translateY(-1px)}.auth-buttons .ant-btn-primary{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border:none;box-shadow:var(--shadow-sm)}.auth-buttons .ant-btn-primary:hover{box-shadow:var(--shadow-md);filter:brightness(1.05);transform:translateY(-1px)}@media (max-width:768px){.header-content{height:60px;padding:0 var(--spacing-md)}.logo{margin-right:var(--spacing-lg)}.logo img{height:40px}.header-menu,.username{display:none}.auth-buttons{gap:var(--spacing-xs)}.auth-buttons .ant-btn{font-size:13px;height:36px;padding:0 16px}}.footer{background:var(--text-primary);color:#fff;margin-top:auto;padding:48px 0;position:relative}.footer:before{background:linear-gradient(90deg,#0000,var(--primary-color),var(--secondary-color),#0000);content:"";height:1px;left:0;position:absolute;right:0;top:0}.footer-content{margin:0 auto;max-width:2000px;padding:0 var(--spacing-lg)}.footer-logo{align-items:center;display:flex;height:100%;justify-content:flex-start;padding-left:40px}.footer-logo img{height:auto;max-height:160px;max-width:100%;object-fit:contain;width:auto}.footer-right{display:flex;flex-direction:column;gap:24px;height:100%;justify-content:center}.footer-links{align-items:center;display:flex;flex-wrap:wrap;gap:32px}.footer-links a{color:#ffffffd9;font-size:1em;font-weight:500;padding-bottom:4px;position:relative;text-decoration:none;transition:all .3s ease}.footer-links a:hover{color:#fff}.footer-links a:after{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));bottom:0;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.footer-links a:hover:after{width:100%}.footer-copyright{padding-top:8px}.footer-copyright p{color:#ffffffa6;font-size:.9em;line-height:1.6;margin:0}@media (max-width:768px){.footer{padding:32px 0}.footer-logo{justify-content:center;margin-bottom:24px}.footer-logo img{max-height:80px;max-width:200px}.footer-right{align-items:center;gap:20px;text-align:center}.footer-links{align-items:center;flex-direction:column;gap:16px;justify-content:center}.footer-links a{font-size:1em}.footer-copyright p{font-size:.9em}}.app-layout{min-height:100vh}.app-content{background:#fff;padding:0}@media (max-width:768px){.app-content{padding:0 16px}}