*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;overflow-x:hidden}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}::-webkit-scrollbar-thumb{background:#8b5cf6;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#7c3aed}.tab-navigation{display:flex;gap:10px;margin-bottom:20px;background:#ffffffe6;padding:15px;border-radius:15px;box-shadow:0 4px 6px #0000001a}.tab-button{flex:1;background:#ffffffb3;color:#4c1d95;border:2px solid transparent;padding:15px 20px;border-radius:10px;font-size:1.1em;font-weight:700;cursor:pointer;transition:all .3s;box-shadow:0 2px 4px #0000001a}.tab-button:hover{background:#ffffffe6;transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.tab-button.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-color:#ffffff4d;box-shadow:0 4px 12px #667eea66}.tab-button.active:hover{transform:translateY(0);box-shadow:0 4px 12px #667eea80}