html,body,#root{height:100%;margin:0;background:linear-gradient(135deg,#0c0c0c,#1a1a1a,#0f0f0f);color:#e0e0e0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow-x:hidden}.app-root,.layout,.main-root{min-height:100vh;background:transparent;color:inherit}.container,.card,.panel,.content{background:transparent!important;border-color:#ffffff1a!important;color:inherit!important}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#1e1e1ecc;border-radius:4px}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#764ba2,#f093fb)}h1,h2,h3,h4,h5,h6{color:#fff;font-weight:700;margin:0}h1{font-size:3.5rem;font-weight:800;background:linear-gradient(135deg,#667eea,#764ba2,#f093fb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.02em}h2{font-size:2.5rem;font-weight:700;color:#fff}h3{font-size:1.8rem;font-weight:600;color:#fff}p{color:#b0b0b0;line-height:1.6;font-weight:400}a{color:#667eea;text-decoration:none;transition:all .3s ease}a:hover{color:#f093fb;text-decoration:none}button{font-family:inherit;border:none;cursor:pointer;transition:all .3s cubic-bezier(.25,.46,.45,.94)}button:focus{outline:none;box-shadow:0 0 0 4px #667eea1a}input,textarea,select{font-family:inherit;background:#1e1e1ecc;border:2px solid rgba(255,255,255,.1);border-radius:12px;color:#fff;transition:all .3s ease}input:focus,textarea:focus,select:focus{outline:none;border-color:#667eea;background:#232323e6;box-shadow:0 0 0 4px #667eea1a}.gradient-text{background:linear-gradient(135deg,#667eea,#764ba2,#f093fb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.gradient-text-primary{background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.gradient-text-secondary{background:linear-gradient(135deg,#f093fb,#f5576c);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.glass-card{background:#191919cc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:28px}.glass-panel{background:#1e1e1e99;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:20px}.message-success{background:#90ee901a;color:#90ee90;border:1px solid rgba(144,238,144,.3);border-radius:12px}.message-error{background:#ff6b6b1a;color:#ff6b6b;border:1px solid rgba(255,107,107,.3);border-radius:12px}.message-warning{background:#ffc1071a;color:#ffc107;border:1px solid rgba(255,193,7,.3);border-radius:12px}.badge{padding:6px 12px;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;display:inline-flex;align-items:center;gap:4px;width:fit-content}.badge-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.badge-success{background:#90ee901a;color:#90ee90;border:1px solid rgba(144,238,144,.3)}.badge-error{background:#ff6b6b1a;color:#ff6b6b;border:1px solid rgba(255,107,107,.3)}.badge-warning{background:#ffc1071a;color:#ffc107;border:1px solid rgba(255,193,7,.3)}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate-pulse{animation:pulse 2s infinite}.animate-slide-in{animation:slideIn .5s ease-out}.animate-fade-in{animation:fadeIn .3s ease-out}@media (max-width: 768px){h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.5rem}.glass-card{border-radius:20px;margin:1rem}}.section-padding{padding:40px 24px}.container-max-width{max-width:1400px;margin:0 auto}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 40px;color:#a0a0a0;text-align:center}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 40px;color:#a0a0a0;text-align:center;background:#ffffff05;border-radius:20px;border:1px solid rgba(255,255,255,.05)}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,a:focus-visible{outline:2px solid #667eea;outline-offset:2px}