@charset "UTF-8";.btn-modern{border:none;border-radius:var(--radius-md);font-weight:var(--font-semibold);transition:all var(--duration-normal) var(--ease-smooth);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);font-size:var(--text-base);min-height:var(--button-height)}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-button)}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-button-hover);background:linear-gradient(135deg,#2563eb,#1d4ed8)}.btn-primary:active{transform:translateY(-1px) scale(.98)}.btn-secondary{background:var(--glass-input);border:1px solid var(--glass-input-border);color:var(--primary-700);font-weight:var(--font-medium);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.btn-secondary:hover{transform:translateY(-1px);border-color:#3b82f666;background:#fffffff2;box-shadow:var(--shadow-md)}.form-input-modern{background:var(--glass-input);border:1px solid var(--glass-input-border);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);font-size:var(--text-base);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-shadow:var(--shadow-sm),inset 0 1px #fff9;transition:all var(--duration-normal) var(--ease-smooth);min-height:var(--input-height)}.form-input-modern:focus{outline:none;border-color:#3b82f666;box-shadow:0 0 0 3px #3b82f61a,0 4px 12px -2px #3b82f633;background:#fffffff2}.card-modern{background:var(--glass-light);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-light-border);border-radius:var(--radius-lg);padding:var(--card-padding);box-shadow:var(--shadow-md);transition:all var(--duration-normal) var(--ease-smooth)}.card-modern:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.card-header-modern{background:var(--gradient-dark);border-radius:var(--radius-lg) var(--radius-lg) 0 0;padding:var(--space-5) var(--space-6);margin:calc(-1 * var(--card-padding)) calc(-1 * var(--card-padding)) var(--space-6) calc(-1 * var(--card-padding))}.card-header-modern h1,.card-header-modern h2,.card-header-modern h3{color:var(--primary-50);font-weight:var(--font-bold);text-shadow:0 2px 4px rgba(0,0,0,.3);margin:0}.badge-modern{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-medium);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.badge-primary{background:#3b82f61a;color:var(--primary-700);border:1px solid rgba(59,130,246,.2)}.badge-success{background:#10b9811a;color:#065f46;border:1px solid rgba(16,185,129,.2)}.badge-error{background:#ef44441a;color:#991b1b;border:1px solid rgba(239,68,68,.2)}.badge-warning{background:#f59e0b1a;color:#92400e;border:1px solid rgba(245,158,11,.2)}.image-modern{border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:all var(--duration-normal) var(--ease-smooth);border:1px solid var(--glass-light-border)}.image-modern:hover{transform:scale(1.02);box-shadow:var(--shadow-md)}.container-modern{background:var(--gradient-light);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--radius-xl);box-shadow:var(--shadow-glass);padding:var(--container-padding);transition:all var(--duration-slow) var(--ease-smooth)}.modern-page-container{background:var(--gradient-light);min-height:100vh;padding:var(--space-6)}.page-header-modern{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-8);padding:var(--space-6);background:var(--gradient-dark);border-radius:var(--radius-lg)}.page-header-modern h1{color:var(--primary-50);font-weight:var(--font-bold);font-size:var(--text-4xl);text-shadow:0 2px 4px rgba(0,0,0,.3);margin:0}.interactive-element{transition:all var(--duration-normal) var(--ease-smooth);cursor:pointer}.interactive-element:hover{transform:translateY(-2px) scale(1.01);box-shadow:var(--shadow-lg)}.interactive-element:active{transform:translateY(-1px) scale(.98)}.shine-effect{position:relative;overflow:hidden}.shine-effect:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s ease;z-index:1}.shine-effect:hover:before{left:100%}.pulse-highlight{animation:pulse-glow 2s infinite}@keyframes pulse-glow{0%,to{box-shadow:0 0 #3b82f666}50%{box-shadow:0 0 0 8px #3b82f61a}}@keyframes pulse-green{0%{box-shadow:0 0 0 0 var(--success)}70%{box-shadow:0 0 0 8px #10b98100}to{box-shadow:0 0 #10b98100}}@keyframes pulse-border{0%,to{opacity:1}50%{opacity:.7}}@media(max-width:767px){.mobile-stack{flex-direction:column!important;gap:var(--space-3)!important}.mobile-full-width{width:100%!important}.mobile-center{text-align:center!important}.touch-target{min-height:48px;min-width:48px;display:flex;align-items:center;justify-content:center}.page-header-modern{flex-direction:column;gap:var(--space-4);text-align:center}.page-header-modern h1{font-size:var(--text-3xl)}.card-modern{margin:var(--space-2)}}.focus-visible,*:focus-visible{outline:2px solid var(--info);outline-offset:2px;border-radius:var(--radius-sm)}@media(prefers-reduced-motion:reduce){.card-modern,.btn-modern,.interactive-element,.image-modern,.form-input-modern{transition:none!important;animation:none!important}.shine-effect:before{display:none}.pulse-highlight{animation:none}}.btn-loading{opacity:.7;cursor:not-allowed;pointer-events:none}.btn-disabled{opacity:.5;cursor:not-allowed;pointer-events:none;filter:grayscale(.5)}.form-error{border-color:var(--error)!important;box-shadow:0 0 0 3px #ef44441a!important}.form-success{border-color:var(--success)!important;box-shadow:0 0 0 3px #10b9811a!important}.modern-table .ant-table-thead>tr>th{background:var(--gradient-dark)!important;color:var(--primary-50)!important;font-weight:var(--font-semibold)!important;border:none!important;padding:var(--space-4) var(--space-3)!important;font-size:var(--text-sm)!important}.modern-table .ant-table-tbody>tr{transition:all var(--duration-normal) var(--ease-smooth)!important}.modern-table .ant-table-tbody>tr:hover{background:#3b82f60d!important;transform:translateY(-1px);box-shadow:var(--shadow-sm)}.modern-table .ant-table-tbody>tr>td{border:none!important;padding:var(--space-4) var(--space-3)!important;border-bottom:1px solid var(--glass-light-border)!important}.modern-table .table-row-even{background:#fff9!important}.modern-table .table-row-odd{background:#ffffff4d!important}.modern-table .ant-table-container{border-radius:var(--radius-md)!important;overflow:hidden!important}.modern-tabs .ant-tabs-nav{background:var(--gradient-dark)!important;border-radius:var(--radius-lg) var(--radius-lg) 0 0!important;margin-bottom:0!important;padding:0 var(--space-4)!important;border:none!important}.modern-tabs .ant-tabs-tab{color:var(--primary-300)!important;border:none!important;background:transparent!important;margin:var(--space-2) var(--space-1) 0 var(--space-1)!important;padding:var(--space-3) var(--space-4)!important;border-radius:var(--radius-md)!important;transition:all var(--duration-normal) var(--ease-smooth)!important}.modern-tabs .ant-tabs-tab:hover{background:#ffffff1a!important;color:var(--primary-100)!important}.modern-tabs .ant-tabs-tab-active{background:var(--gradient-primary)!important;color:#fff!important;transform:translateY(-2px);box-shadow:var(--shadow-button)!important}.modern-tabs .ant-tabs-tab-active:hover{background:var(--gradient-primary)!important;color:#fff!important}.modern-tabs .ant-tabs-content{background:transparent!important;padding:0!important}.modern-tabs .ant-tabs-content-holder{background:transparent!important}.modern-tabs .ant-tabs-tabpane{padding:var(--space-6)!important}.modern-tabs .ant-tabs-ink-bar{display:none!important}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;background:var(--gradient-light);min-height:100vh}h1{color:#3f2f2f}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}iframe{display:none}.d-flex{display:flex}.d-flex-end{display:flex;justify-content:end}.dg-item{margin-bottom:12px}.mr-12{margin-right:12px}.ml-12{margin-left:12px}.ml-24{margin-left:24px}.align-center{align-items:center}.ck-editor__editable{min-height:190px;color:#000!important}.dg-ckeditor-wrapper .ck-content,.dg-ckeditor-wrapper .ck-editor__editable{color:#000!important}.dg-ckeditor-wrapper .ck-content p,.dg-ckeditor-wrapper .ck-content span,.dg-ckeditor-wrapper .ck-content div,.dg-ckeditor-wrapper .ck-content li,.dg-ckeditor-wrapper .ck-content h1,.dg-ckeditor-wrapper .ck-content h2,.dg-ckeditor-wrapper .ck-content h3,.dg-ckeditor-wrapper .ck-content h4,.dg-ckeditor-wrapper .ck-content h5,.dg-ckeditor-wrapper .ck-content h6,.dg-ckeditor-wrapper .ck-editor__editable p,.dg-ckeditor-wrapper .ck-editor__editable span,.dg-ckeditor-wrapper .ck-editor__editable div,.dg-ckeditor-wrapper .ck-editor__editable li,.dg-ckeditor-wrapper .ck-editor__editable h1,.dg-ckeditor-wrapper .ck-editor__editable h2,.dg-ckeditor-wrapper .ck-editor__editable h3,.dg-ckeditor-wrapper .ck-editor__editable h4,.dg-ckeditor-wrapper .ck-editor__editable h5,.dg-ckeditor-wrapper .ck-editor__editable h6{color:inherit!important}table{background-color:#fff}.warning{color:#dc143c}.aws-btn{background:#228b22;color:#fff}.aws-btn:hover{background:green!important;color:#fff}.violet{color:#8a2be2}@media(max-width:767px){.dg-item{margin-bottom:16px}.dg-item:last-child{margin-bottom:0}.d-flex-center{flex-wrap:wrap;gap:8px}.ant-input,.ant-input-number,.ant-select-selector,.ant-picker-input input{font-size:16px!important}.ant-btn{min-height:44px;padding:8px 16px}.ant-table-wrapper{overflow-x:auto}.ant-table-wrapper .ant-table{min-width:800px}.ant-modal{margin:10px;max-width:calc(100vw - 20px)}.ant-modal .ant-modal-content{border-radius:8px}.ant-modal .ant-modal-body{padding:16px}.ant-select-dropdown .ant-select-item{padding:12px 16px;font-size:16px}.ant-tooltip .ant-tooltip-content .ant-tooltip-inner{font-size:14px;max-width:250px}}.ant-select:not(.ant-select-customize-input) .ant-select-selector{background-color:var(--surface-primary)!important;color:var(--text-primary)!important;border-color:var(--border-color)!important}.markdown-content h1,.markdown-content h2,.markdown-content h3,.markdown-content h4,.markdown-content h5,.markdown-content h6{margin-top:24px;margin-bottom:16px;font-weight:600;line-height:1.25;color:var(--text-primary)}.markdown-content h1{font-size:2em;border-bottom:1px solid var(--border-color);padding-bottom:.3em}.markdown-content h2{font-size:1.5em;border-bottom:1px solid var(--border-color);padding-bottom:.3em}.markdown-content h3{font-size:1.25em}.markdown-content h4{font-size:1em}.markdown-content p{margin-top:0;margin-bottom:16px;line-height:1.75;color:var(--text-primary)}.markdown-content ul,.markdown-content ol{margin-top:0;margin-bottom:16px;padding-left:2em;color:var(--text-primary)}.markdown-content li{margin-bottom:8px;line-height:1.6}.markdown-content li>p{margin-bottom:8px}.markdown-content code{background-color:var(--surface-tertiary);color:var(--text-primary);padding:2px 6px;border-radius:3px;font-size:.9em;font-family:Courier New,monospace}.markdown-content pre{background-color:var(--surface-secondary);border:1px solid var(--border-color);border-radius:6px;padding:16px;overflow-x:auto;margin-bottom:16px}.markdown-content pre code{background-color:transparent;padding:0}.markdown-content blockquote{border-left:4px solid var(--border-color);padding-left:16px;margin-left:0;margin-bottom:16px;color:var(--text-secondary);font-style:italic}.markdown-content strong{font-weight:600;color:var(--text-primary)}.markdown-content em{font-style:italic}.markdown-content hr{border:none;border-top:1px solid var(--border-color);margin:24px 0}.markdown-content a{color:var(--info);text-decoration:none}.markdown-content a:hover{text-decoration:underline}.markdown-content table{border-collapse:collapse;width:100%;margin-bottom:16px;background-color:transparent}.markdown-content table th,.markdown-content table td{border:1px solid var(--border-color);padding:8px 12px;text-align:left;color:var(--text-primary)}.markdown-content table th{background-color:var(--surface-secondary);font-weight:600}.markdown-content table tr:nth-child(2n){background-color:var(--surface-secondary)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;width:100%;height:100%;overflow-x:hidden}#root{width:100%;height:100%;overflow:hidden}#root.login-mode{height:auto;min-height:100vh;overflow:auto;overflow-x:hidden}body:has(#root.login-mode){height:auto;overflow:auto;overflow-x:hidden}.app{display:flex;width:100vw;height:100vh;overflow:hidden}.app .sidebar-toggle-collapse{position:absolute;top:12px;right:0;background:#ffffff0d;border:none;border-radius:8px 0 0 8px;color:#94a3b8cc;cursor:pointer;padding:4px 2px;transition:all .2s;z-index:100;display:flex;align-items:center;justify-content:center}.app .sidebar-toggle-collapse:hover{color:#fff;background:#ffffff26;padding-right:6px}.app .sidebar-toggle-expand{position:fixed;top:12px;left:0;background:#1e293bf2;border:1px solid rgba(148,163,184,.2);border-left:none;color:#94a3b8;cursor:pointer;padding:6px 4px 6px 2px;border-radius:0 8px 8px 0;transition:all .2s;z-index:1100;display:flex;align-items:center;justify-content:center;box-shadow:2px 2px 6px -1px #0000001a}.app .sidebar-toggle-expand:hover{color:#fff;background:#1e293b;padding-left:6px}.app.sidebar-collapsed .left{transform:translate(-100%)}.app.sidebar-collapsed .right{margin-left:0;width:100vw;max-width:100vw}.app .left{overflow-y:auto;overflow-x:hidden;padding:20px 16px 0;width:200px;height:100vh;position:fixed;left:0;top:0;background:linear-gradient(145deg,#0f172af2,#1e293bf2,#334155f2);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-right:1px solid rgba(148,163,184,.1);box-shadow:0 25px 50px -12px #00000040,0 0 0 1px #ffffff0d;transition:all .4s cubic-bezier(.4,0,.2,1);z-index:1000;scrollbar-width:thin;scrollbar-color:rgba(148,163,184,.3) transparent}.app .left::-webkit-scrollbar{width:6px}.app .left::-webkit-scrollbar-track{background:transparent}.app .left::-webkit-scrollbar-thumb{background:#94a3b84d;border-radius:3px}.app .left::-webkit-scrollbar-thumb:hover{background:#94a3b880}@media(max-width:767px){.app .left{transform:translate(-100%);width:280px}}@media(max-width:767px){.app .left.mobile-menu-open{transform:translate(0);z-index:1010}}.app .left a{color:#cbd5e1;text-decoration:none;font-weight:500;font-size:14px;letter-spacing:.025em;transition:all .3s cubic-bezier(.4,0,.2,1)}.app .left a:hover{color:#fff;cursor:pointer;transform:translate(2px)}.app .left .my-logo{margin-bottom:24px;position:relative}.app .left .my-logo .deploy-info-sidebar{width:100%;padding:8px 10px;background:#0f172a99;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:8px;border:2px solid rgba(148,163,184,.15);transition:all .3s ease;cursor:help}.app .left .my-logo .deploy-info-sidebar:hover{background:#0f172acc}.app .left .my-logo .deploy-info-sidebar .deploy-version-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:3px;gap:8px}.app .left .my-logo .deploy-info-sidebar .deploy-version-row:last-child{margin-bottom:0}.app .left .my-logo .deploy-info-sidebar .deploy-version-row .deploy-label{font-size:9px;color:#94a3b8;font-weight:600;text-transform:uppercase;letter-spacing:.5px;flex-shrink:0}.app .left .my-logo .deploy-info-sidebar .deploy-version-row .deploy-build{font-size:11px;color:#60a5fa;font-weight:700;font-family:Monaco,Menlo,Ubuntu Mono,monospace;text-shadow:0 0 8px rgba(96,165,250,.3);letter-spacing:1px}.app .left .my-logo .deploy-info-sidebar .deploy-version-row .deploy-tag{font-size:10px;color:#a78bfa;font-weight:600;font-family:Monaco,Menlo,Ubuntu Mono,monospace;text-shadow:0 0 6px rgba(167,139,250,.2)}.app .left .my-logo .deploy-info-sidebar .deploy-version-row .deploy-commit{font-size:9px;color:#64748b;font-family:Monaco,Menlo,Ubuntu Mono,monospace;opacity:.9}.app .right{margin-left:200px;overflow-x:hidden;overflow-y:auto;flex:1 1;width:calc(100vw - 200px);height:100vh;max-width:calc(100vw - 200px);background:linear-gradient(135deg,#f8fafc,#e2e8f0,#cbd5e1);box-sizing:border-box;transition:all .4s cubic-bezier(.4,0,.2,1)}@media(max-width:767px){.app .right{margin-left:0;width:100vw;max-width:100vw}}.app .right *{box-sizing:border-box}.app .right a{color:#2176ae;text-decoration:underline}.myspace>*{margin-bottom:20px}.mobile-overlay{position:fixed;inset:0;background:#00000080;z-index:999}.d-flex-center{display:flex;align-items:center;padding:4px;margin:4px 0;border-radius:10px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;background:#ffffff08;border:1px solid rgba(255,255,255,.05)}.d-flex-center:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s ease}.d-flex-center:hover{background:#ffffff14;border-color:#ffffff1a;transform:translate(4px);box-shadow:0 10px 25px -5px #0000001a,0 0 20px #6366f11a}.d-flex-center:hover:before{left:100%}.d-flex-center:hover a{color:#fff}.d-flex-center:hover svg{transform:scale(1.1);filter:drop-shadow(0 0 8px rgba(99,102,241,.3))}.d-flex-center:active{transform:translate(2px) scale(.98)}.d-flex-center svg{transition:all .3s cubic-bezier(.4,0,.2,1);filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.d-flex-center a{margin:0;flex:1;font-weight:500;font-size:13px;letter-spacing:.025em}.d-flex-center.active{background:linear-gradient(135deg,#3b82f6,#2563eb);border-color:#3b82f680;box-shadow:0 4px 12px #3b82f64d,inset 0 1px #fff3}.d-flex-center.active a{color:#fff!important;font-weight:600}.d-flex-center.active svg{color:#fff!important;filter:drop-shadow(0 0 4px rgba(255,255,255,.3))}.d-flex-center.active:hover{transform:translate(2px);box-shadow:0 6px 16px #3b82f666,inset 0 1px #fff3}.d-flex-center.active:before{display:none}.left nav>div:last-child{padding-top:24px}.left nav>div:last-child .d-flex-center{padding:8px 12px;margin:3px 0}.left nav>div:last-child .d-flex-center:hover{background:#3b82f61a;border-color:#3b82f633}.left nav>div:last-child .d-flex-center img{transition:all .3s cubic-bezier(.4,0,.2,1);border-radius:4px}.left nav>div:last-child .d-flex-center:hover img{transform:scale(1.1);box-shadow:0 4px 12px #00000026}.ant-divider{border-color:#94a3b833!important;margin:20px 0!important}.menu-section{flex:1;padding-bottom:24px}.external-links-section{margin-top:auto;padding-top:24px;padding-bottom:24px}.external-links-section .d-flex-center{padding:8px 12px;margin:3px 0;font-size:13px}.external-links-section .d-flex-center:hover{background:#3b82f61a;border-color:#3b82f633;transform:translate(2px)}.external-links-section .d-flex-center:hover img{transform:scale(1.1);box-shadow:0 4px 12px #00000026}.external-links-section .d-flex-center img{transition:all .3s cubic-bezier(.4,0,.2,1);border-radius:4px}.logout-button{background:#ef44441a!important;border-color:#ef444433!important}.logout-button:hover{background:#ef444433!important;border-color:#ef44444d!important;transform:translate(2px)!important;box-shadow:0 10px 25px -5px #ef44441a,0 0 20px #ef44441a!important}.logout-button:hover svg{transform:scale(1.1);filter:drop-shadow(0 0 8px rgba(239,68,68,.3))!important}.tools-menu-trigger{-webkit-user-select:none;user-select:none}.tools-menu-trigger:hover{background:#ffffff1a!important}.tools-submenu{margin-top:4px;padding-left:12px;animation:slideDown .3s cubic-bezier(.4,0,.2,1)}.tools-submenu .submenu-item{padding:8px 12px;margin:2px 0;font-size:12px;background:#ffffff05;border-left:2px solid rgba(99,102,241,.3)}.tools-submenu .submenu-item:hover{background:#3b82f626!important;border-left-color:#6366f199;transform:translate(4px)}.tools-submenu .submenu-item a{font-size:12px;font-weight:400}@keyframes slideDown{0%{opacity:0;max-height:0;transform:translateY(-10px)}to{opacity:1;max-height:500px;transform:translateY(0)}}@media(min-width:768px){.mobile-menu-button,.mobile-overlay{display:none!important}}.ant-input-affix-wrapper{padding:4px 12px!important}.ant-input-affix-wrapper .ant-input{padding-left:8px!important;padding-right:8px!important}.ant-input-affix-wrapper .ant-input-prefix{margin-inline-end:8px!important}.ant-input-affix-wrapper .ant-input-suffix{margin-inline-start:8px!important}.ant-input-affix-wrapper.ant-input-search .ant-input-search-button{margin-left:8px!important}.ant-input-affix-wrapper>input.ant-input{padding:0 8px!important}.mobile-menu-button{position:fixed;top:16px;left:16px;z-index:1001;background-color:#002;color:#fff;border:none;border-radius:6px;padding:8px;box-shadow:0 4px 6px #0000001a;transition:all .3s ease;cursor:pointer;display:block}.mobile-menu-button:hover{background-color:#002c}@media(min-width:768px){.mobile-menu-button{display:none!important}}.mobile-menu-button .hamburger-icon{width:24px;height:24px;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative}.mobile-menu-button .hamburger-icon .line{width:24px;height:2px;background-color:#fff;transition:all .3s ease;transform-origin:center}.mobile-menu-button .hamburger-icon .line.line-1{transform:translateY(-6px)}.mobile-menu-button .hamburger-icon .line.line-2{margin:4px 0}.mobile-menu-button .hamburger-icon .line.line-3{transform:translateY(6px)}.mobile-menu-button.open .hamburger-icon .line-1{transform:rotate(45deg) translateY(0)}.mobile-menu-button.open .hamburger-icon .line-2{opacity:0}.mobile-menu-button.open .hamburger-icon .line-3{transform:rotate(-45deg) translateY(0)}:root{--primary-50: #f8fafc;--primary-100: #f1f5f9;--primary-200: #e2e8f0;--primary-300: #cbd5e1;--primary-400: #94a3b8;--primary-500: #64748b;--primary-600: #475569;--primary-700: #334155;--primary-800: #1e293b;--primary-900: #0f172a;--gradient-primary: linear-gradient(135deg, #3b82f6, #2563eb);--gradient-dark: linear-gradient(145deg, rgba(15, 23, 42, .95) 0%, rgba(30, 41, 59, .95) 50%, rgba(51, 65, 85, .95) 100%);--gradient-light: linear-gradient(135deg, rgba(248, 250, 252, .9) 0%, rgba(241, 245, 249, .8) 50%, rgba(226, 232, 240, .9) 100%);--dev-primary: linear-gradient(145deg, rgba(76, 29, 149, .95) 0%, rgba(109, 40, 217, .95) 50%, rgba(142, 99, 250, .95) 100%);--success: #10b981;--success-light: #6ee7b7;--warning: #f59e0b;--error: #ef4444;--info: #3b82f6;--gradient-success: linear-gradient(135deg, #10b981, #059669);--gradient-warning: linear-gradient(135deg, #f59e0b, #d97706);--gradient-error: linear-gradient(135deg, #ef4444, #dc2626);--shadow-sm: 0 4px 6px -1px rgba(0, 0, 0, .05);--shadow-md: 0 10px 25px -5px rgba(0, 0, 0, .08);--shadow-lg: 0 20px 35px -5px rgba(0, 0, 0, .12);--shadow-xl: 0 25px 50px -12px rgba(0, 0, 0, .15);--shadow-2xl: 0 35px 60px -12px rgba(0, 0, 0, .2);--shadow-glass: 0 25px 50px -12px rgba(0, 0, 0, .15), 0 0 0 1px rgba(255, 255, 255, .1), inset 0 1px 0 rgba(255, 255, 255, .2);--shadow-button: 0 4px 12px rgba(59, 130, 246, .3);--shadow-button-hover: 0 6px 16px rgba(59, 130, 246, .4);--glass-light: rgba(255, 255, 255, .8);--glass-light-border: rgba(148, 163, 184, .1);--glass-dark: rgba(15, 23, 42, .95);--glass-dark-border: rgba(255, 255, 255, .05);--glass-input: rgba(255, 255, 255, .9);--glass-input-border: rgba(148, 163, 184, .2);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--space-20: 80px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-full: 50%;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--text-xs: 12px;--text-sm: 13px;--text-base: 14px;--text-lg: 15px;--text-xl: 16px;--text-2xl: 18px;--text-3xl: 20px;--text-4xl: 24px;--leading-normal: 1.5;--leading-tight: 1.25;--leading-relaxed: 1.75;--ease-smooth: cubic-bezier(.4, 0, .2, 1);--ease-bounce: cubic-bezier(.68, -.55, .265, 1.55);--ease-back: cubic-bezier(.175, .885, .32, 1.275);--duration-fast: .2s;--duration-normal: .3s;--duration-slow: .4s;--mobile: 320px;--tablet: 768px;--desktop: 1024px;--large: 1440px;--text-primary: var(--primary-900);--text-secondary: var(--primary-600);--text-muted: var(--primary-400);--border-color: rgba(148, 163, 184, .2);--surface-primary: #ffffff;--surface-secondary: var(--primary-50);--surface-tertiary: var(--primary-100)}@media(max-width:767px){:root{--container-padding: var(--space-4);--card-padding: var(--space-4);--button-height: 48px;--input-height: 48px}}@media(min-width:768px){:root{--container-padding: var(--space-6);--card-padding: var(--space-6);--button-height: 44px;--input-height: 44px}}@media(prefers-contrast:high){:root{--shadow-sm: 0 0 0 1px #000;--shadow-md: 0 0 0 2px #000;--shadow-lg: 0 0 0 2px #000}}@media(prefers-reduced-motion:reduce){:root{--duration-fast: 0s;--duration-normal: 0s;--duration-slow: 0s}}.login-pre-container{display:flex;min-height:100vh;background:var(--gradient-dark);flex-direction:column}@media(min-width:1024px){.login-pre-container{flex-direction:row}}@media(max-width:1023px){.login-pre-container{min-height:auto;overflow-y:auto}}.hero-section{flex:1;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#0f172afa,#1e293bf2,#334155fa);background-image:radial-gradient(circle at 1px 1px,rgba(255,255,255,.1) 1px,transparent 0);background-size:20px 20px;min-height:100vh}@media(min-width:1024px){.hero-section{min-height:auto;flex:0 0 55%}}.hero-section{padding:var(--space-6)}@media(min-width:768px){.hero-section{padding:var(--space-8)}}@media(min-width:1024px){.hero-section{padding:var(--space-12)}}.hero-content{max-width:580px;width:100%;color:#fff;animation:heroFadeIn .8s var(--ease-smooth)}@keyframes heroFadeIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.branding{margin-bottom:var(--space-12)}@media(max-width:767px){.branding{margin-bottom:var(--space-8);text-align:center}}.company-logo{display:flex;align-items:center;gap:var(--space-4)}@media(max-width:767px){.company-logo{justify-content:center}}.logo-icon{font-size:48px;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3))}@media(min-width:768px){.logo-icon{font-size:56px}}.company-info{flex:1}.company-name{font-size:var(--text-4xl);font-weight:var(--font-bold);margin:0;background:linear-gradient(135deg,#fff,#e2e8f0);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 2px 4px rgba(0,0,0,.3)}@media(min-width:768px){.company-name{font-size:32px}}.company-tagline{color:var(--primary-300);font-size:var(--text-lg);font-weight:var(--font-medium);margin:var(--space-1) 0 0 0}@media(min-width:768px){.company-tagline{font-size:var(--text-xl)}}.hero-headline{margin-bottom:var(--space-10)}@media(max-width:767px){.hero-headline{text-align:center;margin-bottom:var(--space-8)}}.hero-headline h2{font-size:32px;font-weight:var(--font-bold);line-height:1.2;margin:0 0 var(--space-4) 0;color:#fff}@media(min-width:768px){.hero-headline h2{font-size:40px}}@media(min-width:1024px){.hero-headline h2{font-size:48px}}.hero-headline h3{font-size:var(--text-xl);font-weight:var(--font-medium);color:var(--primary-200);margin:0;line-height:1.4}@media(min-width:768px){.hero-headline h3{font-size:var(--text-2xl)}}@media(min-width:1024px){.hero-headline h3{font-size:22px}}.service-description{margin-bottom:var(--space-12)}@media(max-width:767px){.service-description{margin-bottom:var(--space-8);text-align:center}}.service-description p{font-size:var(--text-lg);line-height:var(--leading-relaxed);color:var(--primary-100);margin:0}@media(min-width:1024px){.service-description p{font-size:var(--text-xl)}}.features-grid{display:grid;grid-template-columns:1fr;gap:var(--space-6);margin-bottom:var(--space-12)}@media(min-width:768px){.features-grid{grid-template-columns:1fr 1fr;gap:var(--space-8)}}@media(max-width:767px){.features-grid{margin-bottom:var(--space-8)}}.feature-item{display:flex;align-items:flex-start;gap:var(--space-4);padding:var(--space-5);background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);transition:all var(--duration-normal) var(--ease-smooth)}.feature-item:hover{background:#ffffff14;transform:translateY(-2px);box-shadow:0 8px 25px #0003}@media(max-width:767px){.feature-item{flex-direction:column;text-align:center;align-items:center}}.feature-icon{font-size:28px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));flex-shrink:0}.feature-text{flex:1}.feature-text h4{font-size:var(--text-lg);font-weight:var(--font-semibold);color:#fff;margin:0 0 var(--space-2) 0}.feature-text p{font-size:var(--text-base);color:var(--primary-300);margin:0;line-height:var(--leading-normal)}.trust-elements{display:flex;flex-wrap:wrap;gap:var(--space-4);margin-bottom:var(--space-12)}@media(max-width:767px){.trust-elements{justify-content:center;margin-bottom:var(--space-8)}}.trust-badge{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:linear-gradient(135deg,#3b82f633,#2563eb4d);border:1px solid rgba(59,130,246,.3);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--primary-100);transition:all var(--duration-normal) var(--ease-smooth)}.trust-badge:hover{background:linear-gradient(135deg,#3b82f64d,#2563eb66);transform:translateY(-1px)}.badge-icon{color:#60a5fa;font-weight:var(--font-bold)}@media(max-width:767px){.contact-info{text-align:center}}.contact-info p{font-size:var(--text-base);color:var(--primary-300);margin:0 0 var(--space-2) 0}.contact-email{display:inline-flex;align-items:center;font-size:var(--text-lg);font-weight:var(--font-semibold);color:#60a5fa;text-decoration:none;padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);transition:all var(--duration-normal) var(--ease-smooth)}.contact-email:hover{background:#60a5fa1a;color:#93c5fd;transform:translateY(-1px)}.contact-email:focus{outline:2px solid rgba(96,165,250,.5);outline-offset:2px}.login-section{flex:1;display:flex;align-items:center;justify-content:center;background:var(--gradient-light);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);min-height:100vh}@media(min-width:1024px){.login-section{min-height:auto;flex:0 0 45%}}.login-section{padding:var(--space-6)}@media(min-width:768px){.login-section{padding:var(--space-8)}}.login-container{width:100%;max-width:420px;background:var(--glass-light);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-light-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-glass);padding:var(--space-8)}@media(min-width:768px){.login-container{padding:var(--space-10)}}.login-container{animation:loginFadeIn .8s var(--ease-smooth) .3s both;transition:all var(--duration-slow) var(--ease-smooth)}.login-container:hover{transform:translateY(-4px);box-shadow:0 30px 60px -12px #0000002e,0 0 0 1px #ffffff26}@keyframes loginFadeIn{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.login-header{text-align:center;margin-bottom:var(--space-8)}.login-header h2{color:var(--primary-800);font-size:var(--text-4xl);font-weight:var(--font-bold);margin:0 0 var(--space-2) 0;text-shadow:0 2px 4px rgba(0,0,0,.1)}.login-header p{color:var(--primary-600);font-size:var(--text-base);font-weight:var(--font-medium);margin:0}.login-container form{display:flex;flex-direction:column;gap:var(--space-6);margin-bottom:var(--space-6)}.form-group{display:flex;flex-direction:column;gap:var(--space-2)}@media(min-width:480px){.form-group.form-group-horizontal{flex-direction:row;align-items:center;gap:var(--space-4)}.form-group.form-group-horizontal label{min-width:120px;margin-bottom:0}}.form-field-container{flex:1}.login-container label{color:var(--primary-700);font-size:var(--text-base);font-weight:var(--font-semibold);margin-bottom:var(--space-2);line-height:var(--leading-normal)}.login-container input{background:var(--glass-input);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1.5px solid var(--glass-input-border);border-radius:var(--radius-md);padding:var(--space-4);font-size:var(--text-base);color:var(--primary-800);min-height:var(--input-height);box-shadow:var(--shadow-sm),inset 0 1px #ffffffb3;transition:all var(--duration-normal) var(--ease-smooth)}.login-container input:focus{outline:none;border-color:#3b82f680;box-shadow:0 0 0 4px #3b82f61a,0 8px 20px -4px #3b82f640;background:#fffffffa;transform:translateY(-1px)}.login-container input.error{border-color:var(--error);box-shadow:0 0 0 3px #ef44441a}.login-container input::placeholder{color:var(--primary-400)}.login-container button{background:var(--gradient-primary);border:none;border-radius:var(--radius-md);color:#fff;font-weight:var(--font-semibold);font-size:var(--text-lg);padding:var(--space-5) var(--space-6);min-height:var(--button-height);box-shadow:var(--shadow-button);cursor:pointer;transition:all var(--duration-normal) var(--ease-smooth)}.login-container button:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-button-hover);background:linear-gradient(135deg,#2563eb,#1d4ed8)}.login-container button:active:not(:disabled){transform:translateY(-1px)}.login-container button:disabled{opacity:.7;cursor:not-allowed;filter:grayscale(.3)}.login-container button.loading{opacity:.8;cursor:wait}.error-message{color:var(--error);font-size:var(--text-sm);margin-top:var(--space-1);font-weight:var(--font-medium);display:flex;align-items:center;gap:var(--space-2)}.error-message:before{content:"⚠️";font-size:var(--text-xs)}.cta-section{text-align:center;padding-top:var(--space-6);border-top:1px solid rgba(148,163,184,.2)}.cta-text{color:var(--primary-600);font-size:var(--text-sm);line-height:var(--leading-relaxed);margin:0;font-style:italic}@media(max-width:767px){.login-pre-container{padding:0;min-height:auto;overflow-y:auto}.hero-section{min-height:auto;padding:var(--space-6) var(--space-4);flex-shrink:0}.login-section{min-height:auto;padding:var(--space-4);flex-shrink:0}.hero-content{padding:var(--space-2)}.login-container{margin:0;padding:var(--space-6);border-radius:var(--radius-lg);max-width:100%;width:100%}.form-group-horizontal{flex-direction:column!important;align-items:stretch!important}.form-group-horizontal label{min-width:auto!important}.login-container input{min-height:48px;font-size:16px;padding:var(--space-4) var(--space-3)}.login-container button{min-height:48px;font-size:var(--text-base)}.features-grid{grid-template-columns:1fr;gap:var(--space-4)}.trust-elements{flex-direction:column;align-items:center}.branding,.hero-headline,.service-description,.features-grid,.trust-elements{margin-bottom:var(--space-6)}}@media(max-width:480px){.login-section{padding:var(--space-2)}.login-container{padding:var(--space-4);border-radius:var(--radius-md)}.login-header h2{font-size:var(--text-3xl)}.login-container input,.login-container button{min-height:44px;font-size:16px}.hero-section{padding:var(--space-4) var(--space-3)}.company-name{font-size:var(--text-3xl)}.hero-headline h2{font-size:24px}.hero-headline h3{font-size:var(--text-lg)}}@media(min-width:768px)and (max-width:1023px){.login-pre-container{flex-direction:column}.hero-section,.login-section{min-height:50vh}}@media(min-width:1440px){.hero-content{max-width:640px}.login-container{max-width:480px}}@media(prefers-contrast:high){.hero-section{border-right:2px solid white}.login-container{border:2px solid var(--primary-800);box-shadow:none}.login-container input,.login-container button{border:2px solid var(--primary-600)}.feature-item,.trust-badge{border:1px solid rgba(255,255,255,.5)}}@media(prefers-reduced-motion:reduce){.hero-content,.login-container{animation:none}.login-container,.login-container input,.login-container button,.feature-item,.trust-badge,.contact-email{transition:none;transform:none}.login-container:hover,.login-container button:hover,.login-container input:focus,.feature-item:hover,.trust-badge:hover,.contact-email:hover{transform:none}}.login-container input:focus-visible,.login-container button:focus-visible,.contact-email:focus-visible{outline:2px solid var(--info);outline-offset:2px}.deployment-alert-notification{position:fixed;top:0;left:0;right:0;z-index:9999;display:flex;justify-content:center;padding:16px;pointer-events:none;animation:slideInDown .4s ease-out}.deployment-alert-container{background:linear-gradient(135deg,#fef3c7,#fbbf24);border:2px solid #f59e0b;border-radius:12px;box-shadow:0 8px 24px #f59e0b66;max-width:480px;width:100%;pointer-events:auto;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.deployment-alert-content{padding:20px}.deployment-alert-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.deployment-alert-icon{color:#f59e0b;flex-shrink:0;animation:pulse 2s infinite}.deployment-alert-title{color:#92400e;font-size:18px;font-weight:600;margin:0;line-height:1.2;flex-grow:1}.deployment-alert-close-btn{background:none;border:none;color:#92400e;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease;display:flex;align-items:center;justify-content:center;flex-shrink:0}.deployment-alert-close-btn:hover{background-color:#92400e1a;color:#78350f;transform:scale(1.1)}.deployment-alert-close-btn:active{transform:scale(.95)}.deployment-alert-message{margin-bottom:20px}.deployment-alert-message p{color:#92400e;font-size:14px;margin:0;line-height:1.5}.deployment-alert-countdown{margin-bottom:20px}.countdown-display{text-align:center;margin-bottom:12px}.countdown-number{display:block;font-size:32px;font-weight:700;color:#dc2626;font-family:Courier New,monospace;text-shadow:0 2px 4px rgba(220,38,38,.2)}.countdown-label{display:block;font-size:12px;color:#92400e;margin-top:4px;font-weight:500}.countdown-progress{background-color:#92400e33;border-radius:6px;height:8px;overflow:hidden}.countdown-progress-bar{background:linear-gradient(90deg,#dc2626,#f59e0b);height:100%;transition:width 1s linear;border-radius:6px}.deployment-alert-instructions{text-align:center}.deployment-alert-instructions p{color:#92400e;font-size:12px;margin:4px 0;line-height:1.4;font-weight:500}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInDown{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@media(min-width:640px){.deployment-alert-notification,.deployment-alert-content{padding:24px}.deployment-alert-title{font-size:20px}.deployment-alert-message p{font-size:16px}.countdown-number{font-size:40px}.countdown-label,.deployment-alert-instructions p{font-size:14px}}@media(min-width:1024px){.deployment-alert-container{max-width:520px}.deployment-alert-content{padding:32px}.deployment-alert-title{font-size:22px}.countdown-number{font-size:48px}}.system-update-overlay{position:fixed;inset:0;background:#000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px;transition:all .5s ease}.system-update-overlay.completed{background:#003200d9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.system-update-modal{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;border:1px solid rgba(255,255,255,.2);box-shadow:0 25px 50px #0000004d,0 0 0 1px #ffffff1a;max-width:500px;width:100%;max-height:90vh;overflow-y:auto;animation:slideUp .4s ease-out;transition:all .5s ease}.system-update-modal.completed{background:#f0fff0fa;border:1px solid rgba(34,197,94,.3);box-shadow:0 25px 50px #22c55e33,0 0 0 1px #22c55e1a}@keyframes slideUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.system-update-content{padding:40px 30px;text-align:center}.system-update-header{margin-bottom:30px}.system-update-icon{margin-bottom:20px}.loading-spinner{display:inline-block;color:#1677ff;animation:spin 2s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-circle{animation:dash 1.5s ease-in-out infinite;stroke:#1677ff}@keyframes dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}to{stroke-dasharray:90,150;stroke-dashoffset:-124}}.system-update-title{font-size:24px;font-weight:600;color:#1a1a1a;margin:0;background:linear-gradient(135deg,#1677ff,#722ed1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.deploy-info{margin-top:12px;text-align:center}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.deploy-tag,.deploy-commit{font-size:12px;color:#999;margin:4px 0;font-family:Monaco,Menlo,Ubuntu Mono,monospace}.deploy-tag{font-weight:500}.deploy-commit{opacity:.8}.system-update-message{margin-bottom:30px}.system-update-message p{font-size:16px;color:#666;margin:8px 0;line-height:1.5}.system-update-progress{margin-bottom:30px}.progress-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.progress-label{font-size:14px;color:#666;font-weight:500}.progress-percentage{font-size:18px;font-weight:600;color:#1677ff}.progress-bar-container{width:100%;height:8px;background:#1677ff1a;border-radius:4px;overflow:hidden;margin-bottom:12px}.progress-bar{height:100%;background:linear-gradient(90deg,#1677ff,#722ed1);border-radius:4px;transition:width .3s ease;position:relative}.progress-bar:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:shine 2s infinite}@keyframes shine{0%{transform:translate(-100%)}to{transform:translate(100%)}}.time-info{text-align:center}.time-remaining{font-size:14px;color:#666;font-weight:500}.system-update-status{border-top:1px solid rgba(0,0,0,.1);padding-top:25px}.status-normal p,.status-warning p{font-size:14px;margin:8px 0;line-height:1.5}.status-normal p{color:#52c41a}.status-warning p:not(.refresh-hint){color:#fa8c16}.refresh-button{background:linear-gradient(135deg,#1677ff,#722ed1);color:#fff;border:none;border-radius:12px;padding:12px 24px;font-size:14px;font-weight:600;cursor:pointer;margin:15px 0;transition:all .3s ease;box-shadow:0 4px 15px #1677ff4d}.refresh-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #1677ff66}.refresh-button:active{transform:translateY(0);box-shadow:0 2px 10px #1677ff4d}.refresh-hint{font-size:12px;color:#999!important;font-style:italic}@media(max-width:600px){.system-update-modal{margin:10px;border-radius:16px}.system-update-content{padding:30px 20px}.system-update-title{font-size:20px}.system-update-message p{font-size:14px}}