*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);transition:background-color .3s ease,color .3s ease}[data-theme=light]{--text-color: #1f2937;--background-color: #f0f2f5;--ant-modal-content-bg: #ffffff}[data-theme=dark]{--text-color: #f9fafb;--background-color: #111827;--ant-modal-content-bg: #1f2937}[data-theme=sunset]{--text-color: #4A5FA8;--background-color: #faf7fc;--ant-modal-content-bg: #faf7fc}[data-theme=forest]{--text-color: #4a7c6f;--background-color: #f3f8f6;--ant-modal-content-bg: #f3f8f6}[data-theme=purple]{--text-color: #6b4b8a;--background-color: #f8f3fc;--ant-modal-content-bg: #f8f3fc}.theme-container{min-height:100vh;background-color:var(--background-color);color:var(--text-color);transition:background-color .3s ease,color .3s ease}@media(prefers-color-scheme:light){:root{color-scheme:light;--text-color: #1f2937;--background-color: #ffffff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.ant-message-notice-content{color:var(--text-primary)!important;background-color:var(--bg-primary)!important}.ant-modal-content{background-color:var(--bg-primary)!important;color:var(--text-primary)!important;transition:background-color .3s ease,color .3s ease!important;border:none!important;box-shadow:0 3px 6px -4px #0000001f,0 6px 16px #00000014,0 9px 28px 8px #0000000d!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;opacity:1!important;border-radius:8px!important;margin:0!important;padding:0!important}.ant-modal-content:before{content:""!important;position:absolute!important;top:0!important;left:0!important;right:0!important;bottom:0!important;background-color:var(--bg-primary)!important;z-index:-1!important;border-radius:8px!important;opacity:1!important}.ant-modal-wrap{opacity:1!important}.ant-modal-root,.ant-modal-mask,.ant-modal-wrap,.ant-modal-content,.ant-modal-header,.ant-modal-body,.ant-modal-footer{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;opacity:1!important}.ant-modal-header,.ant-modal-footer{background:var(--bg-primary)!important;background-color:var(--bg-primary)!important;color:var(--text-primary)!important}.ant-modal-close{color:var(--text-secondary)!important}.ant-modal-close:hover{color:var(--primary-color)!important}.ant-modal-mask{background-color:#00000073!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;opacity:1!important}[data-theme=dark] .ant-modal-mask{background-color:#000000b3!important}[data-theme=dark]{--ant-color-text: rgba(249, 250, 251, .88);--ant-color-bg-container: #1f2937;--ant-color-bg-layout: #111827;--ant-color-text-secondary: #d1d5db;--ant-color-border: #374151;--ant-table-header-bg: #1f2937;--ant-table-header-color: #f3f4f6;--ant-table-row-hover-bg: #111827}[data-theme=dark] .css-var-root{--ant-color-text: rgba(249, 250, 251, .88) !important;--ant-color-bg-container: #1f2937 !important;--ant-color-bg-layout: #111827 !important;--ant-color-text-secondary: #d1d5db !important;--ant-color-border: #374151 !important;--ant-table-header-bg: #1f2937 !important;--ant-table-header-color: #f3f4f6 !important;--ant-table-row-hover-bg: #111827 !important}[data-theme=sunset] .css-var-root{--ant-color-text: rgba(74, 95, 168, .88) !important;--ant-color-bg-container: #faf7fc !important;--ant-color-bg-layout: #f5f1fa !important;--ant-color-text-secondary: #8b7ca3 !important;--ant-color-border: #e8dff5 !important;--ant-table-header-bg: #f0e8f7 !important;--ant-table-header-color: #4A5FA8 !important;--ant-table-row-hover-bg: #f5f1fa !important}[data-theme=forest] .css-var-root{--ant-color-text: rgba(74, 124, 111, .88) !important;--ant-color-bg-container: #f3f8f6 !important;--ant-color-bg-layout: #ecf4f1 !important;--ant-color-text-secondary: #6d9e95 !important;--ant-color-border: #c5dcd6 !important;--ant-table-header-bg: #d8e9e4 !important;--ant-table-header-color: #4a7c6f !important;--ant-table-row-hover-bg: #ecf4f1 !important}[data-theme=purple] .css-var-root{--ant-color-text: rgba(107, 75, 138, .88) !important;--ant-color-bg-container: #f8f3fc !important;--ant-color-bg-layout: #f2e8f9 !important;--ant-color-text-secondary: #a58fb8 !important;--ant-color-border: #dcc9ed !important;--ant-table-header-bg: #e5d5f0 !important;--ant-table-header-color: #6b4b8a !important;--ant-table-row-hover-bg: #f2e8f9 !important}[data-theme=light] .css-var-root{--ant-color-text: rgba(31, 41, 55, .88) !important;--ant-color-bg-container: #ffffff !important;--ant-color-bg-layout: #f0f2f5 !important;--ant-color-text-secondary: #75a0a8 !important;--ant-color-border: #e5e7eb !important;--ant-table-header-bg: #f8fafc !important;--ant-table-header-color: #1e293b !important;--ant-table-row-hover-bg: #f8fafc !important}.ant-modal-header{background-color:var(--table-header-bg)!important;border-bottom-color:var(--border-color);transition:background-color .3s ease;border-radius:8px 8px 0 0;opacity:1!important}.ant-modal-title{color:var(--text-primary)!important}.ant-modal-body{background-color:var(--bg-primary)!important;color:var(--text-primary)!important;transition:background-color .3s ease;opacity:1!important}.ant-descriptions-item-label,.ant-descriptions-item-content,.ant-form-item-label>label{color:var(--text-primary)!important}.ant-modal-footer{background-color:var(--bg-primary)!important;border-top-color:var(--border-color);transition:background-color .3s ease;border-radius:0 0 8px 8px;opacity:1!important}.ant-input,.ant-input-affix-wrapper{background-color:var(--bg-primary);border-color:var(--border-color);color:var(--text-primary);transition:all .3s ease}.ant-input-affix-wrapper input{background-color:var(--bg-primary);color:var(--text-primary)}.ant-input:hover,.ant-input-affix-wrapper:hover{border-color:var(--primary-color);box-shadow:0 0 0 2px #3498db33}.ant-input:focus,.ant-input-affix-wrapper:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px #3498db33}.ant-input-password,.ant-input-affix-wrapper{background-color:var(--bg-primary);border-color:var(--border-color)}.ant-select-selector{background-color:var(--bg-primary)!important;border-color:var(--border-color)!important;color:var(--text-primary)!important}.ant-select-selection-item{color:var(--text-primary)!important}.ant-select-dropdown{background-color:var(--bg-primary);border-color:var(--border-color)}.ant-select-item{color:var(--text-primary)}.ant-select-item-option-active:not(.ant-select-item-option-disabled){background-color:var(--bg-secondary)}.ant-select-item-option-selected:not(.ant-select-item-option-disabled){background-color:#3498db1a;color:var(--primary-color)}.ant-table{background-color:var(--bg-primary);color:var(--text-primary)}.ant-table-thead>tr>th{background-color:var(--table-header-bg);color:var(--table-header-text);border-bottom-color:var(--border-color)}.ant-table-tbody>tr>td{border-bottom-color:var(--border-color)}.ant-table-tbody>tr:hover>td{background-color:var(--table-row-hover)}.ant-table-tbody>tr.ant-table-row-selected>td{background-color:#3498db1a}.ant-table-placeholder{background-color:var(--bg-primary);color:var(--text-primary)}.ant-switch{background-color:var(--border-color)}.ant-switch-checked{background-color:var(--primary-color)}.ant-btn{box-shadow:0 2px #00000004}.ant-btn-primary{background-color:var(--primary-color);border-color:var(--primary-color)}.ant-btn-primary:hover,.ant-btn-primary:focus{background-color:var(--primary-hover-color);border-color:var(--primary-hover-color)}.ant-btn-default{background-color:var(--bg-light);border-color:var(--border-color);color:var(--text-primary)}.ant-btn-default:hover,.ant-btn-default:focus{background-color:var(--bg-secondary);border-color:var(--border-dark);color:var(--text-primary)}.ant-tabs-tab{color:var(--text-secondary)}.ant-tabs-tab:hover,.ant-tabs-tab-active{color:var(--primary-color)}.ant-tabs-ink-bar{background-color:var(--primary-color)}.ant-tabs-tabpane{color:var(--text-primary)}.ant-card{background-color:var(--bg-primary);border-color:var(--border-color);color:var(--text-primary);overflow:hidden}.ant-card-head{background-color:var(--table-header-bg)!important;border-bottom:1px solid var(--border-color)!important;color:var(--table-header-text)!important;min-height:48px!important}.ant-card-head-title{display:flex!important;align-items:center!important;gap:8px!important}.ant-card-body{background-color:var(--bg-primary)!important}.ant-alert{background-color:var(--bg-primary);border-color:var(--border-color)}.ant-alert-message{color:var(--text-primary)}.ant-alert-description{color:var(--text-secondary)}.ant-pagination{background-color:var(--bg-primary)}.ant-pagination-item{background-color:var(--bg-primary);border-color:var(--border-color)}.ant-pagination-item a{color:var(--text-primary)}.ant-pagination-item-active{background-color:var(--primary-color);border-color:var(--primary-color)}.ant-pagination-item-active a{color:#fff}.ant-pagination-prev,.ant-pagination-next{background-color:var(--bg-primary)}.ant-pagination-prev button,.ant-pagination-next button{color:var(--text-primary);background-color:var(--bg-primary)}.ant-empty{background-color:var(--bg-primary);color:var(--text-primary)}.ant-empty-description{color:var(--text-secondary)}.ant-popover-inner{background-color:var(--bg-primary)}.ant-popover-inner-content,.ant-popover-message-title{color:var(--text-primary)}.ant-popover-arrow-content{background-color:var(--bg-primary)}.ant-spin{color:var(--primary-color)}.ant-spin-dot-item{background-color:var(--primary-color)}.ant-picker{background-color:var(--bg-primary);border-color:var(--border-color);color:var(--text-primary)}.ant-picker:hover,.ant-picker-focused{border-color:var(--primary-color);box-shadow:0 0 0 2px #3498db33}.ant-picker-panel{background-color:var(--bg-primary);border-color:var(--border-color)}.ant-picker-cell-inner{color:var(--text-primary)}.ant-picker-cell:hover .ant-picker-cell-inner,.ant-picker-cell-range-hover-start .ant-picker-cell-inner,.ant-picker-cell-range-hover-end .ant-picker-cell-inner{background-color:var(--bg-secondary)}.ant-picker-cell-in-view.ant-picker-cell-selected .ant-picker :root{--primary-color: #007bff;--primary-hover-color: #0056b3;--secondary-color: #5a8fc2;--secondary-hover-color: #3d5a80;--danger-color: #dc3545;--danger-hover-color: #bd2130;--success-color: #28a745;--warning-color: #ffc107;--info-color: #17a2b8;--status-enabled-bg: #e8f5e9;--status-enabled-color: #2e7d32;--status-disabled-bg: #ffebee;--status-disabled-color: #c62828;--status-unknown-bg: #fff3e0;--status-unknown-color: #ef6c00;--text-primary: #2c3e50;--text-secondary: #495057;--text-muted: #6c757d;--bg-primary: #ffffff;--bg-secondary: #f0f2f5;--bg-light: #f5f7fa;--bg-dark: #374151;--border-color: #eaeff5;--border-dark: #dce3eb;--border-light: #eee;--shadow-small: 0 1px 3px rgba(0, 0, 0, .05);--shadow-medium: 0 2px 10px rgba(0, 0, 0, .08);--shadow-large: 0 2px 8px rgba(0, 0, 0, .1);--border-radius-sm: 3px;--border-radius-md: 4px;--border-radius-lg: 6px;--border-radius-xl: 8px;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-lg: 16px;--spacing-xl: 20px;--spacing-xxl: 24px;--font-size-xs: 12px;--font-size-sm: 13px;--font-size-md: 14px;--font-size-lg: 16px;--font-size-xl: 20px;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--transition-fast: all .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: all .3s ease;--transition-slow: all .5s ease}[data-theme=light]{--text-primary: #1f2937;--text-secondary: #4b5563;--text-muted: #6b7280;--bg-primary: #ffffff;--bg-secondary: #f0f2f5;--bg-light: #f5f7fa;--bg-dark: #374151;--border-color: #e5e7eb;--border-dark: #d1d5db;--border-light: #f3f4f6;--shadow-small: 0 1px 3px rgba(0, 0, 0, .1);--shadow-medium: 0 2px 10px rgba(0, 0, 0, .1);--shadow-large: 0 2px 8px rgba(0, 0, 0, .15);--table-header-bg: #f8fafc;--table-header-text: #1e293b;--table-row-bg: #ffffff;--table-row-hover: #f8fafc;--table-border: #e2e8f0}[data-theme=dark]{--text-primary: #f9fafb;--text-secondary: #d1d5db;--text-muted: #9ca3af;--bg-primary: #111827;--bg-secondary: #1f2937;--bg-light: #374151;--bg-dark: #030712;--border-color: #374151;--border-dark: #4b5563;--border-light: #1f2937;--shadow-small: 0 1px 3px rgba(0, 0, 0, .5);--shadow-medium: 0 2px 10px rgba(0, 0, 0, .6);--shadow-large: 0 2px 8px rgba(0, 0, 0, .7);--status-enabled-bg: rgba(16, 185, 129, .2);--status-disabled-bg: rgba(239, 68, 68, .2);--status-unknown-bg: rgba(251, 146, 60, .2);--table-header-bg: #1f2937;--table-header-text: #f3f4f6;--table-row-bg: #111827;--table-row-hover: #1f2937;--table-border: #374151}[data-theme=sunset]{--text-primary: #4A5FA8;--text-secondary: #5a4d6b;--text-muted: #8b7ca3;--bg-primary: #faf7fc;--bg-secondary: #f5f1fa;--bg-light: #f0e8f7;--bg-dark: #1a0f2e;--border-color: #e8dff5;--border-dark: #d9cceb;--border-light: #f0e8f7;--shadow-small: 0 1px 3px rgba(199, 119, 185, .1);--shadow-medium: 0 2px 10px rgba(199, 119, 185, .15);--shadow-large: 0 2px 8px rgba(199, 119, 185, .2);--table-header-bg: #f0e8f7;--table-header-text: #4A5FA8;--table-row-bg: #faf7fc;--table-row-hover: #f5f1fa;--table-border: #e8dff5}[data-theme=forest]{--text-primary: #4a7c6f;--text-secondary: #5a8d82;--text-muted: #6d9e95;--bg-primary: #f3f8f6;--bg-secondary: #ecf4f1;--bg-light: #d8e9e4;--bg-dark: #4a7c6f;--border-color: #c5dcd6;--border-dark: #a8d5c8;--border-light: #ecf4f1;--shadow-small: 0 1px 3px rgba(74, 124, 111, .1);--shadow-medium: 0 2px 10px rgba(74, 124, 111, .15);--shadow-large: 0 2px 8px rgba(74, 124, 111, .2);--table-header-bg: #d8e9e4;--table-header-text: #4a7c6f;--table-row-bg: #f3f8f6;--table-row-hover: #ecf4f1;--table-border: #c5dcd6}[data-theme=purple]{--text-primary: #6b4b8a;--text-secondary: #8b6ba4;--text-muted: #a58fb8;--bg-primary: #f8f3fc;--bg-secondary: #f2e8f9;--bg-light: #e5d5f0;--bg-dark: #6b4b8a;--border-color: #dcc9ed;--border-dark: #cbb5e0;--border-light: #f2e8f9;--shadow-small: 0 1px 3px rgba(107, 75, 138, .1);--shadow-medium: 0 2px 10px rgba(107, 75, 138, .15);--shadow-large: 0 2px 8px rgba(107, 75, 138, .2);--table-header-bg: #e5d5f0;--table-header-text: #6b4b8a;--table-row-bg: #f8f3fc;--table-row-hover: #f2e8f9;--table-border: #dcc9ed}[data-theme=gray]{--text-primary: #262626;--text-secondary: #595959;--text-muted: #8c8c8c;--bg-primary: #ffffff;--bg-secondary: #f5f5f5;--bg-light: #fafafa;--bg-dark: #262626;--border-color: #d9d9d9;--border-dark: #bfbfbf;--border-light: #f0f0f0;--shadow-small: 0 1px 3px rgba(0, 0, 0, .1);--shadow-medium: 0 2px 10px rgba(0, 0, 0, .1);--shadow-large: 0 2px 8px rgba(0, 0, 0, .15);--table-header-bg: #fafafa;--table-header-text: #262626;--table-row-bg: #ffffff;--table-row-hover: #f5f5f5;--table-border: #f0f0f0;--status-enabled-bg: #f0f0f0;--status-enabled-color: #595959;--status-disabled-bg: #d9d9d9;--status-disabled-color: #8c8c8c;--status-unknown-bg: #f5f5f5;--status-unknown-color: #bfbfbf}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-light);border-radius:4px}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border-radius:4px;transition:all .3s ease}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,var(--primary-hover-color),var(--secondary-hover-color))}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(.9)}to{opacity:1;transform:scale(1)}}.card{background:linear-gradient(135deg,var(--bg-primary) 0%,var(--bg-light) 100%);border-radius:var(--border-radius-xl);box-shadow:var(--shadow-medium);border:1px solid var(--border-color);transition:all .3s ease;overflow:hidden;position:relative}.card:hover{box-shadow:var(--shadow-large);transform:translateY(-2px)}.card:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,var(--primary-color),var(--secondary-color))}.divider{height:1px;background:linear-gradient(90deg,transparent,var(--border-color),transparent);margin:var(--spacing-lg) 0}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.text-success{color:var(--success-color)}.text-danger{color:var(--danger-color)}.text-warning{color:var(--warning-color)}.text-info{color:var(--info-color)}.title-h1{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:var(--spacing-lg);position:relative;padding-left:var(--spacing-md)}.title-h1:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:24px;background:var(--primary-color);border-radius:2px}.title-h2{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:var(--spacing-md);position:relative;padding-left:var(--spacing-sm)}.title-h2:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:20px;background:var(--secondary-color);border-radius:2px}.title-h3{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--spacing-sm)}.footer-link{color:#00000073!important;transition:all .3s ease;display:inline-flex;align-items:center}.footer-link img{opacity:1;margin-right:4px}.footer-link:hover{color:#1677ff!important;opacity:1}.icon-small{width:16px;height:16px}.icon-medium{width:20px;height:20px}.icon-large{width:24px;height:24px}@media(max-width:768px){.mobile-hidden{display:none!important}.mobile-full-width{width:100%!important;max-width:100%!important}.mobile-flex-column{flex-direction:column!important}.mobile-text-center{text-align:center!important}}@media(min-width:769px){.desktop-hidden{display:none!important}}html,body{margin:0;padding:0;height:100%;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-color:var(--bg-primary);color:var(--text-primary)}#root{height:100%}.App{text-align:center;height:100vh;width:100vw;overflow:hidden;background:linear-gradient(135deg,#040712,#080c1a,#0c1226,#040712);background-size:400% 400%;animation:gradientBG 15s ease infinite;background-attachment:fixed}.routes-container{position:relative;width:100%;height:100%}@keyframes gradientBG{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.App-header{background-color:#00000080;padding:20px;color:#fff;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden}.App-header h1{font-size:3rem;margin-bottom:2rem;color:#61dafb;text-shadow:0 0 10px rgba(97,218,251,.5);animation:titleGlow 2s ease-in-out infinite alternate}@keyframes titleGlow{0%{text-shadow:0 0 10px rgba(97,218,251,.5)}to{text-shadow:0 0 20px rgba(97,218,251,.8),0 0 30px rgba(97,218,251,.6)}}.stars{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.star{position:absolute;background-color:#e6f3ff;border-radius:50%;animation:twinkle var(--duration, 5s) infinite ease-in-out}@keyframes twinkle{0%,to{opacity:.2;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}.dust-particles{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.dust-particle{position:absolute;width:2px;height:2px;background-color:#e6f3ff99;border-radius:50%;animation:floatDust var(--duration, 15s) linear infinite}@keyframes floatDust{0%{transform:translateY(100vh) translate(0);opacity:0}10%{opacity:1}90%{opacity:.8}to{transform:translateY(-100px) translate(var(--drift, 20px));opacity:0}}.colorful-highlights{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.colorful-highlight{position:absolute;border-radius:50%;background:radial-gradient(circle,var(--color) 0%,transparent 70%);filter:blur(20px);animation:floatHighlight var(--duration, 15s) ease-in-out infinite;transform:translate(-50%,-50%)}@keyframes floatHighlight{0%{transform:translate(-50%,-50%) translate(0) scale(1);opacity:.3}25%{transform:translate(-50%,-50%) translate(20px,-30px) scale(1.1)}50%{transform:translate(-50%,-50%) translateY(-20px) scale(.9);opacity:.5}75%{transform:translate(-50%,-50%) translate(-20px,10px) scale(1.2)}to{transform:translate(-50%,-50%) translate(0) scale(1);opacity:.3}}.deep-space-elements{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.deep-space-nebula{position:absolute;border-radius:50%;background:radial-gradient(ellipse,var(--color) 0%,transparent 70%);filter:blur(60px);animation:driftNebula var(--duration, 40s) linear infinite;transform:translate(-50%,-50%)}@keyframes driftNebula{0%{transform:translate(-50%,-50%) translate(0)}25%{transform:translate(-50%,-50%) translate(20px,-30px)}50%{transform:translate(-50%,-50%) translate(40px,-20px)}75%{transform:translate(-50%,-50%) translate(-20px,40px)}to{transform:translate(-50%,-50%) translate(0)}}.distant-galaxy{position:absolute;border-radius:50%;background:radial-gradient(circle,#e6f3ff 0%,rgba(230,243,255,.8) 30%,transparent 70%);filter:blur(2px);animation:rotateGalaxy var(--duration, 50s) linear infinite;transform:translate(-50%,-50%);box-shadow:0 0 20px #e6f3ff80}@keyframes rotateGalaxy{0%{transform:translate(-50%,-50%) rotate(0);opacity:.5}50%{transform:translate(-50%,-50%) rotate(180deg);opacity:.8}to{transform:translate(-50%,-50%) rotate(360deg);opacity:.5}}.button-container{display:flex;gap:20px;margin-top:2rem;align-items:center;justify-content:center}.manage-button,.test-button,.function-button,.game-button{width:150px;height:50px;border:none;border-radius:25px;background:linear-gradient(45deg,#3498db,#8e44ad);color:#fff;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #0003;position:relative;overflow:hidden;flex-shrink:0}.manage-button:hover,.test-button:hover,.function-button:hover,.game-button:hover{transform:translateY(-3px);box-shadow:0 6px 20px #0000004d;background:linear-gradient(45deg,#3ca0db,#9b59b6)}.manage-button:active,.test-button:active,.function-button:active,.game-button:active{transform:translateY(1px)}.manage-button:after,.test-button:after,.function-button:after,.game-button:after{content:"";position:absolute;top:50%;left:50%;width:5px;height:5px;background:#ffffff80;opacity:0;border-radius:100%;transform:scale(1) translate(-50%);transform-origin:50% 50%}.manage-button:focus:not(:active):after,.test-button:focus:not(:active):after,.function-button:focus:not(:active):after,.game-button:focus:not(:active):after{animation:ripple 1s ease-out}@keyframes ripple{0%{transform:scale(0);opacity:.5}to{transform:scale(50);opacity:0}}.card{padding:1rem;margin-top:1rem;background:transparent;border-radius:8px;box-shadow:0 2px 10px #0000001a;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);max-width:600px}.card p{margin:0;font-size:1rem;color:#ffffffe6}@media(max-width:768px){.App-header h1{font-size:2rem}.button-container{flex-direction:column;gap:10px}.manage-button,.test-button{width:120px;height:45px;font-size:.9rem}}