:root{--bg-primary: #18191a;--bg-secondary: #242526;--bg-hover: #3a3b3c;--text-primary: #e4e6eb;--text-secondary: #b0b3b8;--accent-primary: #2d88ff;--accent-hover: #1a6dd9;--glass-bg: rgba(36, 37, 38, .7);--glass-border: rgba(255, 255, 255, .08);--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--transition-fast: .2s ease;--transition-medium: .3s cubic-bezier(.4, 0, .2, 1);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .2);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .4);--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);line-height:1.5;overflow-x:hidden}h1,h2,h3,h4,h5,h6{color:var(--text-primary);font-weight:600;letter-spacing:-.025em}a{color:var(--accent-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--accent-hover)}.glass-panel{background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);box-shadow:var(--shadow-md)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .5s var(--transition-medium) forwards}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--bg-hover);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.page-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;padding:40px}.page-loading-spinner{position:relative;width:60px;height:60px}.spinner-ring{position:absolute;width:100%;height:100%;border:3px solid transparent;border-radius:50%;animation:spin 1.2s ease-in-out infinite}.spinner-ring:nth-child(1){border-top-color:#667eeacc;animation-delay:0s}.spinner-ring:nth-child(2){border-right-color:#764ba299;animation-delay:.15s;width:80%;height:80%;top:10%;left:10%}.spinner-ring:nth-child(3){border-bottom-color:#667eea66;animation-delay:.3s;width:60%;height:60%;top:20%;left:20%}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.page-loading-text{margin-top:20px;color:var(--text-secondary, rgba(255, 255, 255, .5));font-size:.9rem;letter-spacing:1px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}