@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.tabs-container{width:100%;background:var(--color-bg-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);border:1px solid var(--color-border-light);margin-bottom:var(--spacing-2xl);position:relative}.tabs-nav{display:flex;gap:0;background:linear-gradient(135deg,var(--color-gray-100) 0%,var(--color-bg-tertiary) 50%,var(--color-gray-100) 100%);border-bottom:2px solid var(--color-border-medium);overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;box-shadow:inset 0-3px 6px rgba(0,0,0,.08),inset 0 1px 2px rgba(255,255,255,.5);position:sticky;top:0;z-index:100;border-radius:var(--radius-xl) var(--radius-xl)0 0}.tabs-nav::-webkit-scrollbar{height:4px}.tabs-nav::-webkit-scrollbar-track{background:0 0}.tabs-nav::-webkit-scrollbar-thumb{background:var(--color-border-medium);border-radius:var(--radius-full)}.tabs-nav::-webkit-scrollbar-thumb:hover{background:var(--color-border-dark)}.tab-button{flex:1;min-width:120px;padding:var(--spacing-lg) var(--spacing-xl);background:0 0;color:var(--color-text-secondary);border:0;border-bottom:3px solid transparent;cursor:pointer;font-size:15px;font-weight:600;letter-spacing:.3px;text-transform:uppercase;transition:all var(--transition-cubic);white-space:nowrap;position:relative;overflow:hidden}.tab-button::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to bottom,rgba(255,255,255,.4)0,rgba(255,255,255,.1) 50%,transparent 100%);opacity:0;transition:opacity var(--transition-base);pointer-events:none}.tab-button:hover::before{opacity:1}.tab-button:hover{color:var(--color-text-primary);background:linear-gradient(to bottom,rgba(255,255,255,.6)0,rgba(255,255,255,.3) 100%)}.tab-button.active{background:linear-gradient(to bottom,var(--color-bg-primary) 0%,rgba(255,255,255,.95) 100%);color:var(--color-primary);border-bottom-color:transparent;box-shadow:inset 0 3px 8px rgba(0,0,0,.08),inset 0 1px 3px rgba(0,0,0,.12),0-2px 12px rgba(0,123,255,.15);margin-bottom:-2px;position:relative;z-index:2}.tab-button:focus{outline:0}.tab-button:focus-visible{outline:0}.tabs-content{background:linear-gradient(to bottom,var(--color-bg-primary) 0%,var(--color-gray-50) 100%);padding:var(--spacing-3xl);min-height:500px;position:relative}.tabs-content::before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent 0%,var(--color-info) 20%,var(--color-primary) 50%,var(--color-info) 80%,transparent 100%);opacity:.5;box-shadow:0 1px 4px rgba(0,123,255,.3)}.tab-panel{display:none;animation:fadeInUp var(--transition-cubic) forwards}.tab-panel.active{display:block}.dark-mode .tabs-nav{background:linear-gradient(135deg,var(--color-gray-800) 0%,var(--color-bg-tertiary) 50%,var(--color-gray-800) 100%);box-shadow:inset 0-3px 6px rgba(0,0,0,.3),inset 0 1px 2px rgba(255,255,255,.05)}.dark-mode .tab-button::before{background:linear-gradient(to bottom,rgba(255,255,255,.08)0,rgba(255,255,255,.02) 50%,transparent 100%)}.dark-mode .tab-button:hover{background:linear-gradient(to bottom,rgba(255,255,255,.1)0,rgba(255,255,255,.05) 100%)}.dark-mode .tab-button.active{box-shadow:inset 0 3px 8px rgba(0,0,0,.4),inset 0 1px 3px rgba(0,0,0,.5),0-2px 12px rgba(59,130,246,.2)}.dark-mode .tab-button.active,.dark-mode .tabs-content{background:linear-gradient(to bottom,var(--color-bg-primary) 0%,var(--color-gray-800) 100%)}.dark-mode .tabs-content::before{box-shadow:0 1px 4px rgba(59,130,246,.4)}@media (max-width:768px){.tabs-container{border-radius:var(--radius-lg);margin-bottom:var(--spacing-xl)}.tabs-nav{gap:0;border-radius:var(--radius-lg) var(--radius-lg)0 0;scroll-behavior:smooth}.tab-button{min-width:90px;padding:var(--spacing-md) var(--spacing-lg);font-size:13px;letter-spacing:.2px;flex-shrink:0}.tabs-content{padding:var(--spacing-xl);min-height:400px}}@media (max-width:480px){.tabs-container{margin-bottom:var(--spacing-lg)}.tabs-nav{position:relative}.tab-button{min-width:75px;padding:var(--spacing-sm) var(--spacing-md);font-size:11px;font-weight:500;flex-shrink:0;text-transform:capitalize;letter-spacing:0}.tabs-content{padding:var(--spacing-md);min-height:300px}}