.glass-modal__overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1050;display:flex;align-items:center;justify-content:center;padding:24px;animation:glass-modal-overlay-fade-in .2s ease-out;background-color:#000a14cc}@supports (backdrop-filter: blur(8px)) or (-webkit-backdrop-filter: blur(8px)){.glass-modal__overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#000a1499}}.glass-modal{position:relative;width:100%;max-height:calc(100vh - 48px);overflow:hidden;border-radius:16px;animation:glass-modal-slide-in .25s ease-out}.glass-modal--sm{max-width:400px}.glass-modal--md{max-width:560px}.glass-modal--lg{max-width:720px}.glass-modal--xl{max-width:960px}.glass-modal--full{max-width:calc(100vw - 48px);max-height:calc(100vh - 48px)}.glass-modal__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;border-radius:inherit;background-color:#0f1d35f2}@supports (backdrop-filter: blur(16px)) or (-webkit-backdrop-filter: blur(16px)){.glass-modal__backdrop{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.glass-modal--clear .glass-modal__backdrop{background-color:#0f1d3566}.glass-modal--frosted .glass-modal__backdrop{background-color:#0f1d3599}.glass-modal--tinted .glass-modal__backdrop{background-color:#00507880}}.glass-modal__content{position:relative;z-index:1;display:flex;flex-direction:column;max-height:calc(100vh - 48px);padding:24px}.glass-modal__header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;flex-shrink:0}.glass-modal__header-text{flex:1;min-width:0}.glass-modal__title{margin:0;font-size:1.5rem;font-weight:600;line-height:1.2;color:#00d9ff}.glass-modal__subtitle{margin:6px 0 0;font-size:.9375rem;line-height:1.4;color:#8a9eb5}.glass-modal__close-button{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:none;border-radius:8px;background-color:#ffffff0d;color:#8a9eb5;cursor:pointer;transition:background-color .15s ease,color .15s ease;flex-shrink:0}.glass-modal__close-button:hover{background-color:#ffffff1a;color:#e0e6ed}.glass-modal__close-button:focus{outline:none}.glass-modal__close-button:focus-visible{outline:2px solid #00d9ff;outline-offset:2px}.glass-modal__body{flex:1;overflow-y:auto;color:#e0e6ed;line-height:1.5}.glass-modal__body::-webkit-scrollbar{width:8px}.glass-modal__body::-webkit-scrollbar-track{background:#ffffff0d;border-radius:4px}.glass-modal__body::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.glass-modal__body::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.glass-modal__footer{display:flex;justify-content:flex-end;gap:12px;margin-top:24px;padding-top:20px;border-top:1px solid rgba(255,255,255,.1);flex-shrink:0}.glass-modal__glow{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;border-radius:inherit;pointer-events:none;box-shadow:inset 0 0 0 1px #00d9ff33,0 0 40px #00d9ff1a}.glass-modal:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;border-radius:inherit;border:1px solid rgba(255,255,255,.1);pointer-events:none}@keyframes glass-modal-overlay-fade-in{0%{opacity:0}to{opacity:1}}@keyframes glass-modal-slide-in{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media(prefers-reduced-motion:reduce){.glass-modal__overlay,.glass-modal{animation:none}.glass-modal__close-button{transition:none}}@media(max-width:600px){.glass-modal__overlay{padding:16px}.glass-modal__content{padding:20px}.glass-modal__title{font-size:1.25rem}.glass-modal--sm,.glass-modal--md,.glass-modal--lg,.glass-modal--xl{max-width:100%}}.navigation-progress-bar{position:fixed;top:0;left:0;height:3px;background:linear-gradient(to right,var(--spectrum-global-color-blue-400),var(--spectrum-global-color-cyan-400));z-index:9999;transition:width .2s ease-out;box-shadow:0 0 10px #4299e180}.navigation-progress-bar:after{content:"";position:absolute;top:0;right:0;height:100%;width:100px;background:linear-gradient(to left,#4299e100,#4299e14d);animation:pulse 1s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.6}50%{opacity:1}}:root{--primary-bg: #0a1628;--secondary-bg: #1a2841;--tertiary-bg: #0f1d35;--card-bg: rgba(15, 29, 53, .8);--accent-blue: #0099cc;--accent-cyan: #00b8d4;--accent-purple: #8b5cf6;--accent-teal: #14b8a6;--text-primary: #ffffff;--text-secondary: #b0c4de;--text-muted: #6b7b8a;--border-color: #2a3f5f;--border-light: rgba(0, 153, 204, .2);--success: #00ff88;--success-dim: rgba(0, 255, 136, .15);--warning: #ffaa00;--warning-dim: rgba(255, 170, 0, .15);--error: #ff4444;--error-dim: rgba(255, 68, 68, .15);--gold: #ffd700;--silver: #c0c0c0;--bronze: #cd7f32;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .2);--shadow-md: 0 4px 12px rgba(0, 0, 0, .3);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .4);--shadow-glow: 0 0 20px rgba(0, 153, 204, .2);--sc-cyan-50: #e6f7fb;--sc-cyan-100: #b3e5f0;--sc-cyan-200: #80d3e6;--sc-cyan-300: #4dc1db;--sc-cyan-400: #1aafd1;--sc-cyan-500: #0099cc;--sc-cyan-600: #007aa3;--sc-cyan-700: #005b7a;--sc-cyan-800: #003d52;--sc-cyan-900: #001e29;--bg-level-0: #050a12;--bg-level-1: #0a1628;--bg-level-2: #0f1d35;--bg-level-3: #152642;--bg-level-4: #1a2f50;--glass-bg: rgba(15, 29, 53, .7);--glass-bg-hover: rgba(15, 29, 53, .85);--glass-border: rgba(0, 153, 204, .2);--glass-border-hover: rgba(0, 153, 204, .4);--glass-blur: 12px;--animation-timing-default: cubic-bezier(.4, 0, .2, 1);--animation-timing-spring: cubic-bezier(.34, 1.56, .64, 1);--animation-duration-fast: .15s;--animation-duration-normal: .2s;--animation-duration-slow: .3s;--skeleton-bg: rgba(255, 255, 255, .08);--skeleton-highlight: rgba(255, 255, 255, .12);--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.25rem;--font-size-xl: 1.5rem;--font-size-2xl: 1.875rem;--font-size-3xl: 2.25rem;--font-size-4xl: 3rem;--font-size-5xl: 3.75rem;--font-size-6xl: 4.5rem;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-display: 1.1;--line-height-heading: 1.2;--line-height-subheading: 1.3;--line-height-body: 1.5;--line-height-relaxed: 1.625;--line-height-prose: 1.75;--tracking-tighter: -.05em;--tracking-tight: -.02em;--tracking-normal: 0;--tracking-wide: .025em;--tracking-wider: .05em;--tracking-widest: .1em;--font-size-display-lg: clamp(2.5rem, 5vw + 1rem, 4.5rem);--font-size-display-md: clamp(2rem, 4vw + 1rem, 3.75rem);--font-size-display-sm: clamp(1.75rem, 3vw + 1rem, 3rem);--font-size-h1: clamp(1.75rem, 2.5vw + 1rem, 3rem);--font-size-h2: clamp(1.5rem, 2vw + .75rem, 2.25rem);--font-size-h3: clamp(1.25rem, 1.5vw + .5rem, 1.875rem);--font-size-h4: clamp(1.125rem, 1vw + .5rem, 1.5rem)}*{margin:0;padding:0;box-sizing:border-box}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:linear-gradient(135deg,var(--primary-bg) 0%,#0f1d35 100%);color:var(--text-primary);min-height:100vh}#root{min-height:100vh}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace;background:#00d9ff1a;padding:2px 6px;border-radius:3px;color:var(--accent-cyan)}.card{background:linear-gradient(135deg,var(--secondary-bg) 0%,var(--tertiary-bg) 100%);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;margin:1rem 0;box-shadow:var(--shadow-md);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;position:relative;overflow:hidden}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--accent-blue),transparent);opacity:0;transition:opacity .3s ease}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg),var(--shadow-glow);border-color:var(--border-light)}.card:hover:before{opacity:1}button{background:linear-gradient(135deg,var(--accent-blue),#0088cc);color:var(--text-primary);border:none;padding:.75rem 1.5rem;border-radius:4px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px}button:hover{background:linear-gradient(135deg,#0088cc,var(--accent-blue));box-shadow:0 4px 12px #00d9ff66;transform:translateY(-2px)}button:active{transform:translateY(0)}button:disabled{background:#555;cursor:not-allowed;opacity:.5}input,textarea,select{background:var(--primary-bg);color:var(--text-primary);border:1px solid var(--border-color);border-radius:4px;padding:.75rem;font-size:1rem;width:100%;transition:border-color .3s ease}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--accent-blue);box-shadow:0 0 0 2px #00d9ff33}h1,h2,h3,h4,h5,h6{color:var(--text-primary);margin-bottom:.5em;font-weight:var(--font-weight-semibold);line-height:var(--line-height-heading)}h1{font-size:var(--font-size-h1);font-weight:var(--font-weight-bold);letter-spacing:var(--tracking-tight);background:linear-gradient(135deg,var(--accent-blue),var(--accent-cyan));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}h2{font-size:var(--font-size-h2);letter-spacing:var(--tracking-tight);color:var(--accent-cyan)}h3{font-size:var(--font-size-h3);line-height:var(--line-height-subheading);color:var(--text-secondary)}h4{font-size:var(--font-size-h4);line-height:var(--line-height-subheading)}h5{font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);line-height:var(--line-height-body)}h6{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);line-height:var(--line-height-body)}a{color:var(--accent-blue);text-decoration:none;transition:color .3s ease}a:hover{color:var(--accent-cyan);text-decoration:underline}table{width:100%;border-collapse:collapse;background:var(--secondary-bg);border-radius:8px;overflow:hidden}thead{background:var(--primary-bg)}th,td{padding:1rem;text-align:left;border-bottom:1px solid var(--border-color)}th{color:var(--accent-cyan);font-weight:600;text-transform:uppercase;font-size:.875rem;letter-spacing:.5px}tr:last-child td{border-bottom:none}tbody tr{transition:background .2s ease}tbody tr:hover{background:#00d9ff0d}.container{max-width:1400px;margin:0 auto;padding:2rem}.text-center{text-align:center}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mt-4{margin-top:2rem}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.mb-4{margin-bottom:2rem}.flex{display:flex}.flex-col{flex-direction:column}.gap-2{gap:1rem}.gap-4{gap:2rem}.badge{display:inline-block;padding:.25rem .75rem;border-radius:12px;font-size:.875rem;font-weight:600;text-transform:uppercase}.badge-success{background:#0f83;color:var(--success);border:1px solid var(--success)}.badge-warning{background:#fa03;color:var(--warning);border:1px solid var(--warning)}.badge-error{background:#f443;color:var(--error);border:1px solid var(--error)}.loading{display:inline-block;width:40px;height:40px;border:4px solid rgba(0,217,255,.3);border-radius:50%;border-top-color:var(--accent-blue);animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;gap:1rem}.loading-message{color:var(--text-secondary);font-size:1.1rem;margin:0}.error-message{background:#ff444426;border:1px solid var(--error);border-radius:8px;padding:1rem;margin:1rem 0;display:flex;align-items:center;justify-content:space-between;animation:slideIn .3s ease}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.error-content{display:flex;align-items:center;gap:.75rem}.error-icon{font-size:1.5rem;color:var(--error)}.error-text{color:var(--text-primary);font-size:1rem}.error-dismiss{background:transparent;border:none;color:var(--text-secondary);font-size:1.5rem;padding:.25rem .5rem;cursor:pointer;transition:color .2s ease;min-width:auto;text-transform:none;letter-spacing:0}.error-dismiss:hover{color:var(--text-primary);background:transparent;box-shadow:none;transform:none}form{display:flex;flex-direction:column;gap:1rem;margin:1.5rem 0}form label{color:var(--text-secondary);font-weight:600;margin-bottom:.25rem;display:block}ul{list-style:none;padding:0}ul li{background:var(--secondary-bg);border:1px solid var(--border-color);border-radius:6px;padding:1rem;margin:.5rem 0;transition:all .2s ease}ul li:hover{border-color:var(--accent-blue);box-shadow:0 2px 8px #00d9ff26}.theme-toggle{position:fixed;top:1rem;right:1rem;background:var(--secondary-bg);border:1px solid var(--border-color);border-radius:50%;width:50px;height:50px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;z-index:1000;padding:0}.theme-toggle:hover{background:var(--primary-bg);border-color:var(--accent-cyan);box-shadow:0 4px 12px #00d9ff4d;transform:scale(1.05)}.theme-toggle-icon{font-size:1.5rem}body.light-theme{--primary-bg: #f0f4f8;--secondary-bg: #ffffff;--accent-blue: #0066cc;--accent-cyan: #0088cc;--text-primary: #1a202c;--text-secondary: #4a5568;--border-color: #cbd5e0;--success: #00a86b;--warning: #d97706;--error: #dc2626}body.light-theme{background:linear-gradient(135deg,var(--primary-bg) 0%,#e2e8f0 100%)}*:focus{outline:2px solid var(--accent-cyan);outline-offset:2px}button:focus,input:focus,textarea:focus,select:focus{outline:2px solid var(--accent-cyan);outline-offset:2px}.skip-link{position:absolute;top:-40px;left:0;background:var(--accent-blue);color:var(--text-primary);padding:8px;text-decoration:none;z-index:100}.skip-link:focus{top:0}input:invalid:not(:placeholder-shown),textarea:invalid:not(:placeholder-shown),select:invalid:not(:placeholder-shown){border-color:var(--error)}input:valid:not(:placeholder-shown),textarea:valid:not(:placeholder-shown),select:valid:not(:placeholder-shown){border-color:var(--success)}button.secondary{background:var(--secondary-bg);border:1px solid var(--border-color)}button.secondary:hover{background:var(--primary-bg);border-color:var(--accent-cyan)}button.danger{background:linear-gradient(135deg,var(--error),#b91c1c)}button.danger:hover{background:linear-gradient(135deg,#b91c1c,var(--error))}button.success{background:linear-gradient(135deg,var(--success),#059669)}button.success:hover{background:linear-gradient(135deg,#059669,var(--success))}.empty-state{text-align:center;padding:3rem 2rem;color:var(--text-secondary)}.empty-state-icon{font-size:3rem;margin-bottom:1rem;opacity:.5}.empty-state-text{font-size:1.1rem;margin-bottom:.5rem}.empty-state-subtext{font-size:.9rem;opacity:.7}@media(max-width:1200px){.container{padding:1.5rem;max-width:1100px}}@media(max-width:992px){.container{padding:1.25rem}h1{font-size:2.25rem}h2{font-size:1.75rem}.card{padding:1.25rem}}@media(max-width:768px){.container{padding:1rem}h1{font-size:2rem}h2{font-size:1.5rem}table{font-size:.875rem}th,td{padding:.75rem}button{padding:.6rem 1.2rem;font-size:.9rem}.theme-toggle{width:45px;height:45px;top:.5rem;right:.5rem}.card{padding:1rem}form{gap:.75rem}.flex-mobile-column{flex-direction:column}nav{flex-direction:column;gap:.5rem}.table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch}}@media(max-width:576px){.container{padding:.75rem}h1{font-size:1.75rem}h2{font-size:1.25rem}h3{font-size:1.1rem}.card{padding:.75rem;margin:.5rem 0;border-radius:8px}ul li{padding:.75rem}button{width:100%;margin:.25rem 0;padding:.75rem 1rem}.error-message{flex-direction:column;align-items:flex-start}.error-dismiss{align-self:flex-end}.badge{display:block;text-align:center;margin:.25rem 0}input,textarea,select{font-size:16px}.modal-content{margin:.5rem;max-height:90vh;overflow-y:auto}}@media(max-width:400px){.container{padding:.5rem}h1{font-size:1.5rem}h2{font-size:1.125rem}.card{padding:.5rem}.theme-toggle{width:40px;height:40px}table{font-size:.75rem}th,td{padding:.5rem}}@media(hover:none)and (pointer:coarse){button{min-height:44px;min-width:44px}input,textarea,select{min-height:44px}.card:hover,button:hover{transform:none}}@media(max-height:500px)and (orientation:landscape){.container{padding:.75rem}h1{font-size:1.5rem;margin-bottom:.5rem}.card{padding:.75rem;margin:.5rem 0}}@media print{body{background:#fff;color:#000}.card{background:#fff;border:1px solid #ddd;box-shadow:none}.theme-toggle,button:not(.print-button){display:none}}
