@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@400;500;600;700;800&display=swap";:root{--primary-red:#e10600;--dark-red:#c8102e;--light-red:#e1060014;--translucent-red:#e10600a6;--bg-primary:#f8f9fa;--bg-secondary:#fff;--bg-dark:#0d0d0d;--bg-dark-card:#1a1a1a;--text-primary:#0d0d0d;--text-secondary:#555a68;--text-light:#8a909e;--text-white:#fff;--border-color:#0d0d0d14;--border-hover:#0d0d0d26;--glass-bg:#ffffffb8;--glass-bg-hover:#ffffffd9;--glass-border:#ffffff80;--glass-shadow:0 8px 32px 0 #0000000a, 0 4px 12px 0 #00000005;--shadow-hover:0 12px 36px 0 #0d0d0d14, 0 4px 16px 0 #0d0d0d08;--font-sans:"Outfit", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--transition-smooth:all .25s cubic-bezier(.4, 0, .2, 1);--transition-bounce:all .35s cubic-bezier(.34, 1.56, .64, 1);--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-full:9999px}*{box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-primary);min-height:100vh;line-height:1.5;overflow-x:hidden}#root{flex-direction:column;min-height:100vh;display:flex}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{border-radius:var(--radius-full);background:#0d0d0d26}::-webkit-scrollbar-thumb:hover{background:var(--primary-red)}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-color);box-shadow:var(--glass-shadow);border-radius:var(--radius-lg);transition:var(--transition-smooth)}.glass-panel-hover:hover{background:var(--glass-bg-hover);border-color:var(--border-hover);box-shadow:var(--shadow-hover);transform:translateY(-2px)}h1,h2,h3,h4,h5,h6{letter-spacing:-.02em;color:var(--text-primary);font-weight:700}p{color:var(--text-secondary)}a{color:var(--primary-red);transition:var(--transition-smooth);text-decoration:none}a:hover{color:var(--dark-red)}button,.btn{font-family:var(--font-sans);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-smooth);-webkit-user-select:none;user-select:none;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:.9rem;font-weight:600;display:inline-flex}button:active,.btn:active{transform:scale(.97)}.btn-primary{background-color:var(--primary-red);color:var(--text-white);box-shadow:0 4px 14px #e1060033}.btn-primary:hover{background-color:var(--dark-red);transform:translateY(-1px);box-shadow:0 6px 20px #e106004d}.btn-glass-red{color:var(--primary-red);-webkit-backdrop-filter:blur(8px);background:#e1060014;border:1px solid #e1060040}.btn-glass-red:hover{border-color:var(--primary-red);background:#e1060026;transform:translateY(-1px)}.btn-secondary{border:1px solid var(--border-color);color:var(--text-primary);-webkit-backdrop-filter:blur(8px);background:#fff9}.btn-secondary:hover{border-color:var(--border-hover);background:#ffffffe6;transform:translateY(-1px)}.btn-outline{border:1px solid var(--text-primary);color:var(--text-primary);background:0 0}.btn-outline:hover{background:var(--text-primary);color:var(--text-white)}input,select,textarea{font-family:var(--font-sans);border:1px solid var(--border-color);border-radius:var(--radius-md);width:100%;color:var(--text-primary);transition:var(--transition-smooth);background:#ffffffb3;outline:none;padding:12px 16px;font-size:.95rem}input:focus,select:focus,textarea:focus{border-color:var(--primary-red);background:#fff;box-shadow:0 0 0 3px #e106001a}.form-group{text-align:left;flex-direction:column;gap:8px;margin-bottom:20px;display:flex}.form-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);font-size:.85rem;font-weight:600}.app-container{width:100%;min-height:100vh;display:flex}.app-content{min-width:0;transition:var(--transition-smooth);flex-direction:column;flex:1;padding-left:260px;display:flex}@media (width<=1024px){.app-content{padding-left:0}}.main-viewport{flex:1;width:100%;max-width:1600px;margin:0 auto;padding:32px;animation:.35s ease-out fadeIn}@media (width<=768px){.main-viewport{padding:16px}}.badge{border-radius:var(--radius-full);justify-content:center;align-items:center;padding:2px 8px;font-size:.75rem;font-weight:700;display:inline-flex}.badge-red{background-color:var(--primary-red);color:var(--text-white)}.badge-light{color:var(--text-secondary);border:1px solid var(--border-color);background-color:#0d0d0d0d}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}@keyframes pulse-ring{0%{opacity:.5;transform:scale(.95)}50%{opacity:.8;transform:scale(1.1)}to{opacity:.5;transform:scale(.95)}}.animate-pulse-red{animation:2s ease-in-out infinite pulse-ring}.skeleton{border-radius:var(--radius-sm);background:linear-gradient(90deg,#ebebeb 25%,#f5f5f5 50%,#ebebeb 75%) 0 0/200% 100%;animation:1.5s infinite loading-shimmer}@keyframes loading-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}[data-tooltip]{position:relative}[data-tooltip]:before{content:attr(data-tooltip);background:var(--bg-dark);color:var(--text-white);border-radius:var(--radius-sm);white-space:nowrap;opacity:0;pointer-events:none;transition:var(--transition-bounce);z-index:100;padding:6px 12px;font-size:.75rem;font-weight:500;position:absolute;bottom:100%;left:50%;transform:translate(-50%,-8px)scale(.95);box-shadow:0 4px 12px #00000026}[data-tooltip]:hover:before{opacity:1;transform:translate(-50%,-8px)scale(1)}